@ds-mo/ui 16.1.2 → 16.2.0

package/dist/components/ds-drawer.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as s,h as i,a as r,t as a}from"./index.js";import{C as o}from"./p-DlsjHRU3.js";import{d}from"./p-BEj9uENH.js";import{d as n}from"./p-DKL7n7NM.js";import{d as l}from"./p-CBezgJ3r.js";import{d as h}from"./p-C942uiH1.js";import{d as c}from"./p-0XTyQNRG.js";import{d as f}from"./p-DcwgXLe-.js";import{d as u}from"./p-xHv_RGJh.js";import{r as m,T as w}from"./p-mSCnWLhL.js";const b=()=>`@media (forced-colors: active){.sc-ds-drawer:root,.sc-ds-drawer-h,.ds-forced-colors-scope.sc-ds-drawer{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-drawer-h{display:contents}.drawer-dialog.sc-ds-drawer{--_drawer-enter-from:translateX(100%);position:fixed;z-index:var(--dimension-z-index-overlay);inset-block:0;inset-inline:auto 0;display:none;flex-direction:column;width:min(100%, var(--_drawer-width));min-width:0;max-width:none;height:auto;max-height:none;margin:0;padding:0;overflow:visible;color:var(--color-foreground-primary);background-color:var(--color-background-primary);border:0;border-radius:0;box-shadow:var(--effect-elevation-elevated-panel-right);outline:none;box-sizing:border-box;pointer-events:auto;animation:drawerIn var(--effect-animation-duration-medium-1)     var(--effect-animation-easing-ease-out) forwards}.drawer-dialog--start.sc-ds-drawer{--_drawer-enter-from:translateX(-100%);inset-inline:0 auto;box-shadow:var(--effect-elevation-elevated-panel-left)}.drawer-dialog[open].sc-ds-drawer,.drawer-dialog--shown.sc-ds-drawer{display:flex}.drawer-dialog.sc-ds-drawer::backdrop{background-color:var(--color-background-shade);animation:drawerBackdropIn var(--effect-animation-duration-medium-1) forwards}.drawer-dialog--closing.sc-ds-drawer{animation:drawerOut var(--effect-animation-duration-medium-1)     var(--effect-animation-easing-ease-in) forwards}.drawer-dialog--closing.sc-ds-drawer::backdrop{animation:drawerBackdropOut var(--effect-animation-duration-medium-1) forwards}@keyframes drawerIn{from{transform:var(--_drawer-enter-from)}to{transform:none}}@keyframes drawerOut{from{transform:none}to{transform:var(--_drawer-enter-from)}}@keyframes drawerBackdropIn{from{opacity:0}to{opacity:1}}@keyframes drawerBackdropOut{from{opacity:1}to{opacity:0}}@media (width < 768px){.drawer-dialog.sc-ds-drawer{width:100%}}@media (prefers-reduced-motion: reduce){.drawer-dialog.sc-ds-drawer,.drawer-dialog--closing.sc-ds-drawer{animation:none;transform:none}.drawer-dialog.sc-ds-drawer::backdrop{animation:none;opacity:1}.drawer-dialog--closing.sc-ds-drawer,.drawer-dialog--closing.sc-ds-drawer::backdrop{opacity:0}}.drawer-header.sc-ds-drawer{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-050);min-width:0;block-size:var(--dimension-size-600);padding:var(--dimension-space-100);box-sizing:border-box;border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);-webkit-user-select:none;user-select:none}ds-text.drawer-heading.sc-ds-drawer{display:block;flex:1 1 0;min-width:0;padding-inline:var(--dimension-space-100);text-align:start}.drawer-back-tooltip.sc-ds-drawer,.drawer-close-tooltip.sc-ds-drawer,.drawer-previous-tooltip.sc-ds-drawer,.drawer-next-tooltip.sc-ds-drawer{flex:0 0 auto}.drawer-header__trailing.sc-ds-drawer{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100);padding-inline-start:var(--dimension-space-050)}.drawer-header__actions.sc-ds-drawer{display:flex;align-items:center;gap:var(--dimension-space-100)}.drawer-header__actions--empty.sc-ds-drawer{display:none}.drawer-header__actions.sc-ds-drawer slot.sc-ds-drawer,.drawer-footer__actions.sc-ds-drawer slot.sc-ds-drawer{display:contents}.drawer-body.sc-ds-drawer{flex:1 1 auto;min-height:0;padding:var(--dimension-space-200);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.drawer-body--flush.sc-ds-drawer{padding:0}.drawer-footer.sc-ds-drawer{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--dimension-space-100);min-block-size:var(--dimension-size-600);padding:var(--dimension-space-200);box-sizing:border-box;border-block-start:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.drawer-footer--empty.sc-ds-drawer{display:none}.drawer-footer__actions.sc-ds-drawer{display:flex;flex:1 1 0;align-items:center;gap:var(--dimension-space-100);min-width:min-content}.drawer-footer__actions--empty.sc-ds-drawer{display:none}.drawer-footer__navigation.sc-ds-drawer{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100);margin-inline-start:auto}@media (forced-colors: active){.drawer-dialog.sc-ds-drawer{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const p={sm:"var(--dimension-panel-width-sm)",md:"var(--dimension-panel-width-md)",lg:"var(--dimension-panel-width-lg)"};const g=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","iframe",'[contenteditable="true"]','[tabindex]:not([tabindex="-1"])'].join(",");const v=["dsClose","dsAfterClose","dsBack","dsPrevious","dsNext"];const y=e=>e.stopPropagation();const k=new Set(["DS-SELECT","DS-MENU","DS-FILTER-MENU","DS-SLIDER","INPUT","SELECT","TEXTAREA"]);const x=new Set(["slider","combobox","listbox","menu","tablist"]);function C(e){return e.some((e=>{if(!(e instanceof t))return false;if(k.has(e.tagName)||e.isContentEditable)return true;const s=e.getAttribute("role");return s!==null&&x.has(s)}))}const _=new WeakMap;let L=0;const A=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsClose=s(this,"dsClose",7);this.dsAfterClose=s(this,"dsAfterClose",7);this.dsBack=s(this,"dsBack",7);this.dsPrevious=s(this,"dsPrevious",7);this.dsNext=s(this,"dsNext",7);this.open=false;this.modal=false;this.side="end";this.drawerWidth="sm";this.bodyInset="default";this.closeAriaLabel="Close";this.navigation=false;this.previousAvailable=false;this.nextAvailable=false;this.previousAriaLabel="Previous item";this.nextAriaLabel="Next item";this.navigationAriaLabel="Record navigation";this.navigationShortcutsBlocked=false;this.closing=false;this.shown=false;this.hasFooterActions=false;this.hasHeaderActions=false;this.titleId=`ds-drawer-title-${++L}`;this.dialogEl=null;this.previousFocus=null;this.closeTimer=null;this.loaded=false;this.openedAsModal=false;this.replaced=false;this.documentListening=null;this.tasks=new o((()=>this.el.isConnected));this.bodyEl=null;this.headerActionsEl=null;this.footerActionsEl=null;this.handleDocumentKeyDown=e=>{if(this.openedAsModal||e.key!=="Escape"||e.defaultPrevented)return;if(!this.open||this.closing||this.coveredByOtherModal)return;e.preventDefault();this.requestClose("escape",e)};this.handleDirectionalKeyDown=e=>{if(!this.open||this.closing||!this.navigation||this.navigationShortcutsBlocked||e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.key!=="ArrowLeft"&&e.key!=="ArrowRight"||this.coveredByOtherModal||C(e.composedPath())){return}const t=getComputedStyle(this.el).direction==="rtl";const s=e.key==="ArrowLeft"!==t;e.preventDefault();e.stopPropagation();this.page(s?"previous":"next")}}connectedCallback(){if(!this.loaded)return;this.updateSlotPresence();this.observeSlottedContent();this.onOpenChange(this.open)}componentDidLoad(){this.loaded=true;this.placeSlottedContent();this.updateSlotPresence();this.observeSlottedContent();if(this.open)this.onOpenChange(true)}componentDidRender(){if(!this.el.isConnected)return;if(!this.closing||!this.isSurfaceOpen||this.closeTimer)return;const e=this.closeAnimationMs;if(e<=0){this.finishClose();return}this.closeTimer=setTimeout((()=>{this.closeTimer=null;this.finishClose()}),e)}disconnectedCallback(){this.slotObserver?.disconnect();this.slotObserver=undefined;this.tasks.cancel();this.clearCloseTimer();this.releaseActive();this.stopDocumentListeners();this.hideSurface();this.closing=false;this.shown=false;this.previousFocus=null}onOpenChange(e){if(!this.loaded||!this.el.isConnected)return;this.tasks.cancel();if(e){this.clearCloseTimer();const e=this.isSurfaceOpen;this.closing=false;this.replaced=false;if(!this.dialogEl||e)return;this.previousFocus=this.el.ownerDocument.activeElement;this.present();this.shown=true;this.startDocumentListeners();this.tasks.frame((()=>{if(this.open&&this.isSurfaceOpen)this.focusLeadingAction()}))}else if(this.isSurfaceOpen){this.releaseActive();this.stopDocumentListeners();this.closing=true}}onModalChange(){if(!this.open||!this.isSurfaceOpen||this.openedAsModal===this.modal)return;this.hideSurface();this.present()}onBackLabelChange(e,t){if(!this.open||!this.isSurfaceOpen||!e===!t)return;const s=this.el.ownerDocument.activeElement;const i=!!s&&!!this.dialogEl?.contains(s);if(!i&&s!==this.el.ownerDocument.body)return;this.tasks.frame((()=>{if(this.open&&this.isSurfaceOpen)this.focusLeadingAction()}))}present(){if(!this.dialogEl)return;this.openedAsModal=this.modal;if(this.modal){this.releaseActive();this.dialogEl.showModal();return}this.dialogEl.show();const e=this.el.ownerDocument;const t=_.get(e);_.set(e,this);if(t&&t!==this)t.replace()}replace(){if(!this.open||this.closing)return;this.replaced=true;this.requestClose("replaced")}releaseActive(){const e=this.el.ownerDocument;if(_.get(e)===this)_.delete(e)}get isSurfaceOpen(){return!!this.dialogEl?.open}hideSurface(){if(this.dialogEl?.open)this.dialogEl.close()}focusLeadingAction(){const e=this.backLabel?"ds-button-unfilled.drawer-back":"ds-button-unfilled.drawer-close";const t=this.el.querySelector(e);void t?.setFocus?.()}clearCloseTimer(){if(this.closeTimer){clearTimeout(this.closeTimer);this.closeTimer=null}}requestClose(e,t){if(!this.open||this.closing||!this.isSurfaceOpen)return;this.dsClose.emit({reason:e,originalEvent:t});this.open=false}startDocumentListeners(){if(this.documentListening)return;const e=this.el.ownerDocument;e.addEventListener("keydown",this.handleDocumentKeyDown);e.addEventListener("keydown",this.handleDirectionalKeyDown,true);this.documentListening=e}stopDocumentListeners(){const e=this.documentListening;if(!e)return;e.removeEventListener("keydown",this.handleDocumentKeyDown);e.removeEventListener("keydown",this.handleDirectionalKeyDown,true);this.documentListening=null}get coveredByOtherModal(){const e=this.el.ownerDocument.querySelector("dialog:modal");return!!e&&e!==this.dialogEl}page(e){if(e==="previous"){if(this.previousAvailable)this.dsPrevious.emit();return}if(this.nextAvailable)this.dsNext.emit()}hasAssignedContent(e){if(!e)return false;return Array.from(e.childNodes).some((e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&!!e.textContent?.trim()))}updateSlotPresence(){this.hasFooterActions=this.hasAssignedContent(this.footerActionsEl);this.hasHeaderActions=this.hasAssignedContent(this.headerActionsEl)}namedSlotContainer(e){if(e==="header-actions")return this.headerActionsEl;if(e==="footer")return this.footerActionsEl;return null}placeSlottedContent(){const e=[...Array.from(this.el.children),...this.bodyEl?Array.from(this.bodyEl.children):[]];for(const t of e){const e=this.namedSlotContainer(t.getAttribute("slot"));if(e&&t.parentElement!==e)e.appendChild(t)}}observeSlottedContent(){if(this.slotObserver||typeof MutationObserver==="undefined")return;this.slotObserver=new MutationObserver((e=>{const t=e.some((e=>[...Array.from(e.addedNodes),...Array.from(e.removedNodes)].some((e=>e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute("slot")))));if(!t)return;this.placeSlottedContent();this.updateSlotPresence()}));this.slotObserver.observe(this.el,{childList:true,subtree:true})}handleCancel(e){e.preventDefault();this.requestClose("escape",e)}handleBackdropPointerDown(e){if(this.openedAsModal&&e.target===this.dialogEl)this.requestClose("backdrop",e)}handleDialogKeyDown(e){if(!this.openedAsModal||e.key!=="Tab"||!this.dialogEl)return;const t=Array.from(this.dialogEl.querySelectorAll(g)).filter((e=>!e.hasAttribute("disabled")&&e.getAttribute("aria-hidden")!=="true"));if(!t.length){e.preventDefault();this.dialogEl.focus();return}const s=t[0];const i=t[t.length-1];const r=document.activeElement;if(e.shiftKey&&(r===s||r===this.dialogEl)){e.preventDefault();i.focus()}else if(!e.shiftKey&&r===i){e.preventDefault();s.focus()}}get resolvedWidth(){if(this.drawerWidth==="sm"||this.drawerWidth==="md"||this.drawerWidth==="lg"){return p[this.drawerWidth]}return this.drawerWidth}get closeAnimationMs(){return m(w.animationDurationMedium1,w.animationDurationMedium1)}finishClose(){if(this.open||!this.el.isConnected||!this.isSurfaceOpen)return;let e=!this.replaced;if(!this.openedAsModal){const e=this.el.ownerDocument.activeElement;if(e&&this.dialogEl?.contains(e))e.blur()}this.hideSurface();this.closing=false;this.shown=false;this.clearCloseTimer();if(e&&this.openedAsModal&&this.previousFocus?.isConnected){this.previousFocus.focus();e=false}this.previousFocus=null;this.replaced=false;this.dsAfterClose.emit({restoreFocus:e})}renderIconAction(e,t,s,r,a,o=false){return i("ds-tooltip",{class:`${e}-tooltip`,label:s,side:r,size:"sm"},i("ds-button-unfilled",{class:e,variant:"icon",icon:t,size:"md","aria-label":s,activeFill:false,hasBorder:false,isInactive:o,onDsClick:a}))}render(){const e=this.hasFooterActions||this.navigation;return i(r,{key:"0f6c4bbbe7879ed98ed857b167f94a4c0bd8f508"},i("dialog",{key:"25249dbfe53d6ed82ac84a81d191b847374d5d07",ref:e=>{if(e&&e!==this.dialogEl){for(const t of v){e.addEventListener(t,y)}}this.dialogEl=e??null},class:{"drawer-dialog":true,[`drawer-dialog--${this.side==="start"?"start":"end"}`]:true,"drawer-dialog--shown":this.shown,"drawer-dialog--closing":this.closing},"aria-labelledby":this.titleId,"aria-describedby":this.ariaDescribedby,onCancel:e=>this.handleCancel(e),onPointerDown:e=>this.handleBackdropPointerDown(e),onKeyDown:e=>this.handleDialogKeyDown(e),style:{"--_drawer-width":this.resolvedWidth}},i("div",{key:"cf421f14d829751cd14a6d256c700cb26af907fc",class:"drawer-header"},this.backLabel?this.renderIconAction("drawer-back","ChevronLeft",this.backLabel,"bottom",(e=>this.dsBack.emit(e.detail))):null,i("ds-text",{key:"d6ff979658e267df6a0cc059de9cd18d2fc47f0f",class:"drawer-heading",as:"h2",variant:"text-body-medium",color:"primary",emphasis:true,lineTruncation:1,textId:this.titleId},this.heading),i("div",{key:"0cdc50ce02fc9e10cc639dab2a48a30003f5038e",class:"drawer-header__trailing"},i("div",{key:"99bec0e2e67a6102605151429b1ff24091aeb245",class:{"drawer-header__actions":true,"drawer-header__actions--empty":!this.hasHeaderActions},ref:e=>this.headerActionsEl=e??null},i("slot",{key:"55c230581316889260c940cb8213fb96367901fe",name:"header-actions"})),this.hasHeaderActions?i("ds-divider",{class:"drawer-header__divider",orientation:"vertical",length:"var(--dimension-size-300)"}):null,this.renderIconAction("drawer-close","Cross",this.closeAriaLabel,"bottom",(e=>this.requestClose("close-button",e.detail))))),i("div",{key:"7133f7fd2ebdcb3d14e31c15372e32f3ed29898e",class:{"drawer-body":true,"drawer-body--flush":this.bodyInset==="none"},ref:e=>this.bodyEl=e??null},i("slot",{key:"c710577b152827af81d27d99a89f7d5bfe6e0508"})),i("div",{key:"b76667bd0801dd3f00a6df2187c8d725473bb483",class:{"drawer-footer":true,"drawer-footer--empty":!e}},i("div",{key:"83b8950bbe7d24ee84a9c0399c724b86538f12ab",class:{"drawer-footer__actions":true,"drawer-footer__actions--empty":!this.hasFooterActions},ref:e=>this.footerActionsEl=e??null},i("slot",{key:"716a56290578382dd0303f457296568d91f265ce",name:"footer"})),this.navigation?i("div",{class:"drawer-footer__navigation",role:"group","aria-label":this.navigationAriaLabel},this.renderIconAction("drawer-previous","ChevronLeft",this.previousAriaLabel,"top",(()=>this.page("previous")),!this.previousAvailable),this.renderIconAction("drawer-next","ChevronRight",this.nextAriaLabel,"top",(()=>this.page("next")),!this.nextAvailable)):null)))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}],modal:[{onModalChange:0}],backLabel:[{onBackLabelChange:0}]}}static get style(){return b()}},[262,"ds-drawer",{open:[1028],heading:[1],modal:[4],side:[1],drawerWidth:[1,"drawer-width"],bodyInset:[1,"body-inset"],backLabel:[1,"back-label"],closeAriaLabel:[1,"close-aria-label"],navigation:[4],previousAvailable:[4,"previous-available"],nextAvailable:[4,"next-available"],previousAriaLabel:[1,"previous-aria-label"],nextAriaLabel:[1,"next-aria-label"],navigationAriaLabel:[1,"navigation-aria-label"],navigationShortcutsBlocked:[4,"navigation-shortcuts-blocked"],ariaDescribedby:[1,"aria-describedby"],closing:[32],shown:[32],hasFooterActions:[32],hasHeaderActions:[32]},undefined,{open:[{onOpenChange:0}],modal:[{onModalChange:0}],backLabel:[{onBackLabelChange:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["ds-drawer","ds-badge","ds-button-unfilled","ds-divider","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-drawer":if(!customElements.get(a(e))){customElements.define(a(e),A)}break;case"ds-badge":if(!customElements.get(a(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){n()}break;case"ds-divider":if(!customElements.get(a(e))){l()}break;case"ds-icon":if(!customElements.get(a(e))){h()}break;case"ds-loader":if(!customElements.get(a(e))){c()}break;case"ds-text":if(!customElements.get(a(e))){f()}break;case"ds-tooltip":if(!customElements.get(a(e))){u()}break}}))}E();const D=A;const S=E;export{D as DsDrawer,S as defineCustomElement};
+//# sourceMappingURL=ds-drawer.js.map

package/dist/components/ds-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["drawerCss","WIDTH_MAP","sm","md","lg","FOCUSABLE_SEL","join","DRAWER_EVENT_NAMES","stopDescendantDrawerEvent","event","stopPropagation","DIRECTIONAL_CONTROL_TAGS","Set","DIRECTIONAL_CONTROL_ROLES","directionalControlInPath","path","some","target","HTMLElement","has","tagName","isContentEditable","role","getAttribute","activeNonModalDrawers","WeakMap","drawerIdCounter","Drawer","__stencil_proxyCustomElement","constructor","registerHost","this","open","modal","side","drawerWidth","bodyInset","closeAriaLabel","navigation","previousAvailable","nextAvailable","previousAriaLabel","nextAriaLabel","navigationAriaLabel","navigationShortcutsBlocked","closing","shown","hasFooterActions","hasHeaderActions","titleId","dialogEl","previousFocus","closeTimer","loaded","openedAsModal","replaced","documentListening","tasks","ConnectionTasks","el","isConnected","bodyEl","headerActionsEl","footerActionsEl","handleDocumentKeyDown","key","defaultPrevented","coveredByOtherModal","preventDefault","requestClose","handleDirectionalKeyDown","altKey","ctrlKey","metaKey","shiftKey","composedPath","rtl","getComputedStyle","direction","towardStart","page","connectedCallback","updateSlotPresence","observeSlottedContent","onOpenChange","componentDidLoad","placeSlottedContent","componentDidRender","isSurfaceOpen","closeAnimationMs","finishClose","setTimeout","disconnectedCallback","slotObserver","disconnect","undefined","cancel","clearCloseTimer","releaseActive","stopDocumentListeners","hideSurface","isOpen","alreadyOpen","ownerDocument","activeElement","present","startDocumentListeners","frame","focusLeadingAction","onModalChange","onBackLabelChange","next","previous","active","focusInside","contains","body","showModal","show","doc","get","set","replace","delete","close","selector","backLabel","action","querySelector","setFocus","clearTimeout","reason","originalEvent","dsClose","emit","addEventListener","removeEventListener","dsPrevious","dsNext","hasAssignedContent","container","Array","from","childNodes","node","nodeType","Node","ELEMENT_NODE","TEXT_NODE","textContent","trim","namedSlotContainer","slotName","candidates","children","child","parentElement","appendChild","MutationObserver","records","slottedChange","record","addedNodes","removedNodes","hasAttribute","observe","childList","subtree","handleCancel","handleBackdropPointerDown","handleDialogKeyDown","focusables","querySelectorAll","filter","element","length","focus","first","last","document","resolvedWidth","resolveMotionTimeMs","TOKEN_DEFAULTS","animationDurationMedium1","restoreFocus","blur","dsAfterClose","renderIconAction","className","icon","label","tooltipSide","onActivate","inactive","h","class","size","variant","activeFill","hasBorder","isInactive","onDsClick","render","showFooter","Host","ref","name","ariaDescribedby","onCancel","onPointerDown","onKeyDown","style","dsBack","detail","as","color","emphasis","lineTruncation","textId","heading","orientation"],"sources":["src/wc/components/Drawer/Drawer.css?tag=ds-drawer&encapsulation=scoped","src/wc/components/Drawer/Drawer.tsx"],"sourcesContent":["@import '../../utils/forced-colors.css';\n\n:host {\n  display: contents;\n}\n\n/*\n * Edge-attached details panel. Non-modal by default: it sits beside the page,\n * which stays interactive. Inside ShellApp page content, the shell's content\n * frame contains fixed descendants, so the panel covers only the content lane\n * and stays put while the page scrolls; elsewhere it attaches to the viewport.\n * Modal drawers present in the top layer against the viewport edge.\n */\n.drawer-dialog {\n  --_drawer-enter-from: translateX(100%);\n  position: fixed;\n  z-index: var(--dimension-z-index-overlay);\n  inset-block: 0;\n  inset-inline: auto 0;\n  display: none;\n  flex-direction: column;\n  width: min(100%, var(--_drawer-width));\n  min-width: 0;\n  max-width: none;\n  height: auto;\n  max-height: none;\n  margin: 0;\n  padding: 0;\n  overflow: visible;\n  color: var(--color-foreground-primary);\n  background-color: var(--color-background-primary);\n  border: 0;\n  border-radius: 0;\n  box-shadow: var(--effect-elevation-elevated-panel-right);\n  outline: none;\n  box-sizing: border-box;\n  pointer-events: auto;\n  animation: drawerIn var(--effect-animation-duration-medium-1)\n    var(--effect-animation-easing-ease-out) forwards;\n}\n\n.drawer-dialog--start {\n  --_drawer-enter-from: translateX(-100%);\n  inset-inline: 0 auto;\n  box-shadow: var(--effect-elevation-elevated-panel-left);\n}\n\n.drawer-dialog[open],\n.drawer-dialog--shown {\n  display: flex;\n}\n\n.drawer-dialog::backdrop {\n  background-color: var(--color-background-shade);\n  animation: drawerBackdropIn var(--effect-animation-duration-medium-1) forwards;\n}\n\n.drawer-dialog--closing {\n  animation: drawerOut var(--effect-animation-duration-medium-1)\n    var(--effect-animation-easing-ease-in) forwards;\n}\n\n.drawer-dialog--closing::backdrop {\n  animation: drawerBackdropOut var(--effect-animation-duration-medium-1) forwards;\n}\n\n@keyframes drawerIn {\n  from {\n    transform: var(--_drawer-enter-from);\n  }\n  to {\n    transform: none;\n  }\n}\n\n@keyframes drawerOut {\n  from {\n    transform: none;\n  }\n  to {\n    transform: var(--_drawer-enter-from);\n  }\n}\n\n@keyframes drawerBackdropIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes drawerBackdropOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n/* Narrow viewports, matching the shell breakpoint, give the panel the full width. */\n@media (width < 768px) {\n  .drawer-dialog {\n    width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .drawer-dialog,\n  .drawer-dialog--closing {\n    animation: none;\n    transform: none;\n  }\n\n  .drawer-dialog::backdrop {\n    animation: none;\n    opacity: 1;\n  }\n\n  .drawer-dialog--closing,\n  .drawer-dialog--closing::backdrop {\n    opacity: 0;\n  }\n}\n\n/*\n * Header: a generic label for what the drawer shows, never record data.\n * Title glyphs sit 16px from the edge; a leading Back action sits 4px before\n * the title's own 8px inset.\n */\n.drawer-header {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  min-width: 0;\n  block-size: var(--dimension-size-600);\n  padding: var(--dimension-space-100);\n  box-sizing: border-box;\n  border-block-end: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n  -webkit-user-select: none;\n  user-select: none;\n}\n\nds-text.drawer-heading {\n  display: block;\n  flex: 1 1 0;\n  min-width: 0;\n  padding-inline: var(--dimension-space-100);\n  text-align: start;\n}\n\n.drawer-back-tooltip,\n.drawer-close-tooltip,\n.drawer-previous-tooltip,\n.drawer-next-tooltip {\n  flex: 0 0 auto;\n}\n\n.drawer-header__trailing {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  padding-inline-start: var(--dimension-space-050);\n}\n\n.drawer-header__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-100);\n}\n\n.drawer-header__actions--empty {\n  display: none;\n}\n\n.drawer-header__actions slot,\n.drawer-footer__actions slot {\n  display: contents;\n}\n\n/* The body is a composable slot; the drawer owns only its inset and scrolling. */\n.drawer-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  padding: var(--dimension-space-200);\n  overflow: auto;\n  overscroll-behavior: contain;\n  box-sizing: border-box;\n}\n\n.drawer-body--flush {\n  padding: 0;\n}\n\n/* Footer: actions at the start, record navigation at the end. */\n.drawer-footer {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-start;\n  gap: var(--dimension-space-100);\n  min-block-size: var(--dimension-size-600);\n  padding: var(--dimension-space-200);\n  box-sizing: border-box;\n  border-block-start: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.drawer-footer--empty {\n  display: none;\n}\n\n.drawer-footer__actions {\n  display: flex;\n  flex: 1 1 0;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  min-width: min-content;\n}\n\n.drawer-footer__actions--empty {\n  display: none;\n}\n\n.drawer-footer__navigation {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  margin-inline-start: auto;\n}\n\n@media (forced-colors: active) {\n  .drawer-dialog {\n    box-shadow: none;\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n    outline-offset: calc(-1 * var(--dimension-stroke-width-012));\n  }\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport { resolveMotionTimeMs, TOKEN_DEFAULTS } from '../../utils';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\n\nexport type DrawerSide = 'end' | 'start';\nexport type DrawerWidth = 'sm' | 'md' | 'lg';\nexport type DrawerBodyInset = 'default' | 'none';\nexport type DrawerCloseReason = 'close-button' | 'escape' | 'backdrop' | 'replaced';\n\nexport interface DrawerCloseDetail {\n  reason: DrawerCloseReason;\n  originalEvent?: globalThis.Event;\n}\n\nexport interface DrawerAfterCloseDetail {\n  /**\n   * True when the owner should place focus, typically on the record now shown.\n   * False when another drawer replaced this one, or a modal drawer already\n   * returned focus to its trigger.\n   */\n  restoreFocus: boolean;\n}\n\nconst WIDTH_MAP: Record<DrawerWidth, string> = {\n  sm: 'var(--dimension-panel-width-sm)',\n  md: 'var(--dimension-panel-width-md)',\n  lg: 'var(--dimension-panel-width-lg)',\n};\n\nconst FOCUSABLE_SEL = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'iframe',\n  '[contenteditable=\"true\"]',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\n/** Targets that own Left/Right themselves, so record paging must not steal the keys. */\n/**\n * Drawer event names. Slotted components such as ds-menu emit some of the same\n * names; those stop at the drawer boundary so owner listeners on the drawer only\n * hear the drawer itself.\n */\nconst DRAWER_EVENT_NAMES = ['dsClose', 'dsAfterClose', 'dsBack', 'dsPrevious', 'dsNext'];\n\nconst stopDescendantDrawerEvent = (event: globalThis.Event) => event.stopPropagation();\n\nconst DIRECTIONAL_CONTROL_TAGS = new Set([\n  'DS-SELECT',\n  'DS-MENU',\n  'DS-FILTER-MENU',\n  'DS-SLIDER',\n  'INPUT',\n  'SELECT',\n  'TEXTAREA',\n]);\nconst DIRECTIONAL_CONTROL_ROLES = new Set(['slider', 'combobox', 'listbox', 'menu', 'tablist']);\n\nfunction directionalControlInPath(path: readonly EventTarget[]): boolean {\n  return path.some(target => {\n    if (!(target instanceof HTMLElement)) return false;\n    if (DIRECTIONAL_CONTROL_TAGS.has(target.tagName) || target.isContentEditable) return true;\n    const role = target.getAttribute('role');\n    return role !== null && DIRECTIONAL_CONTROL_ROLES.has(role);\n  });\n}\n\n/** One non-modal drawer per document: opening another replaces it. */\nconst activeNonModalDrawers = new WeakMap<Document, Drawer>();\n\nlet drawerIdCounter = 0;\n\n@Component({\n  tag: 'ds-drawer',\n  styleUrl: 'Drawer.css',\n  scoped: true,\n})\nexport class Drawer {\n  @Element() el!: HTMLElement;\n\n  @Prop({ mutable: true }) open: boolean = false;\n  /** Generic label for what the drawer shows, such as \"Event details\". Record identity belongs in the body. */\n  @Prop() heading!: string;\n  /**\n   * Block the page behind a shade and contain focus. The default non-modal\n   * drawer leaves the page interactive beside it.\n   */\n  @Prop() modal: boolean = false;\n  /** Edge the panel attaches to. */\n  @Prop() side: DrawerSide = 'end';\n  /** Panel width token (`sm`, `md`, `lg`) or a CSS length. Narrow viewports use the full width. */\n  @Prop() drawerWidth: DrawerWidth | string = 'sm';\n  /** `none` removes the body inset for content that owns its own edges. */\n  @Prop() bodyInset: DrawerBodyInset = 'default';\n  /** When set, shows a leading Back action for multi-depth content and emits dsBack. */\n  @Prop() backLabel: string | undefined;\n  @Prop() closeAriaLabel: string = 'Close';\n  /** Shows Previous and Next record actions at the end of the footer. */\n  @Prop() navigation: boolean = false;\n  @Prop() previousAvailable: boolean = false;\n  @Prop() nextAvailable: boolean = false;\n  @Prop() previousAriaLabel: string = 'Previous item';\n  @Prop() nextAriaLabel: string = 'Next item';\n  @Prop() navigationAriaLabel: string = 'Record navigation';\n  /** Suspends Left/Right record paging, for example while a menu in the drawer is open. */\n  @Prop() navigationShortcutsBlocked: boolean = false;\n  /** Optional id reference for explanatory content in the body. */\n  @Prop({ attribute: 'aria-describedby' }) ariaDescribedby: string | undefined;\n\n  @State() private closing: boolean = false;\n  @State() private shown: boolean = false;\n  @State() private hasFooterActions: boolean = false;\n  @State() private hasHeaderActions: boolean = false;\n\n  /** Emitted when the drawer requests to close; open is already false. */\n  @Event() dsClose!: EventEmitter<DrawerCloseDetail>;\n  /** Emitted after exit motion completes. */\n  @Event() dsAfterClose!: EventEmitter<DrawerAfterCloseDetail>;\n  /** Emitted when the leading Back action is activated. The owner swaps heading and body. */\n  @Event() dsBack!: EventEmitter<MouseEvent>;\n  /** Emitted by the Previous action or ArrowLeft while navigation is shown and available. */\n  @Event() dsPrevious!: EventEmitter<void>;\n  /** Emitted by the Next action or ArrowRight while navigation is shown and available. */\n  @Event() dsNext!: EventEmitter<void>;\n\n  private titleId = `ds-drawer-title-${++drawerIdCounter}`;\n  private dialogEl: HTMLDialogElement | null = null;\n  private previousFocus: HTMLElement | null = null;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private loaded = false;\n  private openedAsModal = false;\n  private replaced = false;\n  private documentListening: Document | null = null;\n  private readonly tasks = new ConnectionTasks(() => this.el.isConnected);\n  private slotObserver?: MutationObserver;\n  private bodyEl: HTMLElement | null = null;\n  private headerActionsEl: HTMLElement | null = null;\n  private footerActionsEl: HTMLElement | null = null;\n\n  connectedCallback() {\n    if (!this.loaded) return;\n    this.updateSlotPresence();\n    this.observeSlottedContent();\n    this.onOpenChange(this.open);\n  }\n\n  componentDidLoad() {\n    this.loaded = true;\n    this.placeSlottedContent();\n    this.updateSlotPresence();\n    this.observeSlottedContent();\n    if (this.open) this.onOpenChange(true);\n  }\n\n  componentDidRender() {\n    if (!this.el.isConnected) return;\n    if (!this.closing || !this.isSurfaceOpen || this.closeTimer) return;\n    const closeAnimationMs = this.closeAnimationMs;\n    if (closeAnimationMs <= 0) {\n      this.finishClose();\n      return;\n    }\n    this.closeTimer = setTimeout(() => {\n      this.closeTimer = null;\n      this.finishClose();\n    }, closeAnimationMs);\n  }\n\n  disconnectedCallback() {\n    this.slotObserver?.disconnect();\n    this.slotObserver = undefined;\n    this.tasks.cancel();\n    this.clearCloseTimer();\n    this.releaseActive();\n    this.stopDocumentListeners();\n    this.hideSurface();\n    this.closing = false;\n    this.shown = false;\n    this.previousFocus = null;\n  }\n\n  @Watch('open')\n  onOpenChange(isOpen: boolean) {\n    if (!this.loaded || !this.el.isConnected) return;\n    this.tasks.cancel();\n    if (isOpen) {\n      this.clearCloseTimer();\n      const alreadyOpen = this.isSurfaceOpen;\n      this.closing = false;\n      this.replaced = false;\n      if (!this.dialogEl || alreadyOpen) return;\n      this.previousFocus = this.el.ownerDocument.activeElement as HTMLElement | null;\n      this.present();\n      this.shown = true;\n      this.startDocumentListeners();\n      this.tasks.frame(() => {\n        if (this.open && this.isSurfaceOpen) this.focusLeadingAction();\n      });\n    } else if (this.isSurfaceOpen) {\n      this.releaseActive();\n      this.stopDocumentListeners();\n      this.closing = true;\n    }\n  }\n\n  @Watch('modal')\n  onModalChange() {\n    if (!this.open || !this.isSurfaceOpen || this.openedAsModal === this.modal) return;\n    this.hideSurface();\n    this.present();\n  }\n\n  /** Drilling in or out moves focus to the action that now leads the header. */\n  @Watch('backLabel')\n  onBackLabelChange(next: string | undefined, previous: string | undefined) {\n    if (!this.open || !this.isSurfaceOpen || !next === !previous) return;\n    const active = this.el.ownerDocument.activeElement;\n    const focusInside = !!active && !!this.dialogEl?.contains(active);\n    if (!focusInside && active !== this.el.ownerDocument.body) return;\n    this.tasks.frame(() => {\n      if (this.open && this.isSurfaceOpen) this.focusLeadingAction();\n    });\n  }\n\n  private present() {\n    if (!this.dialogEl) return;\n    this.openedAsModal = this.modal;\n    if (this.modal) {\n      this.releaseActive();\n      this.dialogEl.showModal();\n      return;\n    }\n    this.dialogEl.show();\n    const doc = this.el.ownerDocument;\n    const previous = activeNonModalDrawers.get(doc);\n    activeNonModalDrawers.set(doc, this);\n    if (previous && previous !== this) previous.replace();\n  }\n\n  /** Closes because another non-modal drawer opened; that drawer owns focus. */\n  private replace() {\n    if (!this.open || this.closing) return;\n    this.replaced = true;\n    this.requestClose('replaced');\n  }\n\n  private releaseActive() {\n    const doc = this.el.ownerDocument;\n    if (activeNonModalDrawers.get(doc) === this) activeNonModalDrawers.delete(doc);\n  }\n\n  private get isSurfaceOpen(): boolean {\n    return !!this.dialogEl?.open;\n  }\n\n  private hideSurface() {\n    if (this.dialogEl?.open) this.dialogEl.close();\n  }\n\n  private focusLeadingAction() {\n    const selector = this.backLabel\n      ? 'ds-button-unfilled.drawer-back'\n      : 'ds-button-unfilled.drawer-close';\n    const action = this.el.querySelector(selector) as\n      | (HTMLElement & { setFocus?: () => Promise<void> })\n      | null;\n    void action?.setFocus?.();\n  }\n\n  private clearCloseTimer() {\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private requestClose(reason: DrawerCloseReason, originalEvent?: globalThis.Event) {\n    if (!this.open || this.closing || !this.isSurfaceOpen) return;\n    this.dsClose.emit({ reason, originalEvent });\n    this.open = false;\n  }\n\n  private startDocumentListeners() {\n    if (this.documentListening) return;\n    const doc = this.el.ownerDocument;\n    doc.addEventListener('keydown', this.handleDocumentKeyDown);\n    doc.addEventListener('keydown', this.handleDirectionalKeyDown, true);\n    this.documentListening = doc;\n  }\n\n  private stopDocumentListeners() {\n    const doc = this.documentListening;\n    if (!doc) return;\n    doc.removeEventListener('keydown', this.handleDocumentKeyDown);\n    doc.removeEventListener('keydown', this.handleDirectionalKeyDown, true);\n    this.documentListening = null;\n  }\n\n  /** A modal surface other than this drawer owns the keyboard. */\n  private get coveredByOtherModal(): boolean {\n    const modal = this.el.ownerDocument.querySelector('dialog:modal');\n    return !!modal && modal !== this.dialogEl;\n  }\n\n  /** Non-modal Escape works from anywhere in the page, after inner surfaces had their turn. */\n  private readonly handleDocumentKeyDown = (event: KeyboardEvent) => {\n    if (this.openedAsModal || event.key !== 'Escape' || event.defaultPrevented) return;\n    if (!this.open || this.closing || this.coveredByOtherModal) return;\n    event.preventDefault();\n    this.requestClose('escape', event);\n  };\n\n  /** Captures Left/Right ahead of row and grid handlers so paging works from the page too. */\n  private readonly handleDirectionalKeyDown = (event: KeyboardEvent) => {\n    if (\n      !this.open ||\n      this.closing ||\n      !this.navigation ||\n      this.navigationShortcutsBlocked ||\n      event.defaultPrevented ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.shiftKey ||\n      (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') ||\n      this.coveredByOtherModal ||\n      directionalControlInPath(event.composedPath())\n    ) {\n      return;\n    }\n    const rtl = getComputedStyle(this.el).direction === 'rtl';\n    const towardStart = (event.key === 'ArrowLeft') !== rtl;\n    event.preventDefault();\n    event.stopPropagation();\n    this.page(towardStart ? 'previous' : 'next');\n  };\n\n  private page(direction: 'previous' | 'next') {\n    if (direction === 'previous') {\n      if (this.previousAvailable) this.dsPrevious.emit();\n      return;\n    }\n    if (this.nextAvailable) this.dsNext.emit();\n  }\n\n  private hasAssignedContent(container: HTMLElement | null): boolean {\n    if (!container) return false;\n    return Array.from(container.childNodes).some(\n      node =>\n        node.nodeType === Node.ELEMENT_NODE ||\n        (node.nodeType === Node.TEXT_NODE && !!node.textContent?.trim())\n    );\n  }\n\n  private updateSlotPresence() {\n    this.hasFooterActions = this.hasAssignedContent(this.footerActionsEl);\n    this.hasHeaderActions = this.hasAssignedContent(this.headerActionsEl);\n  }\n\n  private namedSlotContainer(slotName: string | null): HTMLElement | null {\n    if (slotName === 'header-actions') return this.headerActionsEl;\n    if (slotName === 'footer') return this.footerActionsEl;\n    return null;\n  }\n\n  /**\n   * Scoped slots only place direct host children, and only during render.\n   * Frameworks insert conditional content after first render, for example an\n   * Angular @if around footer actions, next to an anchor that Stencil already\n   * moved into the body. Move named-slot elements that arrive on the host or\n   * directly in the body into their slot container. Deeper elements belong to\n   * nested components and are left alone.\n   */\n  private placeSlottedContent() {\n    const candidates = [\n      ...Array.from(this.el.children),\n      ...(this.bodyEl ? Array.from(this.bodyEl.children) : []),\n    ];\n    for (const child of candidates) {\n      const container = this.namedSlotContainer(child.getAttribute('slot'));\n      if (container && child.parentElement !== container) container.appendChild(child);\n    }\n  }\n\n  private observeSlottedContent() {\n    if (this.slotObserver || typeof MutationObserver === 'undefined') return;\n    this.slotObserver = new MutationObserver(records => {\n      const slottedChange = records.some(record =>\n        [...Array.from(record.addedNodes), ...Array.from(record.removedNodes)].some(\n          node => node.nodeType === Node.ELEMENT_NODE && (node as HTMLElement).hasAttribute('slot')\n        )\n      );\n      if (!slottedChange) return;\n      this.placeSlottedContent();\n      this.updateSlotPresence();\n    });\n    this.slotObserver.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private handleCancel(event: globalThis.Event) {\n    event.preventDefault();\n    this.requestClose('escape', event);\n  }\n\n  private handleBackdropPointerDown(event: PointerEvent) {\n    if (this.openedAsModal && event.target === this.dialogEl) this.requestClose('backdrop', event);\n  }\n\n  private handleDialogKeyDown(event: KeyboardEvent) {\n    if (!this.openedAsModal || event.key !== 'Tab' || !this.dialogEl) return;\n    const focusables = Array.from(\n      this.dialogEl.querySelectorAll<HTMLElement>(FOCUSABLE_SEL)\n    ).filter(\n      element => !element.hasAttribute('disabled') && element.getAttribute('aria-hidden') !== 'true'\n    );\n    if (!focusables.length) {\n      event.preventDefault();\n      this.dialogEl.focus();\n      return;\n    }\n    const first = focusables[0];\n    const last = focusables[focusables.length - 1];\n    const active = document.activeElement;\n    if (event.shiftKey && (active === first || active === this.dialogEl)) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && active === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  }\n\n  private get resolvedWidth(): string {\n    if (this.drawerWidth === 'sm' || this.drawerWidth === 'md' || this.drawerWidth === 'lg') {\n      return WIDTH_MAP[this.drawerWidth];\n    }\n    return this.drawerWidth as string;\n  }\n\n  private get closeAnimationMs(): number {\n    return resolveMotionTimeMs(\n      TOKEN_DEFAULTS.animationDurationMedium1,\n      TOKEN_DEFAULTS.animationDurationMedium1\n    );\n  }\n\n  private finishClose() {\n    if (this.open || !this.el.isConnected || !this.isSurfaceOpen) return;\n    let restoreFocus = !this.replaced;\n    if (!this.openedAsModal) {\n      // dialog.close() would jump focus back to the opener; the owner chooses instead.\n      const active = this.el.ownerDocument.activeElement as HTMLElement | null;\n      if (active && this.dialogEl?.contains(active)) active.blur();\n    }\n    this.hideSurface();\n    this.closing = false;\n    this.shown = false;\n    this.clearCloseTimer();\n    // A modal returns focus to its trigger. A non-modal drawer pages through records,\n    // so the owner knows which row or marker now matches and places focus itself.\n    if (restoreFocus && this.openedAsModal && this.previousFocus?.isConnected) {\n      this.previousFocus.focus();\n      restoreFocus = false;\n    }\n    this.previousFocus = null;\n    this.replaced = false;\n    this.dsAfterClose.emit({ restoreFocus });\n  }\n\n  private renderIconAction(\n    className: string,\n    icon: string,\n    label: string,\n    tooltipSide: 'top' | 'bottom',\n    onActivate: (event: CustomEvent<MouseEvent>) => void,\n    inactive = false\n  ) {\n    return (\n      <ds-tooltip class={`${className}-tooltip`} label={label} side={tooltipSide} size=\"sm\">\n        <ds-button-unfilled\n          class={className}\n          variant=\"icon\"\n          icon={icon}\n          size=\"md\"\n          aria-label={label}\n          activeFill={false}\n          hasBorder={false}\n          isInactive={inactive}\n          onDsClick={onActivate}\n        />\n      </ds-tooltip>\n    );\n  }\n\n  render() {\n    const showFooter = this.hasFooterActions || this.navigation;\n    return (\n      <Host>\n        <dialog\n          ref={(element?: HTMLDialogElement) => {\n            if (element && element !== this.dialogEl) {\n              for (const name of DRAWER_EVENT_NAMES) {\n                element.addEventListener(name, stopDescendantDrawerEvent);\n              }\n            }\n            this.dialogEl = element ?? null;\n          }}\n          class={{\n            'drawer-dialog': true,\n            [`drawer-dialog--${this.side === 'start' ? 'start' : 'end'}`]: true,\n            'drawer-dialog--shown': this.shown,\n            'drawer-dialog--closing': this.closing,\n          }}\n          aria-labelledby={this.titleId}\n          aria-describedby={this.ariaDescribedby}\n          onCancel={(event: globalThis.Event) => this.handleCancel(event)}\n          onPointerDown={(event: PointerEvent) => this.handleBackdropPointerDown(event)}\n          onKeyDown={(event: KeyboardEvent) => this.handleDialogKeyDown(event)}\n          style={{ '--_drawer-width': this.resolvedWidth }}\n        >\n          <div class=\"drawer-header\">\n            {this.backLabel\n              ? this.renderIconAction(\n                  'drawer-back',\n                  'ChevronLeft',\n                  this.backLabel,\n                  'bottom',\n                  event => this.dsBack.emit(event.detail)\n                )\n              : null}\n            <ds-text\n              class=\"drawer-heading\"\n              as=\"h2\"\n              variant=\"text-body-medium\"\n              color=\"primary\"\n              emphasis\n              lineTruncation={1}\n              textId={this.titleId}\n            >\n              {this.heading}\n            </ds-text>\n            <div class=\"drawer-header__trailing\">\n              <div\n                class={{\n                  'drawer-header__actions': true,\n                  'drawer-header__actions--empty': !this.hasHeaderActions,\n                }}\n                ref={element => (this.headerActionsEl = element ?? null)}\n              >\n                <slot name=\"header-actions\" />\n              </div>\n              {this.hasHeaderActions ? (\n                <ds-divider\n                  class=\"drawer-header__divider\"\n                  orientation=\"vertical\"\n                  length=\"var(--dimension-size-300)\"\n                />\n              ) : null}\n              {this.renderIconAction(\n                'drawer-close',\n                'Cross',\n                this.closeAriaLabel,\n                'bottom',\n                event => this.requestClose('close-button', event.detail)\n              )}\n            </div>\n          </div>\n          <div\n            class={{ 'drawer-body': true, 'drawer-body--flush': this.bodyInset === 'none' }}\n            ref={element => (this.bodyEl = element ?? null)}\n          >\n            <slot />\n          </div>\n          <div class={{ 'drawer-footer': true, 'drawer-footer--empty': !showFooter }}>\n            <div\n              class={{\n                'drawer-footer__actions': true,\n                'drawer-footer__actions--empty': !this.hasFooterActions,\n              }}\n              ref={element => (this.footerActionsEl = element ?? null)}\n            >\n              <slot name=\"footer\" />\n            </div>\n            {this.navigation ? (\n              <div\n                class=\"drawer-footer__navigation\"\n                role=\"group\"\n                aria-label={this.navigationAriaLabel}\n              >\n                {this.renderIconAction(\n                  'drawer-previous',\n                  'ChevronLeft',\n                  this.previousAriaLabel,\n                  'top',\n                  () => this.page('previous'),\n                  !this.previousAvailable\n                )}\n                {this.renderIconAction(\n                  'drawer-next',\n                  'ChevronRight',\n                  this.nextAriaLabel,\n                  'top',\n                  () => this.page('next'),\n                  !this.nextAvailable\n                )}\n              </div>\n            ) : null}\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-empty-state.js

@@ -1,2 +1,2 @@
-import{E as o,d as s}from"./p-B3-zImxn.js";const t=o;const m=s;export{t as DsEmptyState,m as defineCustomElement};
+import{E as o,d as s}from"./p-Bz9dI7nI.js";const t=o;const n=s;export{t as DsEmptyState,n as defineCustomElement};
 //# sourceMappingURL=ds-empty-state.js.map

package/dist/components/ds-field.js

@@ -1,2 +1,2 @@
-import{F as s,d as o}from"./p-D538svhW.js";const t=s;const p=o;export{t as DsField,p as defineCustomElement};
+import{F as s,d as o}from"./p-C0-sabnr.js";const r=s;const t=o;export{r as DsField,t as defineCustomElement};
 //# sourceMappingURL=ds-field.js.map

package/dist/components/ds-filter-menu.js

@@ -1,2 +1,2 @@
-import{F as o,d as s}from"./p-BK_SriZN.js";const r=o;const t=s;export{r as DsFilterMenu,t as defineCustomElement};
+import{F as o,d as s}from"./p-LQGcTdiv.js";const t=o;const c=s;export{t as DsFilterMenu,c as defineCustomElement};
 //# sourceMappingURL=ds-filter-menu.js.map

package/dist/components/ds-icon.js

@@ -1,2 +1,2 @@
-import{I as o,d as s}from"./p-GP7Dz3qO.js";const t=o;const p=s;export{t as DsIcon,p as defineCustomElement};
+import{I as o,d as s}from"./p-C942uiH1.js";const t=o;const p=s;export{t as DsIcon,p as defineCustomElement};
 //# sourceMappingURL=ds-icon.js.map

package/dist/components/ds-inline-banner-settings.js

@@ -1,2 +1,2 @@
-import{p as e,H as n,h as s,a as t,t as i}from"./index.js";import{d as o}from"./p-DcvPY30Q.js";import{d as r}from"./p-DMPn_dt7.js";const d=()=>`@media (forced-colors: active){.sc-ds-inline-banner-settings:root,.sc-ds-inline-banner-settings-h,.ds-forced-colors-scope.sc-ds-inline-banner-settings{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-inline-banner-settings-h{display:block;box-sizing:border-box;min-width:0;padding:var(--dimension-space-100);border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.inline-banner-settings__content.sc-ds-inline-banner-settings{padding-block:var(--dimension-space-050);padding-inline:var(--dimension-space-075)}ds-text.inline-banner-settings__description.sc-ds-inline-banner-settings{overflow-wrap:anywhere;padding-inline:var(--dimension-space-025)}@media (forced-colors: active){.sc-ds-inline-banner-settings-h{border-block-end-color:var(--ds-forced-color-content)}}`;const a=e(class e extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.isLoading=false}render(){return s(t,{key:"10d121c14edaa826ea7934516f386927e5a4981f","aria-busy":this.isLoading?"true":undefined},s("div",{key:"96a32357e38626739a54f52bf362dd6a408ba8a6",class:"inline-banner-settings__content"},s("ds-skeleton",{key:"aebd6b27f9afb36e053fec8c17ece86c790981a4",preserveLayout:true,isLoading:this.isLoading,textVariant:"text-body-small"},s("ds-text",{key:"70ec6e8986f098e31b16d18c24cbf9c113ec0adf",class:"inline-banner-settings__description",as:"p",variant:"text-body-small",color:"secondary"},this.description))))}static get style(){return d()}},[2,"ds-inline-banner-settings",{description:[1],isLoading:[4,"is-loading"]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-inline-banner-settings","ds-skeleton","ds-text"];e.forEach((e=>{switch(e){case"ds-inline-banner-settings":if(!customElements.get(i(e))){customElements.define(i(e),a)}break;case"ds-skeleton":if(!customElements.get(i(e))){o()}break;case"ds-text":if(!customElements.get(i(e))){r()}break}}))}c();const l=a;const b=c;export{l as DsInlineBannerSettings,b as defineCustomElement};
+import{p as e,H as s,h as n,a as t,t as i}from"./index.js";import{d as o}from"./p-X-GPE9bP.js";import{d as r}from"./p-DcwgXLe-.js";const d=()=>`@media (forced-colors: active){.sc-ds-inline-banner-settings:root,.sc-ds-inline-banner-settings-h,.ds-forced-colors-scope.sc-ds-inline-banner-settings{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-inline-banner-settings-h{display:block;box-sizing:border-box;min-width:0;padding:var(--dimension-space-100);border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.inline-banner-settings__content.sc-ds-inline-banner-settings{padding-block:var(--dimension-space-050);padding-inline:var(--dimension-space-075)}ds-text.inline-banner-settings__description.sc-ds-inline-banner-settings{overflow-wrap:anywhere;padding-inline:var(--dimension-space-025)}@media (forced-colors: active){.sc-ds-inline-banner-settings-h{border-block-end-color:var(--ds-forced-color-content)}}`;const a=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.isLoading=false}render(){return n(t,{key:"97bb8bb859be342f403f2001ab9c44128960810b","aria-busy":this.isLoading?"true":undefined},n("div",{key:"80f582d4758f1d001df39433002a50f9965026c5",class:"inline-banner-settings__content"},n("ds-skeleton",{key:"b2f3a1b9007706fcdc20832e5165b2ce5a8408dd",preserveLayout:true,isLoading:this.isLoading,textVariant:"text-body-small"},n("ds-text",{key:"5b9794f2a36016634a5525e3f02c6b4c01d11b00",class:"inline-banner-settings__description",as:"p",variant:"text-body-small",color:"secondary"},this.description))))}static get style(){return d()}},[2,"ds-inline-banner-settings",{description:[1],isLoading:[4,"is-loading"]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-inline-banner-settings","ds-skeleton","ds-text"];e.forEach((e=>{switch(e){case"ds-inline-banner-settings":if(!customElements.get(i(e))){customElements.define(i(e),a)}break;case"ds-skeleton":if(!customElements.get(i(e))){o()}break;case"ds-text":if(!customElements.get(i(e))){r()}break}}))}c();const l=a;const b=c;export{l as DsInlineBannerSettings,b as defineCustomElement};
 //# sourceMappingURL=ds-inline-banner-settings.js.map

package/dist/components/ds-input-date.js

@@ -1,2 +1,2 @@
-import{I as o,d as s}from"./p-xouEdChm.js";const t=o;const m=s;export{t as DsInputDate,m as defineCustomElement};
+import{I as o,d as s}from"./p-Dalq5voO.js";const t=o;const a=s;export{t as DsInputDate,a as defineCustomElement};
 //# sourceMappingURL=ds-input-date.js.map

package/dist/components/ds-input-time.js

@@ -1,2 +1,2 @@
-import{I as o,d as s}from"./p-CcWT4SzP.js";const t=o;const c=s;export{t as DsInputTime,c as defineCustomElement};
+import{I as o,d as s}from"./p-DCqDQWVK.js";const t=o;const p=s;export{t as DsInputTime,p as defineCustomElement};
 //# sourceMappingURL=ds-input-time.js.map

package/dist/components/ds-input.js

@@ -1,2 +1,2 @@
-import{I as o,d as s}from"./p-txmcXZdy.js";const t=o;const c=s;export{t as DsInput,c as defineCustomElement};
+import{I as o,d as s}from"./p-C8UThLHd.js";const t=o;const p=s;export{t as DsInput,p as defineCustomElement};
 //# sourceMappingURL=ds-input.js.map

package/dist/components/ds-map-cluster-marker.js

@@ -1,2 +1,2 @@
-import{p as r,H as e,c as s,h as a,a as o,t}from"./index.js";import{d as i}from"./p-DMPn_dt7.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-cluster-marker:root,.sc-ds-map-cluster-marker-h,.ds-forced-colors-scope.sc-ds-map-cluster-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-cluster-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-cluster-marker-h,.ds-focus-ring.sc-ds-map-cluster-marker,.ds-focus-ring-inset.sc-ds-map-cluster-marker-h,.ds-focus-ring-inset.sc-ds-map-cluster-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-cluster-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-cluster-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-cluster-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-cluster-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-cluster-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-cluster-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-cluster-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-cluster-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-cluster-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-cluster-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-cluster-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-cluster-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-cluster-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-cluster-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-cluster-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-cluster-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-cluster-marker-h:focus-within .map-marker__caption.sc-ds-map-cluster-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-cluster-marker-h:hover{opacity:1}.sc-ds-map-cluster-marker-h:hover .map-marker__caption.sc-ds-map-cluster-marker{display:inline-flex}.map-marker__button.sc-ds-map-cluster-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-cluster-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-cluster-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-cluster-marker::before{display:none}.map-marker__button.sc-ds-map-cluster-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-cluster-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}.sc-ds-map-cluster-marker-h{--_map-marker-background:var(--color-map-marker-cluster-background);--_map-marker-foreground:var(--color-map-marker-cluster-foreground);--_map-marker-interaction-hover:var(--color-map-marker-cluster-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-cluster-interaction-pressed)}.map-marker__button.sc-ds-map-cluster-marker{width:max-content;padding-inline:0;border-radius:var(--dimension-radius-half)}.map-marker__button.sc-ds-map-cluster-marker,.map-marker__caption.sc-ds-map-cluster-marker{-webkit-backdrop-filter:blur(var(--effect-blur-md));backdrop-filter:blur(var(--effect-blur-md))}.map-cluster-marker__button--padded.sc-ds-map-cluster-marker{padding-inline:var(--dimension-space-100)}.map-cluster-marker__count.sc-ds-map-cluster-marker{position:relative;z-index:2;display:inline-flex;white-space:nowrap}`;const n=r=>{const e=Math.max(0,Math.round(Number.isFinite(r)?r:0));if(e<1e3)return String(e);const s=Math.round(e/100)/10;return`${Number.isInteger(s)?s.toFixed(0):s.toFixed(1)}k`};const d=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.dsClick=s(this,"dsClick",7);this.caption="";this.count=0;this.dimmed=false;this.handleClick=r=>{this.dsClick.emit(r)}}async setFocus(){this.buttonEl?.focus()}render(){const r=this.caption.trim();const e=n(this.count);return a(o,{key:"b7d3c12287472a3fa59583ccb698a93dcc165b9d",class:{"map-cluster-marker":true,"map-marker--dimmed":this.dimmed}},a("button",{key:"d212f36ea102131f46e038674d8c65d849a0af6f",ref:r=>this.buttonEl=r,type:"button",class:{"map-marker__button":true,"map-cluster-marker__button--padded":e.length>1,"ds-focus-ring":true},"aria-label":this.label,onClick:this.handleClick},a("ds-text",{key:"8f8ed9583847340d1a86cb9da3fde943cdbabf96",class:"map-cluster-marker__count",as:"span",variant:"text-body-medium",color:"inherit",emphasis:true},e)),r&&a("ds-text",{key:"81c68a5d3c5e8f50c8b7d9292f074c77148ac355",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},r))}static get style(){return c()}},[2,"ds-map-cluster-marker",{label:[1],caption:[1],count:[2],dimmed:[516],setFocus:[64]}]);function m(){if(typeof customElements==="undefined"){return}const r=["ds-map-cluster-marker","ds-text"];r.forEach((r=>{switch(r){case"ds-map-cluster-marker":if(!customElements.get(t(r))){customElements.define(t(r),d)}break;case"ds-text":if(!customElements.get(t(r))){i()}break}}))}m();const l=d;const u=m;export{l as DsMapClusterMarker,u as defineCustomElement};
+import{p as r,H as e,c as s,h as a,a as o,t}from"./index.js";import{d as i}from"./p-DcwgXLe-.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-cluster-marker:root,.sc-ds-map-cluster-marker-h,.ds-forced-colors-scope.sc-ds-map-cluster-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-cluster-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-cluster-marker-h,.ds-focus-ring.sc-ds-map-cluster-marker,.ds-focus-ring-inset.sc-ds-map-cluster-marker-h,.ds-focus-ring-inset.sc-ds-map-cluster-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-cluster-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-cluster-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-cluster-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-cluster-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-cluster-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-cluster-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-cluster-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-cluster-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-cluster-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-cluster-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-cluster-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-cluster-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-cluster-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-cluster-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-cluster-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-cluster-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-cluster-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-cluster-marker-h:focus-within .map-marker__caption.sc-ds-map-cluster-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-cluster-marker-h:hover{opacity:1}.sc-ds-map-cluster-marker-h:hover .map-marker__caption.sc-ds-map-cluster-marker{display:inline-flex}.map-marker__button.sc-ds-map-cluster-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-cluster-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-cluster-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-cluster-marker::before{display:none}.map-marker__button.sc-ds-map-cluster-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-cluster-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}.sc-ds-map-cluster-marker-h{--_map-marker-background:var(--color-map-marker-cluster-background);--_map-marker-foreground:var(--color-map-marker-cluster-foreground);--_map-marker-interaction-hover:var(--color-map-marker-cluster-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-cluster-interaction-pressed)}.map-marker__button.sc-ds-map-cluster-marker{width:max-content;padding-inline:0;border-radius:var(--dimension-radius-half)}.map-marker__button.sc-ds-map-cluster-marker,.map-marker__caption.sc-ds-map-cluster-marker{-webkit-backdrop-filter:blur(var(--effect-blur-md));backdrop-filter:blur(var(--effect-blur-md))}.map-cluster-marker__button--padded.sc-ds-map-cluster-marker{padding-inline:var(--dimension-space-100)}.map-cluster-marker__count.sc-ds-map-cluster-marker{position:relative;z-index:2;display:inline-flex;white-space:nowrap}`;const n=r=>{const e=Math.max(0,Math.round(Number.isFinite(r)?r:0));if(e<1e3)return String(e);const s=Math.round(e/100)/10;return`${Number.isInteger(s)?s.toFixed(0):s.toFixed(1)}k`};const d=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.dsClick=s(this,"dsClick",7);this.caption="";this.count=0;this.dimmed=false;this.handleClick=r=>{this.dsClick.emit(r)}}async setFocus(){this.buttonEl?.focus()}render(){const r=this.caption.trim();const e=n(this.count);return a(o,{key:"b1a926842107d916b312553366eaf4202f350ee3",class:{"map-cluster-marker":true,"map-marker--dimmed":this.dimmed}},a("button",{key:"da33617711440c2472bdb595cc0ac36395186186",ref:r=>this.buttonEl=r,type:"button",class:{"map-marker__button":true,"map-cluster-marker__button--padded":e.length>1,"ds-focus-ring":true},"aria-label":this.label,onClick:this.handleClick},a("ds-text",{key:"91f1eccec951c692456e13d148087dce460c7ad6",class:"map-cluster-marker__count",as:"span",variant:"text-body-medium",color:"inherit",emphasis:true},e)),r&&a("ds-text",{key:"2186fdbbbc000f534135ebc64dbb6ca4ff5f0677",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},r))}static get style(){return c()}},[2,"ds-map-cluster-marker",{label:[1],caption:[1],count:[2],dimmed:[516],setFocus:[64]}]);function m(){if(typeof customElements==="undefined"){return}const r=["ds-map-cluster-marker","ds-text"];r.forEach((r=>{switch(r){case"ds-map-cluster-marker":if(!customElements.get(t(r))){customElements.define(t(r),d)}break;case"ds-text":if(!customElements.get(t(r))){i()}break}}))}m();const l=d;const u=m;export{l as DsMapClusterMarker,u as defineCustomElement};
 //# sourceMappingURL=ds-map-cluster-marker.js.map

package/dist/components/ds-map-entity-marker.js

@@ -1,2 +1,2 @@
-import{p as e,H as r,c as t,h as a,a as s,t as i}from"./index.js";import{d as o}from"./p-GP7Dz3qO.js";import{d as n}from"./p-DMPn_dt7.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-entity-marker:root,.sc-ds-map-entity-marker-h,.ds-forced-colors-scope.sc-ds-map-entity-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-entity-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-entity-marker-h,.ds-focus-ring.sc-ds-map-entity-marker,.ds-focus-ring-inset.sc-ds-map-entity-marker-h,.ds-focus-ring-inset.sc-ds-map-entity-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-entity-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-entity-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-entity-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-entity-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-entity-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-entity-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-entity-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-entity-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-entity-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-entity-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-entity-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-entity-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-entity-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-entity-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-entity-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-entity-marker-h:focus-within .map-marker__caption.sc-ds-map-entity-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-entity-marker-h:hover{opacity:1}.sc-ds-map-entity-marker-h:hover .map-marker__caption.sc-ds-map-entity-marker{display:inline-flex}.map-marker__button.sc-ds-map-entity-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-entity-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-entity-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-entity-marker::before{display:none}.map-marker__button.sc-ds-map-entity-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-entity-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}[state='moving'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion)}[state='idling'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-idling)}[state='stationary'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-stationary)}[state='immobilized'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-immobilized)}[state='unknown'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-stale)}.map-marker__button.sc-ds-map-entity-marker{width:var(--dimension-size-300);border-radius:var(--dimension-radius-half)}.map-entity-marker--dashed.sc-ds-map-entity-marker-h .map-marker__button.sc-ds-map-entity-marker::after{display:none}.map-entity-marker__dashed-outline.sc-ds-map-entity-marker{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg);fill:none;stroke:currentcolor;stroke-width:1;stroke-linecap:butt}.map-entity-marker__glyph.sc-ds-map-entity-marker{position:relative;z-index:2;display:inline-flex;transform:rotate(var(--ds-map-entity-marker-bearing))}@media (forced-colors: active){.map-entity-marker--dashed.sc-ds-map-entity-marker-h .map-marker__button.sc-ds-map-entity-marker::after{display:block;outline-style:dashed}.map-entity-marker__dashed-outline.sc-ds-map-entity-marker{display:none}}`;const d=e=>{if(!Number.isFinite(e))return 0;return(e%360+360)%360};const m=new Set(["MapEntityTravelGroup","MapEntityVehicle"]);const l=8;const p=6.5;const f=45;const u=6;const k=e=>{const r=e*Math.PI/180;return[l+p*Math.cos(r),l+p*Math.sin(r)]};const h=Array.from({length:8},((e,r)=>{const t=r*f+u;const a=(r+1)*f-u;const[s,i]=k(t);const[o,n]=k(a);return`M ${s.toFixed(3)} ${i.toFixed(3)} A ${p} ${p} 0 0 1 ${o.toFixed(3)} ${n.toFixed(3)}`})).join(" ");const y=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.dsClick=t(this,"dsClick",7);this.caption="";this.icon="MapEntityTravelGroup";this.state="moving";this.dashed=false;this.bearing=0;this.dimmed=false;this.handleClick=e=>{this.dsClick.emit(e)}}async setFocus(){this.buttonEl?.focus()}render(){const e=this.caption.trim();const r=this.state==="immobilized"&&this.icon==="MapEntityVehicle"?"MapKey":this.icon;const t=m.has(r)?d(this.bearing):0;return a(s,{key:"40a631cc830fa34495f666f6482e74c3e5bca68f",class:{"map-entity-marker":true,"map-marker--dimmed":this.dimmed,"map-entity-marker--dashed":this.dashed}},a("button",{key:"bfc0bc5159ae97ada1939c22d5b8dc238d1dc89e",ref:e=>this.buttonEl=e,type:"button",class:"map-marker__button ds-focus-ring","aria-label":this.label,onClick:this.handleClick},a("span",{key:"f3d92eb9f743a8de514b9286ff58da65dace67dd",class:"map-entity-marker__glyph",style:{"--ds-map-entity-marker-bearing":`${t}deg`},"aria-hidden":"true"},a("ds-icon",{key:"aaf5e32d2f6e247a15cad77f0d1ad7dc5cd35c3e",name:r,size:"sm",color:"inherit"})),this.dashed&&a("svg",{key:"7b0c8101bba5edd8afb1b4f2e831a9a4fa66fbb8",class:"map-entity-marker__dashed-outline",viewBox:"0 0 16 16","aria-hidden":"true"},a("path",{key:"c01957c7f9e9150f654971de2552fe171accb55b",d:h}))),e&&a("ds-text",{key:"e8d09d7af0f4645aca13c41e4e5c5c932623c928",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},e))}static get style(){return c()}},[2,"ds-map-entity-marker",{label:[1],caption:[1],icon:[1],state:[513],dashed:[516],bearing:[2],dimmed:[516],setFocus:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-map-entity-marker","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-map-entity-marker":if(!customElements.get(i(e))){customElements.define(i(e),y)}break;case"ds-icon":if(!customElements.get(i(e))){o()}break;case"ds-text":if(!customElements.get(i(e))){n()}break}}))}b();const v=y;const g=b;export{v as DsMapEntityMarker,g as defineCustomElement};
+import{p as e,H as r,c as t,h as a,a as s,t as i}from"./index.js";import{d as o}from"./p-C942uiH1.js";import{d as n}from"./p-DcwgXLe-.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-entity-marker:root,.sc-ds-map-entity-marker-h,.ds-forced-colors-scope.sc-ds-map-entity-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-entity-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-entity-marker-h,.ds-focus-ring.sc-ds-map-entity-marker,.ds-focus-ring-inset.sc-ds-map-entity-marker-h,.ds-focus-ring-inset.sc-ds-map-entity-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-entity-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-entity-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-entity-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-entity-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-entity-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-entity-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-entity-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-entity-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-entity-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-entity-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-entity-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-entity-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-entity-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-entity-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-entity-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-entity-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-entity-marker-h:focus-within .map-marker__caption.sc-ds-map-entity-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-entity-marker-h:hover{opacity:1}.sc-ds-map-entity-marker-h:hover .map-marker__caption.sc-ds-map-entity-marker{display:inline-flex}.map-marker__button.sc-ds-map-entity-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-entity-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-entity-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-entity-marker::before{display:none}.map-marker__button.sc-ds-map-entity-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-entity-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}[state='moving'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion)}[state='idling'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-idling)}[state='stationary'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-stationary)}[state='immobilized'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-immobilized)}[state='unknown'].sc-ds-map-entity-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-stale)}.map-marker__button.sc-ds-map-entity-marker{width:var(--dimension-size-300);border-radius:var(--dimension-radius-half)}.map-entity-marker--dashed.sc-ds-map-entity-marker-h .map-marker__button.sc-ds-map-entity-marker::after{display:none}.map-entity-marker__dashed-outline.sc-ds-map-entity-marker{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg);fill:none;stroke:currentcolor;stroke-width:1;stroke-linecap:butt}.map-entity-marker__glyph.sc-ds-map-entity-marker{position:relative;z-index:2;display:inline-flex;transform:rotate(var(--ds-map-entity-marker-bearing))}@media (forced-colors: active){.map-entity-marker--dashed.sc-ds-map-entity-marker-h .map-marker__button.sc-ds-map-entity-marker::after{display:block;outline-style:dashed}.map-entity-marker__dashed-outline.sc-ds-map-entity-marker{display:none}}`;const d=e=>{if(!Number.isFinite(e))return 0;return(e%360+360)%360};const m=new Set(["MapEntityTravelGroup","MapEntityVehicle"]);const l=8;const p=6.5;const f=45;const u=6;const k=e=>{const r=e*Math.PI/180;return[l+p*Math.cos(r),l+p*Math.sin(r)]};const h=Array.from({length:8},((e,r)=>{const t=r*f+u;const a=(r+1)*f-u;const[s,i]=k(t);const[o,n]=k(a);return`M ${s.toFixed(3)} ${i.toFixed(3)} A ${p} ${p} 0 0 1 ${o.toFixed(3)} ${n.toFixed(3)}`})).join(" ");const y=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.dsClick=t(this,"dsClick",7);this.caption="";this.icon="MapEntityTravelGroup";this.state="moving";this.dashed=false;this.bearing=0;this.dimmed=false;this.handleClick=e=>{this.dsClick.emit(e)}}async setFocus(){this.buttonEl?.focus()}render(){const e=this.caption.trim();const r=this.state==="immobilized"&&this.icon==="MapEntityVehicle"?"MapKey":this.icon;const t=m.has(r)?d(this.bearing):0;return a(s,{key:"10d4438020b898bf592ea87a0a2db1c23cb3e497",class:{"map-entity-marker":true,"map-marker--dimmed":this.dimmed,"map-entity-marker--dashed":this.dashed}},a("button",{key:"47f2a4bfc51d6a46b2d33049a672901143c1c00f",ref:e=>this.buttonEl=e,type:"button",class:"map-marker__button ds-focus-ring","aria-label":this.label,onClick:this.handleClick},a("span",{key:"f1b2cf75976735c8c68a429b52454ecd662bd212",class:"map-entity-marker__glyph",style:{"--ds-map-entity-marker-bearing":`${t}deg`},"aria-hidden":"true"},a("ds-icon",{key:"22d30488cba8186af95ea5ca60773c7b81844f0b",name:r,size:"sm",color:"inherit"})),this.dashed&&a("svg",{key:"6cd2380f5ea874d24cb5d64e3db0b6365f8cdc83",class:"map-entity-marker__dashed-outline",viewBox:"0 0 16 16","aria-hidden":"true"},a("path",{key:"38e380f3f1e915193a3ef98799f009128062b43b",d:h}))),e&&a("ds-text",{key:"8e58812f10654a26ecaa64912d1cf0d56558fbc0",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},e))}static get style(){return c()}},[2,"ds-map-entity-marker",{label:[1],caption:[1],icon:[1],state:[513],dashed:[516],bearing:[2],dimmed:[516],setFocus:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-map-entity-marker","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-map-entity-marker":if(!customElements.get(i(e))){customElements.define(i(e),y)}break;case"ds-icon":if(!customElements.get(i(e))){o()}break;case"ds-text":if(!customElements.get(i(e))){n()}break}}))}b();const v=y;const g=b;export{v as DsMapEntityMarker,g as defineCustomElement};
 //# sourceMappingURL=ds-map-entity-marker.js.map

package/dist/components/ds-map-marker.js

@@ -1,2 +1,2 @@
-import{p as r,H as e,c as a,h as o,a as s,t as i}from"./index.js";import{d as n}from"./p-GP7Dz3qO.js";import{d as t}from"./p-DMPn_dt7.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-marker:root,.sc-ds-map-marker-h,.ds-forced-colors-scope.sc-ds-map-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-marker-h,.ds-focus-ring.sc-ds-map-marker,.ds-focus-ring-inset.sc-ds-map-marker-h,.ds-focus-ring-inset.sc-ds-map-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-marker-h:focus-within .map-marker__caption.sc-ds-map-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-marker-h:hover{opacity:1}.sc-ds-map-marker-h:hover .map-marker__caption.sc-ds-map-marker{display:inline-flex}.map-marker__button.sc-ds-map-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-marker::before{display:none}.map-marker__button.sc-ds-map-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}.sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-neutral);--_map-marker-foreground:var(--color-map-marker-intent-foreground);--_map-marker-interaction-hover:var(--color-map-marker-intent-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-intent-interaction-pressed)}[intent='brand'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-brand)}[intent='positive'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-positive)}[intent='warning'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-warning)}[intent='caution'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-caution)}[intent='negative'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-negative)}.map-marker__button.sc-ds-map-marker{width:var(--dimension-size-300);border-radius:var(--dimension-radius-half)}.map-marker__glyph.sc-ds-map-marker{position:relative;z-index:2;display:inline-flex}`;const d=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.dsClick=a(this,"dsClick",7);this.caption="";this.icon="MapTarget";this.intent="neutral";this.dimmed=false;this.handleClick=r=>{this.dsClick.emit(r)}}async setFocus(){this.buttonEl?.focus()}render(){const r=this.caption.trim();return o(s,{key:"386429d9d69f1ebcab48570492c0d6e17f64c043",class:{"map-marker":true,"map-marker--dimmed":this.dimmed}},o("button",{key:"ad63f43ad2ba6766d03e8a8568ab942941fb2341",ref:r=>this.buttonEl=r,type:"button",class:"map-marker__button ds-focus-ring","aria-label":this.label,onClick:this.handleClick},o("span",{key:"d287d514e409a9cac314de5d4530dcc3e150e2ab",class:"map-marker__glyph","aria-hidden":"true"},o("ds-icon",{key:"4956022922eb50a227bfd6b3fbdc88699a145422",name:this.icon,size:"sm",color:"inherit"}))),r&&o("ds-text",{key:"bfbd54e7b4f0502c9cf6ef91be3ee310e4dee2c8",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},r))}static get style(){return c()}},[2,"ds-map-marker",{label:[1],caption:[1],icon:[1],intent:[513],dimmed:[516],setFocus:[64]}]);function m(){if(typeof customElements==="undefined"){return}const r=["ds-map-marker","ds-icon","ds-text"];r.forEach((r=>{switch(r){case"ds-map-marker":if(!customElements.get(i(r))){customElements.define(i(r),d)}break;case"ds-icon":if(!customElements.get(i(r))){n()}break;case"ds-text":if(!customElements.get(i(r))){t()}break}}))}m();const p=d;const l=m;export{p as DsMapMarker,l as defineCustomElement};
+import{p as r,H as e,c as a,h as o,a as s,t as i}from"./index.js";import{d as n}from"./p-C942uiH1.js";import{d as t}from"./p-DcwgXLe-.js";const c=()=>`@media (forced-colors: active){.sc-ds-map-marker:root,.sc-ds-map-marker-h,.ds-forced-colors-scope.sc-ds-map-marker{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-map-marker-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-map-marker-h,.ds-focus-ring.sc-ds-map-marker,.ds-focus-ring-inset.sc-ds-map-marker-h,.ds-focus-ring-inset.sc-ds-map-marker{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-map-marker-h:focus-visible,.ds-focus-ring.sc-ds-map-marker:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-marker-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-map-marker{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-map-marker-h:focus-visible,.ds-focus-ring-inset.sc-ds-map-marker:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-map-marker-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-map-marker:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-map-marker::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-map-marker-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}.sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-entity-background-in-motion);--_map-marker-foreground:var(--color-map-marker-entity-foreground);--_map-marker-interaction-hover:var(--color-map-marker-entity-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-entity-interaction-pressed);position:relative;display:inline-flex;width:max-content;overflow:visible;vertical-align:middle;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker--dimmed.sc-ds-map-marker-h{opacity:var(--effect-opacity-medium)}.map-marker--dimmed.sc-ds-map-marker-h:focus-within{opacity:1}.map-marker__button.sc-ds-map-marker{all:unset;position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--dimension-size-300);min-width:var(--dimension-size-300);overflow:hidden;color:var(--_map-marker-foreground);background:var(--_map-marker-background);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);cursor:pointer;transition:var(--effect-transition-interaction-opacity-short-2)}.map-marker__button.sc-ds-map-marker::before{content:'';position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none}.map-marker__button.sc-ds-map-marker::after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;outline:var(--dimension-stroke-width-018) solid currentColor;outline-offset:calc(-1 * var(--dimension-stroke-width-037));pointer-events:none}.map-marker__caption.sc-ds-map-marker{position:absolute;z-index:2;top:calc(100% + var(--dimension-space-050));left:50%;display:none;box-sizing:border-box;align-items:center;justify-content:center;width:max-content;max-width:calc(var(--dimension-size-800) * 4);height:var(--dimension-size-200);padding:0 var(--dimension-space-050);overflow:visible;border-radius:var(--dimension-radius-025);color:var(--_map-marker-foreground);background:var(--_map-marker-background);pointer-events:none;transform:translateX(-50%);line-height:0;white-space:nowrap}.sc-ds-map-marker-h:focus-within .map-marker__caption.sc-ds-map-marker{display:inline-flex}@media (hover: hover) and (pointer: fine){.map-marker--dimmed.sc-ds-map-marker-h:hover{opacity:1}.sc-ds-map-marker-h:hover .map-marker__caption.sc-ds-map-marker{display:inline-flex}.map-marker__button.sc-ds-map-marker:hover::before{background:var(--_map-marker-interaction-hover)}}.map-marker__button.sc-ds-map-marker:active::before{background:var(--_map-marker-interaction-pressed)}@media (forced-colors: active){.map-marker__button.sc-ds-map-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface);box-shadow:none}.map-marker__button.sc-ds-map-marker::before{display:none}.map-marker__button.sc-ds-map-marker::after{outline-color:var(--ds-forced-color-control-boundary)}.map-marker__caption.sc-ds-map-marker{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}.sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-neutral);--_map-marker-foreground:var(--color-map-marker-intent-foreground);--_map-marker-interaction-hover:var(--color-map-marker-intent-interaction-hover);--_map-marker-interaction-pressed:var(--color-map-marker-intent-interaction-pressed)}[intent='brand'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-brand)}[intent='positive'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-positive)}[intent='warning'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-warning)}[intent='caution'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-caution)}[intent='negative'].sc-ds-map-marker-h{--_map-marker-background:var(--color-map-marker-intent-background-negative)}.map-marker__button.sc-ds-map-marker{width:var(--dimension-size-300);border-radius:var(--dimension-radius-half)}.map-marker__glyph.sc-ds-map-marker{position:relative;z-index:2;display:inline-flex}`;const d=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.dsClick=a(this,"dsClick",7);this.caption="";this.icon="MapTarget";this.intent="neutral";this.dimmed=false;this.handleClick=r=>{this.dsClick.emit(r)}}async setFocus(){this.buttonEl?.focus()}render(){const r=this.caption.trim();return o(s,{key:"5c8e7a6507b1b8926c93a8541ff5190532701660",class:{"map-marker":true,"map-marker--dimmed":this.dimmed}},o("button",{key:"4a778f6532f0c509ea749fecd6f4687ca1835ee4",ref:r=>this.buttonEl=r,type:"button",class:"map-marker__button ds-focus-ring","aria-label":this.label,onClick:this.handleClick},o("span",{key:"f821cc46c6755980aeb99d31731d76679e1a1f12",class:"map-marker__glyph","aria-hidden":"true"},o("ds-icon",{key:"0ed4e34588e1967a0de4e62736e7e0960f0a980d",name:this.icon,size:"sm",color:"inherit"}))),r&&o("ds-text",{key:"d0b612c075eb374ed9996c546599b32bf5ca3d54",class:"map-marker__caption",as:"span",variant:"text-caption",color:"inherit","aria-hidden":"true"},r))}static get style(){return c()}},[2,"ds-map-marker",{label:[1],caption:[1],icon:[1],intent:[513],dimmed:[516],setFocus:[64]}]);function m(){if(typeof customElements==="undefined"){return}const r=["ds-map-marker","ds-icon","ds-text"];r.forEach((r=>{switch(r){case"ds-map-marker":if(!customElements.get(i(r))){customElements.define(i(r),d)}break;case"ds-icon":if(!customElements.get(i(r))){n()}break;case"ds-text":if(!customElements.get(i(r))){t()}break}}))}m();const p=d;const l=m;export{p as DsMapMarker,l as defineCustomElement};
 //# sourceMappingURL=ds-map-marker.js.map

package/dist/components/ds-markdown.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-CvK-Gy-b.js";const t=o;const p=s;export{t as DsMarkdown,p as defineCustomElement};
+import{M as o,d as s}from"./p-zGd26CTX.js";const t=o;const p=s;export{t as DsMarkdown,p as defineCustomElement};
 //# sourceMappingURL=ds-markdown.js.map

package/dist/components/ds-menu.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-D_kOVT6i.js";const t=o;const p=s;export{t as DsMenu,p as defineCustomElement};
+import{M as o,d as s}from"./p-C8WKo0sf.js";const t=o;const p=s;export{t as DsMenu,p as defineCustomElement};
 //# sourceMappingURL=ds-menu.js.map

package/dist/components/ds-message-actions.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as t,h as i,a,t as o}from"./index.js";import{C as n}from"./p-BnhGV__o.js";import{d}from"./p-ClOvX8cD.js";import{d as l}from"./p-Bn-tsogb.js";import{d as c}from"./p-GP7Dz3qO.js";import{d as r}from"./p-0XTyQNRG.js";import{d as p}from"./p-DMPn_dt7.js";import{d as h}from"./p-DTlNtCX1.js";const m=()=>`.sc-ds-message-actions-h{display:inline-flex;box-sizing:border-box}.message-actions.sc-ds-message-actions{display:inline-flex;align-items:center;gap:var(--dimension-space-050)}`;const b=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsCopyResult=t(this,"dsCopyResult",7);this.dsFeedbackChange=t(this,"dsFeedbackChange",7);this.feedbackEnabled=false;this.copied=false;this.copyFeedback=new n((s=>{this.copied=s}));this.copy=async()=>{const s=await this.copyFeedback.copy(this.copyText??"");if(s===undefined)return;this.dsCopyResult.emit({status:s?"success":"error"})}}connectedCallback(){this.copyFeedback.connect()}handleCopyTextChange(){this.copyFeedback.reset()}disconnectedCallback(){this.copyFeedback.disconnect()}changeFeedback(s,e){this.dsFeedbackChange.emit(e?s:undefined)}render(){const s=this.copied?"Copied":"Copy message";return i(a,{key:"37e0b02b57b5b7819b19a4271ab847bed520b877"},i("div",{key:"16b9edf6f77bd01ad8f2f25c39f877d1d7aa7da4",class:"message-actions",role:"group","aria-label":"Message actions"},this.copyText?i("ds-tooltip",{label:s,side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":s,hasBorder:false,onDsClick:this.copy})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Good response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="positive"?"ThumbsUpFilled":"ThumbsUp",size:"xs","aria-label":"Good response",hasBorder:false,activeFill:false,pressed:this.feedback==="positive",onDsChange:s=>this.changeFeedback("positive",s.detail)})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Bad response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="negative"?"ThumbsDownFilled":"ThumbsDown",size:"xs","aria-label":"Bad response",hasBorder:false,activeFill:false,pressed:this.feedback==="negative",onDsChange:s=>this.changeFeedback("negative",s.detail)})):null))}static get watchers(){return{copyText:[{handleCopyTextChange:0}]}}static get style(){return m()}},[2,"ds-message-actions",{copyText:[1,"copy-text"],feedbackEnabled:[4,"feedback-enabled"],feedback:[1],copied:[32]},undefined,{copyText:[{handleCopyTextChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const s=["ds-message-actions","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-message-actions":if(!customElements.get(o(s))){customElements.define(o(s),b)}break;case"ds-badge":if(!customElements.get(o(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){c()}break;case"ds-loader":if(!customElements.get(o(s))){r()}break;case"ds-text":if(!customElements.get(o(s))){p()}break;case"ds-tooltip":if(!customElements.get(o(s))){h()}break}}))}f();const u=b;const g=f;export{u as DsMessageActions,g as defineCustomElement};
+import{p as s,H as e,c as t,h as i,a,t as o}from"./index.js";import{C as n}from"./p-BnhGV__o.js";import{d}from"./p-BEj9uENH.js";import{d as l}from"./p-DKL7n7NM.js";import{d as c}from"./p-C942uiH1.js";import{d as r}from"./p-0XTyQNRG.js";import{d as p}from"./p-DcwgXLe-.js";import{d as h}from"./p-xHv_RGJh.js";const m=()=>`.sc-ds-message-actions-h{display:inline-flex;box-sizing:border-box}.message-actions.sc-ds-message-actions{display:inline-flex;align-items:center;gap:var(--dimension-space-050)}`;const f=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsCopyResult=t(this,"dsCopyResult",7);this.dsFeedbackChange=t(this,"dsFeedbackChange",7);this.feedbackEnabled=false;this.copied=false;this.copyFeedback=new n((s=>{this.copied=s}));this.copy=async()=>{const s=await this.copyFeedback.copy(this.copyText??"");if(s===undefined)return;this.dsCopyResult.emit({status:s?"success":"error"})}}connectedCallback(){this.copyFeedback.connect()}handleCopyTextChange(){this.copyFeedback.reset()}disconnectedCallback(){this.copyFeedback.disconnect()}changeFeedback(s,e){this.dsFeedbackChange.emit(e?s:undefined)}render(){const s=this.copied?"Copied":"Copy message";return i(a,{key:"8e1976aaa6b6c56034df51fee25673e9636714df"},i("div",{key:"93030785f928e4e69b9c99e5883a48b0a4a6378f",class:"message-actions",role:"group","aria-label":"Message actions"},this.copyText?i("ds-tooltip",{label:s,side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.copied?"Check":"Copy",size:"xs","aria-label":s,hasBorder:false,onDsClick:this.copy})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Good response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="positive"?"ThumbsUpFilled":"ThumbsUp",size:"xs","aria-label":"Good response",hasBorder:false,activeFill:false,pressed:this.feedback==="positive",onDsChange:s=>this.changeFeedback("positive",s.detail)})):null,this.feedbackEnabled?i("ds-tooltip",{label:"Bad response",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.feedback==="negative"?"ThumbsDownFilled":"ThumbsDown",size:"xs","aria-label":"Bad response",hasBorder:false,activeFill:false,pressed:this.feedback==="negative",onDsChange:s=>this.changeFeedback("negative",s.detail)})):null))}static get watchers(){return{copyText:[{handleCopyTextChange:0}]}}static get style(){return m()}},[2,"ds-message-actions",{copyText:[1,"copy-text"],feedbackEnabled:[4,"feedback-enabled"],feedback:[1],copied:[32]},undefined,{copyText:[{handleCopyTextChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const s=["ds-message-actions","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-message-actions":if(!customElements.get(o(s))){customElements.define(o(s),f)}break;case"ds-badge":if(!customElements.get(o(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(s))){l()}break;case"ds-icon":if(!customElements.get(o(s))){c()}break;case"ds-loader":if(!customElements.get(o(s))){r()}break;case"ds-text":if(!customElements.get(o(s))){p()}break;case"ds-tooltip":if(!customElements.get(o(s))){h()}break}}))}u();const b=f;const g=u;export{b as DsMessageActions,g as defineCustomElement};
 //# sourceMappingURL=ds-message-actions.js.map

package/dist/components/ds-message-bubble.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as a,a as r,t as b}from"./index.js";const o=()=>`.sc-ds-message-bubble-h{display:inline-flex;max-width:80%;box-sizing:border-box;-webkit-user-select:text;user-select:text}.message-bubble.sc-ds-message-bubble{min-width:0;padding-block:var(--dimension-space-100);padding-inline:calc(var(--dimension-space-100) + var(--dimension-space-025));border-radius:var(--dimension-radius-100);background:var(--color-chrome-background-secondary);color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);box-sizing:border-box;overflow-wrap:anywhere}.message-bubble--user.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{background:var(--color-chrome-background-primary);color:var(--color-foreground-primary)}@media (max-width: 767px){.message-bubble.sc-ds-message-bubble{background:var(--color-background-secondary)}.message-bubble--user.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{background:var(--color-background-faint-neutral)}}`;const c=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.variant="received"}render(){return a(r,{key:"e63b61ce551d482666a70e94bd6c44adb2caa7f6",class:`message-bubble--${this.variant}`},a("div",{key:"c72161d1f58216e05bbb9740175a328a36f9393c",class:"message-bubble"},a("slot",{key:"c1e5ff6f22f89654ddfab7f557ccfcc89e41efd6"})))}static get style(){return o()}},[262,"ds-message-bubble",{variant:[1]}]);function n(){if(typeof customElements==="undefined"){return}const e=["ds-message-bubble"];e.forEach((e=>{switch(e){case"ds-message-bubble":if(!customElements.get(b(e))){customElements.define(b(e),c)}break}}))}n();const t=c;const i=n;export{t as DsMessageBubble,i as defineCustomElement};
+import{p as e,H as s,h as a,a as r,t as b}from"./index.js";const o=()=>`.sc-ds-message-bubble-h{display:inline-flex;max-width:80%;box-sizing:border-box;-webkit-user-select:text;user-select:text}.message-bubble.sc-ds-message-bubble{min-width:0;padding-block:var(--dimension-space-100);padding-inline:calc(var(--dimension-space-100) + var(--dimension-space-025));border-radius:var(--dimension-radius-100);background:var(--color-chrome-background-secondary);color:var(--color-foreground-secondary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);box-sizing:border-box;overflow-wrap:anywhere}.message-bubble--user.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{background:var(--color-chrome-background-primary);color:var(--color-foreground-primary)}@media (max-width: 767px){.message-bubble.sc-ds-message-bubble{background:var(--color-background-secondary)}.message-bubble--user.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{background:var(--color-background-faint-neutral)}}`;const n=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.variant="received"}render(){return a(r,{key:"6613761dc065f32a4f2938dcf307da4b721a9a18",class:`message-bubble--${this.variant}`},a("div",{key:"b3c66b60755e329d2539afc02d4651ff1f01e28d",class:"message-bubble"},a("slot",{key:"ce128bd1a67cda316f7a34b089240ddd2f013257"})))}static get style(){return o()}},[262,"ds-message-bubble",{variant:[1]}]);function t(){if(typeof customElements==="undefined"){return}const e=["ds-message-bubble"];e.forEach((e=>{switch(e){case"ds-message-bubble":if(!customElements.get(b(e))){customElements.define(b(e),n)}break}}))}t();const c=n;const d=t;export{c as DsMessageBubble,d as defineCustomElement};
 //# sourceMappingURL=ds-message-bubble.js.map

package/dist/components/ds-message-composer.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as c}from"./p-ClOvX8cD.js";import{d as i}from"./p-DOazC0iw.js";import{d}from"./p-Bn-tsogb.js";import{d as m}from"./p-GP7Dz3qO.js";import{d as n}from"./p-0XTyQNRG.js";import{d as l}from"./p-DMPn_dt7.js";import{d as p}from"./p-DTlNtCX1.js";const g=()=>`@media (forced-colors: active){.sc-ds-message-composer:root,.sc-ds-message-composer-h,.ds-forced-colors-scope.sc-ds-message-composer{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-message-composer-h{display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.message-composer.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%;margin:0}.message-composer__attachments.sc-ds-message-composer:empty,.message-composer__tools.sc-ds-message-composer:empty,.message-composer__error-actions.sc-ds-message-composer:empty{display:none}.message-composer__error-support.sc-ds-message-composer,.message-composer__error-message.sc-ds-message-composer,.message-composer__error-actions.sc-ds-message-composer{display:flex;align-items:center}.message-composer__error-support.sc-ds-message-composer{justify-content:space-between;flex-wrap:wrap;gap:var(--dimension-space-075) var(--dimension-space-100);min-width:0;padding:var(--dimension-space-075) var(--dimension-space-100);background:var(--color-background-faint-negative)}.message-composer__error-message.sc-ds-message-composer{flex:1 1 var(--dimension-panel-width-xs);gap:var(--dimension-space-050);min-width:0;color:var(--color-foreground-bold-negative)}.message-composer__error-actions.sc-ds-message-composer{flex:0 1 auto;flex-wrap:wrap;gap:var(--dimension-space-050)}.message-composer__stack.sc-ds-message-composer{min-width:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);border-radius:var(--dimension-radius-050);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md)}.message-composer__field.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-100);border-radius:var(--dimension-radius-050);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);overflow:hidden}.message-composer.sc-ds-message-composer:not(.message-composer--error) .message-composer__field.sc-ds-message-composer:focus-within{box-shadow:var(--effect-elevation-elevated-md),     inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand)}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border-radius:0;box-shadow:none}textarea.sc-ds-message-composer{field-sizing:content;width:100%;min-height:calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));max-height:calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));padding:var(--dimension-space-075);border:none;outline:none;resize:none;overflow-y:auto;box-sizing:border-box;background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);-webkit-user-select:text;user-select:text}textarea.sc-ds-message-composer::placeholder{color:var(--color-foreground-secondary)}textarea.sc-ds-message-composer:focus::placeholder{color:var(--color-foreground-quaternary)}textarea.sc-ds-message-composer:focus,textarea.sc-ds-message-composer:focus-visible{outline:none}.message-composer__tools.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-050);min-height:var(--dimension-size-400)}.message-composer__controls.sc-ds-message-composer{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-050);width:100%;min-width:0}.message-composer__actions.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto;margin-inline-start:auto}@media (forced-colors: active){.message-composer__field.sc-ds-message-composer{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);box-shadow:none}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{border:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);box-shadow:none}.message-composer__error-support.sc-ds-message-composer{border-block-end:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let b=0;const f=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsInput=o(this,"dsInput",7);this.dsSubmit=o(this,"dsSubmit",7);this.dsStop=o(this,"dsStop",7);this.value="";this.placeholder="Write a message";this.label="Message";this.status="ready";this.isInactive=false;this.submitIntent="brand";this.errorId=`ds-message-composer-error-${++b}`;this.handleInput=e=>{this.value=e.target.value;this.dsInput.emit(this.value)};this.handleKeyDown=e=>{if(e.key!=="Enter"||e.shiftKey||e.isComposing)return;e.preventDefault();this.submit()};this.handleAction=()=>{if(this.streaming)this.dsStop.emit();else this.submit()}}async setFocus(){this.textarea?.focus()}get streaming(){return this.status==="submitted"||this.status==="streaming"}submit(){const e=this.value.trim();if(!e||this.isInactive||this.streaming)return;this.dsSubmit.emit({text:e})}render(){const e=this.status==="error";const s=this.errorMessage||"Message could not be sent.";const o=!this.streaming&&(this.isInactive||!this.value.trim());return r(a,{key:"7f08e1c8910ad4206161d57afba6a7beb047cd9c"},r("form",{key:"0d090e6279057bf1cd959d99dfdada493b8ea4aa",class:{"message-composer":true,"message-composer--error":e},"aria-busy":this.streaming?"true":undefined,onSubmit:e=>{e.preventDefault();this.submit()}},r("div",{key:"f3ce3457e29ecd6df239de36cc5f256340e2febe",class:"message-composer__attachments"},r("slot",{key:"3c49b0b6e9a9d91a9615de711e1cacc7522ac943",name:"attachments"})),r("div",{key:"64a419d5a97353f54a1b82dd59a9df0de6bb48d3",class:"message-composer__stack"},e?r("div",{class:"message-composer__error-support"},r("div",{id:this.errorId,class:"message-composer__error-message",role:"alert"},r("ds-icon",{name:"ExclamationTriangle",size:"xs",color:"inherit"}),r("ds-text",{variant:"text-body-small",color:"negative"},s)),r("div",{class:"message-composer__error-actions"},r("slot",{name:"error-actions"}))):null,r("div",{key:"08dbbbcf3b0c967494e14170e20e829a71518d3d",class:"message-composer__field"},r("textarea",{key:"84e473bbbb682de472aef4d7c9dea744d4d756d8",ref:e=>{this.textarea=e},value:this.value,placeholder:this.placeholder,"aria-label":this.label,"aria-invalid":e?"true":undefined,"aria-describedby":e?this.errorId:undefined,disabled:this.isInactive,onInput:this.handleInput,onKeyDown:this.handleKeyDown}),r("div",{key:"45378c5fcebddbf1678311a1b73983c1c9e5fa29",class:"message-composer__controls"},r("div",{key:"94c5b87358c660e3983a3d66a27c5a24afdbcacb",class:"message-composer__tools"},r("slot",{key:"98bf6e8332618fd99f53aef79a9f6b7a3d44746a",name:"tools"})),r("div",{key:"21b0c5016d05bb5c2be0211e67b316ec0cc3b2b0",class:"message-composer__actions"},r("slot",{key:"73517f1d5644e006bbe4bc3309ebb5a84cb534a3",name:"actions"}),o?r("ds-tooltip",{label:"Send message",side:"top",size:"sm"},r("ds-button-unfilled",{class:"message-composer__action",variant:"icon",icon:"ArrowUp",size:"md",rounded:true,"aria-label":"Send message",hasBorder:true,isInactive:true,onDsClick:this.handleAction})):r("ds-tooltip",{label:this.streaming?"Stop response":"Send message",side:"top",size:"sm"},r("ds-button-filled",{class:"message-composer__action",variant:"icon",icon:this.streaming?"SquareFilled":"ArrowUp",intent:this.streaming?"brand":this.submitIntent,contrast:"bold",size:"md",rounded:true,"aria-label":this.streaming?"Stop response":"Send message",onDsClick:this.handleAction}))))))))}get el(){return this}static get style(){return g()}},[262,"ds-message-composer",{value:[1025],placeholder:[1],label:[1],status:[1],errorMessage:[1,"error-message"],isInactive:[4,"is-inactive"],submitIntent:[1,"submit-intent"],setFocus:[64]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ds-message-composer","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-composer":if(!customElements.get(t(e))){customElements.define(t(e),f)}break;case"ds-badge":if(!customElements.get(t(e))){c()}break;case"ds-button-filled":if(!customElements.get(t(e))){i()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){d()}break;case"ds-icon":if(!customElements.get(t(e))){m()}break;case"ds-loader":if(!customElements.get(t(e))){n()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){p()}break}}))}h();const u=f;const v=h;export{u as DsMessageComposer,v as defineCustomElement};
+import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as c}from"./p-BEj9uENH.js";import{d as i}from"./p-CZVoCdYE.js";import{d}from"./p-DKL7n7NM.js";import{d as m}from"./p-C942uiH1.js";import{d as n}from"./p-0XTyQNRG.js";import{d as l}from"./p-DcwgXLe-.js";import{d as p}from"./p-xHv_RGJh.js";const g=()=>`@media (forced-colors: active){.sc-ds-message-composer:root,.sc-ds-message-composer-h,.ds-forced-colors-scope.sc-ds-message-composer{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-message-composer-h{display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.message-composer.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%;margin:0}.message-composer__attachments.sc-ds-message-composer:empty,.message-composer__tools.sc-ds-message-composer:empty,.message-composer__error-actions.sc-ds-message-composer:empty{display:none}.message-composer__error-support.sc-ds-message-composer,.message-composer__error-message.sc-ds-message-composer,.message-composer__error-actions.sc-ds-message-composer{display:flex;align-items:center}.message-composer__error-support.sc-ds-message-composer{justify-content:space-between;flex-wrap:wrap;gap:var(--dimension-space-075) var(--dimension-space-100);min-width:0;padding:var(--dimension-space-075) var(--dimension-space-100);background:var(--color-background-faint-negative)}.message-composer__error-message.sc-ds-message-composer{flex:1 1 var(--dimension-panel-width-xs);gap:var(--dimension-space-050);min-width:0;color:var(--color-foreground-bold-negative)}.message-composer__error-actions.sc-ds-message-composer{flex:0 1 auto;flex-wrap:wrap;gap:var(--dimension-space-050)}.message-composer__stack.sc-ds-message-composer{min-width:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);border-radius:var(--dimension-radius-050);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md)}.message-composer__field.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-100);border-radius:var(--dimension-radius-050);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);overflow:hidden}.message-composer.sc-ds-message-composer:not(.message-composer--error) .message-composer__field.sc-ds-message-composer:focus-within{box-shadow:var(--effect-elevation-elevated-md),     inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand)}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border-radius:0;box-shadow:none}textarea.sc-ds-message-composer{field-sizing:content;width:100%;min-height:calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));max-height:calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));padding:var(--dimension-space-075);border:none;outline:none;resize:none;overflow-y:auto;box-sizing:border-box;background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);-webkit-user-select:text;user-select:text}textarea.sc-ds-message-composer::placeholder{color:var(--color-foreground-secondary)}textarea.sc-ds-message-composer:focus::placeholder{color:var(--color-foreground-quaternary)}textarea.sc-ds-message-composer:focus,textarea.sc-ds-message-composer:focus-visible{outline:none}.message-composer__tools.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-050);min-height:var(--dimension-size-400)}.message-composer__controls.sc-ds-message-composer{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-050);width:100%;min-width:0}.message-composer__actions.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto;margin-inline-start:auto}@media (forced-colors: active){.message-composer__field.sc-ds-message-composer{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);box-shadow:none}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{border:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);box-shadow:none}.message-composer__error-support.sc-ds-message-composer{border-block-end:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let f=0;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsInput=o(this,"dsInput",7);this.dsSubmit=o(this,"dsSubmit",7);this.dsStop=o(this,"dsStop",7);this.value="";this.placeholder="Write a message";this.label="Message";this.status="ready";this.isInactive=false;this.submitIntent="brand";this.errorId=`ds-message-composer-error-${++f}`;this.handleInput=e=>{this.value=e.target.value;this.dsInput.emit(this.value)};this.handleKeyDown=e=>{if(e.key!=="Enter"||e.shiftKey||e.isComposing)return;e.preventDefault();this.submit()};this.handleAction=()=>{if(this.streaming)this.dsStop.emit();else this.submit()}}async setFocus(){this.textarea?.focus()}get streaming(){return this.status==="submitted"||this.status==="streaming"}submit(){const e=this.value.trim();if(!e||this.isInactive||this.streaming)return;this.dsSubmit.emit({text:e})}render(){const e=this.status==="error";const s=this.errorMessage||"Message could not be sent.";const o=!this.streaming&&(this.isInactive||!this.value.trim());return r(a,{key:"d56884aa3f9c1e34cef2c1351a0d5085df2ce1e9"},r("form",{key:"27918322b3f7f3853be5585e0853946114ad6514",class:{"message-composer":true,"message-composer--error":e},"aria-busy":this.streaming?"true":undefined,onSubmit:e=>{e.preventDefault();this.submit()}},r("div",{key:"cdc1fb76ffb54bca3c9071db0c38243d53030d40",class:"message-composer__attachments"},r("slot",{key:"6d1fa014316acf81b4c825f7c1aa9fd6d494441e",name:"attachments"})),r("div",{key:"10d8754a1475823aeef911d3e5985230f62b8dcd",class:"message-composer__stack"},e?r("div",{class:"message-composer__error-support"},r("div",{id:this.errorId,class:"message-composer__error-message",role:"alert"},r("ds-icon",{name:"ExclamationTriangle",size:"xs",color:"inherit"}),r("ds-text",{variant:"text-body-small",color:"negative"},s)),r("div",{class:"message-composer__error-actions"},r("slot",{name:"error-actions"}))):null,r("div",{key:"92c583ac5288530875aa8d5b0f28fc81c6186de5",class:"message-composer__field"},r("textarea",{key:"3dbabbd851d3a48baff2faa9d9dcf9bcd382d4e7",ref:e=>{this.textarea=e},value:this.value,placeholder:this.placeholder,"aria-label":this.label,"aria-invalid":e?"true":undefined,"aria-describedby":e?this.errorId:undefined,disabled:this.isInactive,onInput:this.handleInput,onKeyDown:this.handleKeyDown}),r("div",{key:"2e836e4966fe360a8d636b96a96ef54488177732",class:"message-composer__controls"},r("div",{key:"8fc9611291677e7ee43d25296c725c2dca1011c1",class:"message-composer__tools"},r("slot",{key:"bf7926e3824302242942e3b960721f5f3071dc32",name:"tools"})),r("div",{key:"9f56bf0b6abac5b87a4e36fd46a27e4b74b3ecf5",class:"message-composer__actions"},r("slot",{key:"a820dd0e061bec92c1ba7008dbab840e33041803",name:"actions"}),o?r("ds-tooltip",{label:"Send message",side:"top",size:"sm"},r("ds-button-unfilled",{class:"message-composer__action",variant:"icon",icon:"ArrowUp",size:"md",rounded:true,"aria-label":"Send message",hasBorder:true,isInactive:true,onDsClick:this.handleAction})):r("ds-tooltip",{label:this.streaming?"Stop response":"Send message",side:"top",size:"sm"},r("ds-button-filled",{class:"message-composer__action",variant:"icon",icon:this.streaming?"SquareFilled":"ArrowUp",intent:this.streaming?"brand":this.submitIntent,contrast:"bold",size:"md",rounded:true,"aria-label":this.streaming?"Stop response":"Send message",onDsClick:this.handleAction}))))))))}get el(){return this}static get style(){return g()}},[262,"ds-message-composer",{value:[1025],placeholder:[1],label:[1],status:[1],errorMessage:[1,"error-message"],isInactive:[4,"is-inactive"],submitIntent:[1,"submit-intent"],setFocus:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-message-composer","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-composer":if(!customElements.get(t(e))){customElements.define(t(e),h)}break;case"ds-badge":if(!customElements.get(t(e))){c()}break;case"ds-button-filled":if(!customElements.get(t(e))){i()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){d()}break;case"ds-icon":if(!customElements.get(t(e))){m()}break;case"ds-loader":if(!customElements.get(t(e))){n()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){p()}break}}))}b();const u=h;const v=b;export{u as DsMessageComposer,v as defineCustomElement};
 //# sourceMappingURL=ds-message-composer.js.map

package/dist/components/ds-message-scroller.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a as r,t as a}from"./index.js";import{S as o}from"./p-CGKjjJZm.js";import{r as l}from"./p-CVYjLzYI.js";import{d as n}from"./p-ClOvX8cD.js";import{d}from"./p-Bn-tsogb.js";import{d as c}from"./p-GP7Dz3qO.js";import{d as h}from"./p-0XTyQNRG.js";import{d as f}from"./p-DMPn_dt7.js";import{d as g}from"./p-DTlNtCX1.js";function m(e,s){if(!e.length)return false;if(!s.length)return true;const t=new Set(e);return!s.some((e=>t.has(e)))}function u(e,s){const t=new Set(s);for(const s of e){if(!t.has(s))e.delete(s)}}const v=()=>`@property --ds-scroll-edge-fade-top{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-bottom{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-left{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-right{syntax:'<length-percentage>';inherits:false;initial-value:0px}@keyframes ds-scroll-edge-fade-reveal-top{from{--ds-scroll-edge-fade-top:0px}to{--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top)}}@keyframes ds-scroll-edge-fade-reveal-bottom{from{--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom)}to{--ds-scroll-edge-fade-bottom:0px}}@keyframes ds-scroll-edge-fade-reveal-left{from{--ds-scroll-edge-fade-left:0px}to{--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left)}}@keyframes ds-scroll-edge-fade-reveal-right{from{--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right)}to{--ds-scroll-edge-fade-right:0px}}.scroll-edge-fade.sc-ds-message-scroller{--ds-scroll-edge-fade-size:var(--dimension-size-600);--ds-scroll-edge-fade-reveal-distance:var(--dimension-size-800);--ds-scroll-edge-fade-target-top:0px;--ds-scroll-edge-fade-target-bottom:0px;--ds-scroll-edge-fade-target-left:0px;--ds-scroll-edge-fade-target-right:0px;--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top);--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom);--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left);--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right);--ds-scroll-edge-fade-block-mask:linear-gradient(     to bottom,     transparent 0,     #000 var(--ds-scroll-edge-fade-top),     #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),     transparent 100%   );--ds-scroll-edge-fade-inline-mask:linear-gradient(     to right,     transparent 0,     #000 var(--ds-scroll-edge-fade-left),     #000 calc(100% - var(--ds-scroll-edge-fade-right)),     transparent 100%   );-webkit-mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--top.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation-name:ds-scroll-edge-fade-reveal-top, ds-scroll-edge-fade-reveal-bottom,       ds-scroll-edge-fade-reveal-left, ds-scroll-edge-fade-reveal-right;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-timeline:scroll(self y), scroll(self y), scroll(self x), scroll(self x);animation-range:0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,       0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%}@media (prefers-reduced-motion: reduce){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation:none}}}.scroll-edge-fade--at-end.sc-ds-message-scroller,.scroll-edge-fade--hidden.sc-ds-message-scroller{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-message-scroller{--ds-scroll-edge-fade-window-start:100%;--ds-scroll-edge-fade-window-end:100%;-webkit-mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}`;const p=()=>`.ds-control-elevation.sc-ds-message-scroller-h,.ds-control-elevation.sc-ds-message-scroller{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-message-scroller-h::after,.ds-control-elevation.sc-ds-message-scroller::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-message-scroller-h,.ds-control-elevation--sm.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-message-scroller-h,.ds-control-elevation--md.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-message-scroller-h,.ds-control-elevation--floating.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-message-scroller{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-message-scroller,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:none;transition:none}}.sc-ds-message-scroller-h{--ds-message-scroller-anchor-offset:var(--dimension-space-800);display:block;width:100%;height:100%;min-height:0;box-sizing:border-box}.message-scroller.sc-ds-message-scroller{position:relative;width:100%;height:100%;min-height:0}.message-scroller__viewport.sc-ds-message-scroller{width:100%;height:100%;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;box-sizing:border-box}.message-scroller__viewport.sc-ds-message-scroller:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.message-scroller__content.sc-ds-message-scroller{display:flex;flex-direction:column;gap:var(--dimension-space-300);width:100%;max-width:var(--ds-message-scroller-content-max-width, var(--dimension-panel-width-2xl));min-height:100%;margin-inline:auto;padding-block-start:var(--dimension-space-200);padding-inline:var(--dimension-space-200);padding-block-end:max(     calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),     var(--ds-message-scroller-turn-clearance, 0px)   );box-sizing:border-box}.message-scroller__overlay.sc-ds-message-scroller{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}.message-scroller__overlay-stack.sc-ds-message-scroller{display:grid;width:100%}.message-scroller__interaction.sc-ds-message-scroller,.message-scroller__overlay-content.sc-ds-message-scroller{min-width:0}.message-scroller__control.sc-ds-message-scroller{position:absolute;bottom:calc(var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200));left:50%;z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);transform:translateX(-50%);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm))}`;const b=24;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsReachStart=t(this,"dsReachStart",7);this.busy=false;this.autoFollow=true;this.defaultPosition="last-anchor";this.messagesLabel="Messages";this.showScrollToLatest=false;this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.programmatic=false;this.transcriptChildren=[];this.knownTranscriptElements=new Set;this.knownTurnAnchors=new Set;this.turnClearance=0;this.prependReconciliation=0;this.turnPositionGeneration=0;this.defaultPositionGeneration=0;this.transcriptResetPending=false;this.hasLoaded=false;this.handleTranscriptChange=()=>{const e=this.getTranscriptChildren();const s=this.transcriptChildren;const t=m(s,e)||this.transcriptResetPending&&e.length>0;if(t){this.invalidateTranscriptWork();this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptChildren=e;this.trackTranscript(e);this.transcriptResetPending=e.length===0;this.rememberFirstChildTop();this.scrollOverlayController?.sync();if(e.length)this.scheduleDefaultPosition();return}const i=this.knownTranscriptElements.size>0;const r=new Set(this.knownTranscriptElements);const a=[...e].reverse().find(((s,t)=>{if(!s.matches("ds-message[scroll-anchor]")||this.knownTurnAnchors.has(s)){return false}const i=e.length-t-1;return e.slice(i+1).every((e=>!this.knownTranscriptElements.has(e)))}));this.trackTranscript(e);this.pruneTranscriptTracking(e);if(!s.length){this.transcriptChildren=e;if(a&&i){this.scheduleNewTurnPosition(a)}return}const o=e.findIndex((e=>r.has(e)));const l=e.filter((e=>!r.has(e)));const n=e.length>s.length&&s.every(((t,i)=>e[e.length-s.length+i]===t))||!a&&l.length>0&&o>0&&l.every((s=>e.indexOf(s)<o));this.transcriptChildren=e;if(n){if(this.viewport){const e=this.activeTurnAnchor?.isConnected?this.activeTurnAnchor:s[0];const t=this.activeTurnAnchor?.isConnected?this.activeTurnAnchorViewportTop:this.firstChildViewportTop;if(e&&t!==undefined){this.reconcilePrependPosition(e,t);this.schedulePrependReconciliation(e,t,l)}}this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync();return}if(a){this.scheduleNewTurnPosition(a)}};this.handleTranscriptSlotChange=()=>this.handleTranscriptChange();this.handleScroll=()=>{if(!this.viewport)return;this.scrollOverlayController?.sync();this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();if(this.programmatic)return;const e=this.isAtLiveEdge();if(this.releasePendingAtLiveEdge&&e){this.following=false;this.followReleased=true;this.showScrollToLatest=false;return}this.releasePendingAtLiveEdge=false;this.following=e;this.followReleased=!this.following;this.showScrollToLatest=!this.following;const s=this.viewport.scrollTop<=b;if(s&&!this.atStart)this.dsReachStart.emit();this.atStart=s};this.releaseFollow=()=>{this.prependReconciliation+=1;this.releasePendingAtLiveEdge=this.isAtLiveEdge();this.following=false;this.followReleased=true;this.showScrollToLatest=!this.releasePendingAtLiveEdge};this.handleSelectionChange=()=>{const e=document.getSelection();if(e&&!e.isCollapsed&&e.anchorNode&&this.el.contains(e.anchorNode)){this.releaseFollow()}}}componentDidLoad(){this.hasLoaded=true;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}connectedCallback(){if(!this.hasLoaded)return;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}disconnectedCallback(){this.invalidateTranscriptWork();this.scrollOverlayController?.disconnect();this.scrollOverlayController=undefined;this.mutationObserver?.disconnect();this.mutationObserver=undefined;this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptResetPending=false;document.removeEventListener("selectionchange",this.handleSelectionChange)}async scrollToMessage(e){const s=Array.from(this.el.querySelectorAll("ds-message")).find((s=>s.messageId===e||s.getAttribute("message-id")===e));if(!s)return false;this.releasePendingAtLiveEdge=false;this.following=false;this.followReleased=true;this.showScrollToLatest=true;s.scrollIntoView({block:"start",behavior:this.motionBehavior()});return true}async scrollToStart(){this.releasePendingAtLiveEdge=false;this.scrollTo(0);this.following=false;this.followReleased=true;this.showScrollToLatest=Boolean(this.viewport&&this.viewport.scrollHeight>this.viewport.clientHeight)}async scrollToEnd(){this.releasePendingAtLiveEdge=false;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollTo(this.viewport?.scrollHeight??0)}motionBehavior(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}scrollTo(e){if(!this.viewport)return;this.programmatic=true;const s=this.motionBehavior();this.viewport.scrollTo({top:e,behavior:s});if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=setTimeout((()=>{this.programmatic=false;this.programmaticTimer=undefined;if(this.following){this.viewport.scrollTop=e;this.showScrollToLatest=false}}),s==="smooth"?600:0)}invalidateTranscriptWork(){this.prependReconciliation+=1;this.turnPositionGeneration+=1;this.defaultPositionGeneration+=1;if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=undefined;this.programmatic=false}clearActiveTurnAnchor(){this.activeTurnAnchor=undefined;this.activeTurnAnchorViewportTop=undefined;this.turnClearance=0;this.el.style.removeProperty("--ds-message-scroller-turn-clearance")}resetTranscriptTracking(){this.transcriptChildren=[];this.knownTranscriptElements.clear();this.knownTurnAnchors.clear();this.firstChildViewportTop=undefined;this.clearActiveTurnAnchor()}resetTranscriptPositionState(){this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.showScrollToLatest=false}trackTranscript(e){e.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}))}seedTranscriptBaseline(){this.resetTranscriptTracking();this.transcriptChildren=this.getTranscriptChildren();this.trackTranscript(this.transcriptChildren);this.transcriptResetPending=false;this.rememberFirstChildTop()}pruneTranscriptTracking(e){u(this.knownTranscriptElements,e);u(this.knownTurnAnchors,e);if(this.activeTurnAnchor&&!e.includes(this.activeTurnAnchor)){this.clearActiveTurnAnchor()}}scheduleDefaultPosition(){const e=++this.defaultPositionGeneration;requestAnimationFrame((()=>{if(e!==this.defaultPositionGeneration||!this.el.isConnected)return;this.applyDefaultPosition()}))}connectObservers(){if(!this.viewport||!this.content||!this.overlay)return;this.scrollOverlayController?.disconnect();this.mutationObserver?.disconnect();this.scrollOverlayController=new o({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay,overlayContentSelector:".message-scroller__overlay-stack",onGeometryChange:()=>this.handleContentGrowth()});this.scrollOverlayController.connect();this.mutationObserver=new MutationObserver((()=>{this.handleTranscriptChange();this.handleContentGrowth()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,characterData:true})}handleContentGrowth(){if(!this.viewport)return;this.syncTurnClearance();const e=this.viewport.scrollHeight;if(this.autoFollow&&this.following&&!this.followReleased){this.viewport.scrollTop=e}if(this.releasePendingAtLiveEdge&&!this.isAtLiveEdge()){this.releasePendingAtLiveEdge=false}this.showScrollToLatest=!this.following&&!this.isAtLiveEdge();this.scrollOverlayController?.sync()}rememberFirstChildTop(){if(!this.viewport)return;const e=this.getTranscriptChildren()[0];this.firstChildViewportTop=e?e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top:undefined}getTranscriptChildren(){const e=this.transcriptSlot?.assignedElements()??[];const t=e.filter((e=>e instanceof s&&(e.matches("ds-message")||e.matches("ds-agent-response"))));const i=Array.from(this.el.querySelectorAll("ds-message, ds-agent-response")).filter((e=>{if(e.closest(".message-scroller__interaction, .message-scroller__overlay-content")){return false}if(e.matches("ds-agent-response"))return true;return!e.closest("ds-agent-response")}));return i.length>t.length?i:t}reconcilePrependPosition(e,s){if(!this.viewport||!e.isConnected)return;const t=e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top;this.viewport.scrollTop+=t-s}schedulePrependReconciliation(e,s,t){const i=++this.prependReconciliation;const r=t.flatMap((e=>[e,...Array.from(e.querySelectorAll("*"))])).map((e=>{const s=e.componentOnReady;return s?s.call(e).catch((()=>undefined)):null})).filter((e=>Boolean(e)));void Promise.all(r).then((()=>{requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync()}))}))}))}scheduleNewTurnPosition(e){const s=++this.turnPositionGeneration;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration||!e.isConnected||!this.viewport){return}this.positionNewTurn(e,s)}))}positionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected)return;this.activeTurnAnchor=e;this.syncTurnClearance();requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.finishPositionNewTurn(e,s)}))}finishPositionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected){return}const t=this.viewport.getBoundingClientRect();const i=e.getBoundingClientRect().top-t.top+this.viewport.scrollTop;const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const a=l(r,"var(--dimension-space-800)");const o=Math.max(this.viewport.scrollHeight-this.viewport.clientHeight,0);const n=Math.min(Math.max(i-a,0),o);this.following=o-n<=b;this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.programmatic=true;this.viewport.scrollTop=n;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.programmatic=false;this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop()}));this.scrollOverlayController?.sync()}rememberActiveTurnAnchorTop(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;this.activeTurnAnchorViewportTop=this.activeTurnAnchor.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top}syncTurnClearance(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;const e=this.getTranscriptChildren();const s=e[e.length-1];if(!s)return;const t=this.activeTurnAnchor.getBoundingClientRect();const i=s.getBoundingClientRect();const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const a=l(r,"var(--dimension-space-800)");const o=Math.max(i.bottom-t.top,0);const n=Math.max(Math.ceil(this.viewport.clientHeight-a-o),0);if(n===this.turnClearance)return;this.turnClearance=n;this.el.style.setProperty("--ds-message-scroller-turn-clearance",`${n}px`)}applyDefaultPosition(){if(!this.viewport)return;this.releasePendingAtLiveEdge=false;if(this.defaultPosition==="start"){this.viewport.scrollTop=0;this.following=false;this.followReleased=true;this.showScrollToLatest=this.viewport.scrollHeight>this.viewport.clientHeight;this.scrollOverlayController?.sync();return}if(this.defaultPosition==="last-anchor"){const e=this.el.querySelectorAll("ds-message[scroll-anchor]");const s=e.item(e.length-1);if(s){s.scrollIntoView({block:"start"});this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.scrollOverlayController?.sync();return}}this.viewport.scrollTop=this.viewport.scrollHeight;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollOverlayController?.sync()}isAtLiveEdge(){if(!this.viewport)return true;return this.viewport.scrollHeight-this.viewport.clientHeight-this.viewport.scrollTop<=b}render(){return i(r,{key:"dd7dd4a35ae19b1c3dee7e1ce225970dae29a4ab"},i("div",{key:"6b107c47003d646723300e54bceb6e2f5d52bada",class:"message-scroller"},i("div",{key:"c9fa5c6be497d71656c3ac745585474b798d0ff3",class:"message-scroller__viewport",ref:e=>{this.viewport=e},role:"region","aria-label":this.messagesLabel,tabIndex:0,onScroll:this.handleScroll,onPointerDown:e=>{if(e.pointerType==="touch")this.releaseFollow()},onWheel:this.releaseFollow,onKeyDown:e=>{if(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)){this.releaseFollow()}}},i("div",{key:"f354d33462c4ed59496a822800483d1ff2e89ce7",class:"message-scroller__content scroll-edge-fade--block-window",ref:e=>{this.content=e},role:"log","aria-live":"polite","aria-relevant":"additions","aria-busy":this.busy?"true":undefined},i("slot",{key:"3f90ce521cfc4bfcf5c11a77d6249726865eed9f",ref:e=>{this.transcriptSlot=e},onSlotchange:this.handleTranscriptSlotChange}))),i("div",{key:"9fce35923a4f63f40d7d3acda97f783debe3772b",class:"message-scroller__overlay",ref:e=>{this.overlay=e}},i("div",{key:"537a9dc77c16af194773f114918268ce86c971b8",class:"message-scroller__overlay-stack"},i("div",{key:"bc89fcb684c6ed97e9184989e6af2858c200dd9b",class:"message-scroller__interaction"},i("slot",{key:"b7a06565977cfe5b692321daa3429e944776e129",name:"interaction"})),i("div",{key:"18e7fc96d473260397fabeb9a2409cc170fc166e",class:"message-scroller__overlay-content"},i("slot",{key:"6385c11bfad2ea2b92e0d19c02d041709117734c",name:"overlay"})))),this.showScrollToLatest?i("div",{class:"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},i("ds-tooltip",{label:"Scroll to latest message",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:"ChevronDown",size:"md",rounded:true,hasBorder:false,"aria-label":"Scroll to latest message",onDsClick:()=>void this.scrollToEnd()}))):null))}get el(){return this}static get style(){return v()+p()}},[262,"ds-message-scroller",{busy:[4],autoFollow:[4,"auto-follow"],defaultPosition:[1,"default-position"],messagesLabel:[1,"messages-label"],showScrollToLatest:[32],scrollToMessage:[64],scrollToStart:[64],scrollToEnd:[64]}]);function w(){if(typeof customElements==="undefined"){return}const e=["ds-message-scroller","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-scroller":if(!customElements.get(a(e))){customElements.define(a(e),k)}break;case"ds-badge":if(!customElements.get(a(e))){n()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){d()}break;case"ds-icon":if(!customElements.get(a(e))){c()}break;case"ds-loader":if(!customElements.get(a(e))){h()}break;case"ds-text":if(!customElements.get(a(e))){f()}break;case"ds-tooltip":if(!customElements.get(a(e))){g()}break}}))}w();const y=k;const x=w;export{y as DsMessageScroller,x as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a as r,t as a}from"./index.js";import{S as o}from"./p-CGKjjJZm.js";import{r as l}from"./p-CVYjLzYI.js";import{d as n}from"./p-BEj9uENH.js";import{d}from"./p-DKL7n7NM.js";import{d as c}from"./p-C942uiH1.js";import{d as h}from"./p-0XTyQNRG.js";import{d as f}from"./p-DcwgXLe-.js";import{d as g}from"./p-xHv_RGJh.js";function m(e,s){if(!e.length)return false;if(!s.length)return true;const t=new Set(e);return!s.some((e=>t.has(e)))}function u(e,s){const t=new Set(s);for(const s of e){if(!t.has(s))e.delete(s)}}const v=()=>`@property --ds-scroll-edge-fade-top{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-bottom{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-left{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-right{syntax:'<length-percentage>';inherits:false;initial-value:0px}@keyframes ds-scroll-edge-fade-reveal-top{from{--ds-scroll-edge-fade-top:0px}to{--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top)}}@keyframes ds-scroll-edge-fade-reveal-bottom{from{--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom)}to{--ds-scroll-edge-fade-bottom:0px}}@keyframes ds-scroll-edge-fade-reveal-left{from{--ds-scroll-edge-fade-left:0px}to{--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left)}}@keyframes ds-scroll-edge-fade-reveal-right{from{--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right)}to{--ds-scroll-edge-fade-right:0px}}.scroll-edge-fade.sc-ds-message-scroller{--ds-scroll-edge-fade-size:var(--dimension-size-600);--ds-scroll-edge-fade-reveal-distance:var(--dimension-size-800);--ds-scroll-edge-fade-target-top:0px;--ds-scroll-edge-fade-target-bottom:0px;--ds-scroll-edge-fade-target-left:0px;--ds-scroll-edge-fade-target-right:0px;--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top);--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom);--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left);--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right);--ds-scroll-edge-fade-block-mask:linear-gradient(     to bottom,     transparent 0,     #000 var(--ds-scroll-edge-fade-top),     #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),     transparent 100%   );--ds-scroll-edge-fade-inline-mask:linear-gradient(     to right,     transparent 0,     #000 var(--ds-scroll-edge-fade-left),     #000 calc(100% - var(--ds-scroll-edge-fade-right)),     transparent 100%   );-webkit-mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--top.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation-name:ds-scroll-edge-fade-reveal-top, ds-scroll-edge-fade-reveal-bottom,       ds-scroll-edge-fade-reveal-left, ds-scroll-edge-fade-reveal-right;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-timeline:scroll(self y), scroll(self y), scroll(self x), scroll(self x);animation-range:0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,       0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%}@media (prefers-reduced-motion: reduce){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation:none}}}.scroll-edge-fade--at-end.sc-ds-message-scroller,.scroll-edge-fade--hidden.sc-ds-message-scroller{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-message-scroller{--ds-scroll-edge-fade-window-start:100%;--ds-scroll-edge-fade-window-end:100%;-webkit-mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}`;const p=()=>`.ds-control-elevation.sc-ds-message-scroller-h,.ds-control-elevation.sc-ds-message-scroller{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-message-scroller-h::after,.ds-control-elevation.sc-ds-message-scroller::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-message-scroller-h,.ds-control-elevation--sm.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-message-scroller-h,.ds-control-elevation--md.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-message-scroller-h,.ds-control-elevation--floating.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-message-scroller{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-message-scroller,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:none;transition:none}}.sc-ds-message-scroller-h{--ds-message-scroller-anchor-offset:var(--dimension-space-800);display:block;width:100%;height:100%;min-height:0;box-sizing:border-box}.message-scroller.sc-ds-message-scroller{position:relative;width:100%;height:100%;min-height:0}.message-scroller__viewport.sc-ds-message-scroller{width:100%;height:100%;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;box-sizing:border-box}.message-scroller__viewport.sc-ds-message-scroller:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.message-scroller__content.sc-ds-message-scroller{display:flex;flex-direction:column;gap:var(--dimension-space-300);width:100%;max-width:var(--ds-message-scroller-content-max-width, var(--dimension-panel-width-2xl));min-height:100%;margin-inline:auto;padding-block-start:var(--dimension-space-200);padding-inline:var(--dimension-space-200);padding-block-end:max(     calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),     var(--ds-message-scroller-turn-clearance, 0px)   );box-sizing:border-box}.message-scroller__overlay.sc-ds-message-scroller{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}.message-scroller__overlay-stack.sc-ds-message-scroller{display:grid;width:100%}.message-scroller__interaction.sc-ds-message-scroller,.message-scroller__overlay-content.sc-ds-message-scroller{min-width:0}.message-scroller__control.sc-ds-message-scroller{position:absolute;bottom:calc(var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200));left:50%;z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);transform:translateX(-50%);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm))}`;const b=24;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsReachStart=t(this,"dsReachStart",7);this.busy=false;this.autoFollow=true;this.defaultPosition="last-anchor";this.messagesLabel="Messages";this.showScrollToLatest=false;this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.programmatic=false;this.transcriptChildren=[];this.knownTranscriptElements=new Set;this.knownTurnAnchors=new Set;this.turnClearance=0;this.prependReconciliation=0;this.turnPositionGeneration=0;this.defaultPositionGeneration=0;this.transcriptResetPending=false;this.hasLoaded=false;this.handleTranscriptChange=()=>{const e=this.getTranscriptChildren();const s=this.transcriptChildren;const t=m(s,e)||this.transcriptResetPending&&e.length>0;if(t){this.invalidateTranscriptWork();this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptChildren=e;this.trackTranscript(e);this.transcriptResetPending=e.length===0;this.rememberFirstChildTop();this.scrollOverlayController?.sync();if(e.length)this.scheduleDefaultPosition();return}const i=this.knownTranscriptElements.size>0;const r=new Set(this.knownTranscriptElements);const a=[...e].reverse().find(((s,t)=>{if(!s.matches("ds-message[scroll-anchor]")||this.knownTurnAnchors.has(s)){return false}const i=e.length-t-1;return e.slice(i+1).every((e=>!this.knownTranscriptElements.has(e)))}));this.trackTranscript(e);this.pruneTranscriptTracking(e);if(!s.length){this.transcriptChildren=e;if(a&&i){this.scheduleNewTurnPosition(a)}return}const o=e.findIndex((e=>r.has(e)));const l=e.filter((e=>!r.has(e)));const n=e.length>s.length&&s.every(((t,i)=>e[e.length-s.length+i]===t))||!a&&l.length>0&&o>0&&l.every((s=>e.indexOf(s)<o));this.transcriptChildren=e;if(n){if(this.viewport){const e=this.activeTurnAnchor?.isConnected?this.activeTurnAnchor:s[0];const t=this.activeTurnAnchor?.isConnected?this.activeTurnAnchorViewportTop:this.firstChildViewportTop;if(e&&t!==undefined){this.reconcilePrependPosition(e,t);this.schedulePrependReconciliation(e,t,l)}}this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync();return}if(a){this.scheduleNewTurnPosition(a)}};this.handleTranscriptSlotChange=()=>this.handleTranscriptChange();this.handleScroll=()=>{if(!this.viewport)return;this.scrollOverlayController?.sync();this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();if(this.programmatic)return;const e=this.isAtLiveEdge();if(this.releasePendingAtLiveEdge&&e){this.following=false;this.followReleased=true;this.showScrollToLatest=false;return}this.releasePendingAtLiveEdge=false;this.following=e;this.followReleased=!this.following;this.showScrollToLatest=!this.following;const s=this.viewport.scrollTop<=b;if(s&&!this.atStart)this.dsReachStart.emit();this.atStart=s};this.releaseFollow=()=>{this.prependReconciliation+=1;this.releasePendingAtLiveEdge=this.isAtLiveEdge();this.following=false;this.followReleased=true;this.showScrollToLatest=!this.releasePendingAtLiveEdge};this.handleSelectionChange=()=>{const e=document.getSelection();if(e&&!e.isCollapsed&&e.anchorNode&&this.el.contains(e.anchorNode)){this.releaseFollow()}}}componentDidLoad(){this.hasLoaded=true;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}connectedCallback(){if(!this.hasLoaded)return;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}disconnectedCallback(){this.invalidateTranscriptWork();this.scrollOverlayController?.disconnect();this.scrollOverlayController=undefined;this.mutationObserver?.disconnect();this.mutationObserver=undefined;this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptResetPending=false;document.removeEventListener("selectionchange",this.handleSelectionChange)}async scrollToMessage(e){const s=Array.from(this.el.querySelectorAll("ds-message")).find((s=>s.messageId===e||s.getAttribute("message-id")===e));if(!s)return false;this.releasePendingAtLiveEdge=false;this.following=false;this.followReleased=true;this.showScrollToLatest=true;s.scrollIntoView({block:"start",behavior:this.motionBehavior()});return true}async scrollToStart(){this.releasePendingAtLiveEdge=false;this.scrollTo(0);this.following=false;this.followReleased=true;this.showScrollToLatest=Boolean(this.viewport&&this.viewport.scrollHeight>this.viewport.clientHeight)}async scrollToEnd(){this.releasePendingAtLiveEdge=false;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollTo(this.viewport?.scrollHeight??0)}motionBehavior(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}scrollTo(e){if(!this.viewport)return;this.programmatic=true;const s=this.motionBehavior();this.viewport.scrollTo({top:e,behavior:s});if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=setTimeout((()=>{this.programmatic=false;this.programmaticTimer=undefined;if(this.following){this.viewport.scrollTop=e;this.showScrollToLatest=false}}),s==="smooth"?600:0)}invalidateTranscriptWork(){this.prependReconciliation+=1;this.turnPositionGeneration+=1;this.defaultPositionGeneration+=1;if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=undefined;this.programmatic=false}clearActiveTurnAnchor(){this.activeTurnAnchor=undefined;this.activeTurnAnchorViewportTop=undefined;this.turnClearance=0;this.el.style.removeProperty("--ds-message-scroller-turn-clearance")}resetTranscriptTracking(){this.transcriptChildren=[];this.knownTranscriptElements.clear();this.knownTurnAnchors.clear();this.firstChildViewportTop=undefined;this.clearActiveTurnAnchor()}resetTranscriptPositionState(){this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.showScrollToLatest=false}trackTranscript(e){e.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}))}seedTranscriptBaseline(){this.resetTranscriptTracking();this.transcriptChildren=this.getTranscriptChildren();this.trackTranscript(this.transcriptChildren);this.transcriptResetPending=false;this.rememberFirstChildTop()}pruneTranscriptTracking(e){u(this.knownTranscriptElements,e);u(this.knownTurnAnchors,e);if(this.activeTurnAnchor&&!e.includes(this.activeTurnAnchor)){this.clearActiveTurnAnchor()}}scheduleDefaultPosition(){const e=++this.defaultPositionGeneration;requestAnimationFrame((()=>{if(e!==this.defaultPositionGeneration||!this.el.isConnected)return;this.applyDefaultPosition()}))}connectObservers(){if(!this.viewport||!this.content||!this.overlay)return;this.scrollOverlayController?.disconnect();this.mutationObserver?.disconnect();this.scrollOverlayController=new o({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay,overlayContentSelector:".message-scroller__overlay-stack",onGeometryChange:()=>this.handleContentGrowth()});this.scrollOverlayController.connect();this.mutationObserver=new MutationObserver((()=>{this.handleTranscriptChange();this.handleContentGrowth()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,characterData:true})}handleContentGrowth(){if(!this.viewport)return;this.syncTurnClearance();const e=this.viewport.scrollHeight;if(this.autoFollow&&this.following&&!this.followReleased){this.viewport.scrollTop=e}if(this.releasePendingAtLiveEdge&&!this.isAtLiveEdge()){this.releasePendingAtLiveEdge=false}this.showScrollToLatest=!this.following&&!this.isAtLiveEdge();this.scrollOverlayController?.sync()}rememberFirstChildTop(){if(!this.viewport)return;const e=this.getTranscriptChildren()[0];this.firstChildViewportTop=e?e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top:undefined}getTranscriptChildren(){const e=this.transcriptSlot?.assignedElements()??[];const t=e.filter((e=>e instanceof s&&(e.matches("ds-message")||e.matches("ds-agent-response"))));const i=Array.from(this.el.querySelectorAll("ds-message, ds-agent-response")).filter((e=>{if(e.closest(".message-scroller__interaction, .message-scroller__overlay-content")){return false}if(e.matches("ds-agent-response"))return true;return!e.closest("ds-agent-response")}));return i.length>t.length?i:t}reconcilePrependPosition(e,s){if(!this.viewport||!e.isConnected)return;const t=e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top;this.viewport.scrollTop+=t-s}schedulePrependReconciliation(e,s,t){const i=++this.prependReconciliation;const r=t.flatMap((e=>[e,...Array.from(e.querySelectorAll("*"))])).map((e=>{const s=e.componentOnReady;return s?s.call(e).catch((()=>undefined)):null})).filter((e=>Boolean(e)));void Promise.all(r).then((()=>{requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync()}))}))}))}scheduleNewTurnPosition(e){const s=++this.turnPositionGeneration;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration||!e.isConnected||!this.viewport){return}this.positionNewTurn(e,s)}))}positionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected)return;this.activeTurnAnchor=e;this.syncTurnClearance();requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.finishPositionNewTurn(e,s)}))}finishPositionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected){return}const t=this.viewport.getBoundingClientRect();const i=e.getBoundingClientRect().top-t.top+this.viewport.scrollTop;const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const a=l(r,"var(--dimension-space-800)");const o=Math.max(this.viewport.scrollHeight-this.viewport.clientHeight,0);const n=Math.min(Math.max(i-a,0),o);this.following=o-n<=b;this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.programmatic=true;this.viewport.scrollTop=n;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.programmatic=false;this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop()}));this.scrollOverlayController?.sync()}rememberActiveTurnAnchorTop(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;this.activeTurnAnchorViewportTop=this.activeTurnAnchor.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top}syncTurnClearance(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;const e=this.getTranscriptChildren();const s=e[e.length-1];if(!s)return;const t=this.activeTurnAnchor.getBoundingClientRect();const i=s.getBoundingClientRect();const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const a=l(r,"var(--dimension-space-800)");const o=Math.max(i.bottom-t.top,0);const n=Math.max(Math.ceil(this.viewport.clientHeight-a-o),0);if(n===this.turnClearance)return;this.turnClearance=n;this.el.style.setProperty("--ds-message-scroller-turn-clearance",`${n}px`)}applyDefaultPosition(){if(!this.viewport)return;this.releasePendingAtLiveEdge=false;if(this.defaultPosition==="start"){this.viewport.scrollTop=0;this.following=false;this.followReleased=true;this.showScrollToLatest=this.viewport.scrollHeight>this.viewport.clientHeight;this.scrollOverlayController?.sync();return}if(this.defaultPosition==="last-anchor"){const e=this.el.querySelectorAll("ds-message[scroll-anchor]");const s=e.item(e.length-1);if(s){s.scrollIntoView({block:"start"});this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.scrollOverlayController?.sync();return}}this.viewport.scrollTop=this.viewport.scrollHeight;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollOverlayController?.sync()}isAtLiveEdge(){if(!this.viewport)return true;return this.viewport.scrollHeight-this.viewport.clientHeight-this.viewport.scrollTop<=b}render(){return i(r,{key:"d6c544d0d9e08e717155a80327ef1a05c02adf53"},i("div",{key:"8e332cebac45b16508c4156896bf5b151f554cb7",class:"message-scroller"},i("div",{key:"9fb848af663212e48d5cf5c549260f2aa8e32311",class:"message-scroller__viewport",ref:e=>{this.viewport=e},role:"region","aria-label":this.messagesLabel,tabIndex:0,onScroll:this.handleScroll,onPointerDown:e=>{if(e.pointerType==="touch")this.releaseFollow()},onWheel:this.releaseFollow,onKeyDown:e=>{if(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)){this.releaseFollow()}}},i("div",{key:"35bcb0c8969be25f0bd94ad133ff68324af9a97a",class:"message-scroller__content scroll-edge-fade--block-window",ref:e=>{this.content=e},role:"log","aria-live":"polite","aria-relevant":"additions","aria-busy":this.busy?"true":undefined},i("slot",{key:"70767e9656c06342c12fb90d08d1c3714d3a6079",ref:e=>{this.transcriptSlot=e},onSlotchange:this.handleTranscriptSlotChange}))),i("div",{key:"5beaaef8197e43f26e37378c41aec840ed8a1c73",class:"message-scroller__overlay",ref:e=>{this.overlay=e}},i("div",{key:"6d5a3fba32fd44b824c08cb2dce12ab9835453db",class:"message-scroller__overlay-stack"},i("div",{key:"653f21cd3690d1a56d02c6824794c3e344f3b1d2",class:"message-scroller__interaction"},i("slot",{key:"b96fa4ec324708c904645ef0c07fc54c1e078437",name:"interaction"})),i("div",{key:"5949069bd02c9eebe80ee4e4f21cf5b959030763",class:"message-scroller__overlay-content"},i("slot",{key:"a23877c072211c9fd7a47ece3092ab518392fbf4",name:"overlay"})))),this.showScrollToLatest?i("div",{class:"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},i("ds-tooltip",{label:"Scroll to latest message",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:"ChevronDown",size:"md",rounded:true,hasBorder:false,"aria-label":"Scroll to latest message",onDsClick:()=>void this.scrollToEnd()}))):null))}get el(){return this}static get style(){return v()+p()}},[262,"ds-message-scroller",{busy:[4],autoFollow:[4,"auto-follow"],defaultPosition:[1,"default-position"],messagesLabel:[1,"messages-label"],showScrollToLatest:[32],scrollToMessage:[64],scrollToStart:[64],scrollToEnd:[64]}]);function w(){if(typeof customElements==="undefined"){return}const e=["ds-message-scroller","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-scroller":if(!customElements.get(a(e))){customElements.define(a(e),k)}break;case"ds-badge":if(!customElements.get(a(e))){n()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){d()}break;case"ds-icon":if(!customElements.get(a(e))){c()}break;case"ds-loader":if(!customElements.get(a(e))){h()}break;case"ds-text":if(!customElements.get(a(e))){f()}break;case"ds-tooltip":if(!customElements.get(a(e))){g()}break}}))}w();const y=k;const x=w;export{y as DsMessageScroller,x as defineCustomElement};
 //# sourceMappingURL=ds-message-scroller.js.map

package/dist/components/ds-message.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-CQnjpuMX.js";const p=o;const t=s;export{p as DsMessage,t as defineCustomElement};
+import{M as o,d as p}from"./p-9PpepIfc.js";const s=o;const t=p;export{s as DsMessage,t as defineCustomElement};
 //# sourceMappingURL=ds-message.js.map

package/dist/components/ds-mobile-bar-nav.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-BxkhBlKJ.js";const t=o;const p=s;export{t as DsMobileBarNav,p as defineCustomElement};
+import{M as o,d as s}from"./p-3_LHRdqq.js";const t=o;const p=s;export{t as DsMobileBarNav,p as defineCustomElement};
 //# sourceMappingURL=ds-mobile-bar-nav.js.map