@six-group/ui-library 0.0.0-insider.e8b5a11 → 0.0.0-insider.eb446eb

package/dist/ui-library/p-c47f11e4.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,g as e}from"./p-JoG9I7EO.js";import{P as n}from"./p-kHci8ddv.js";import{E as o}from"./p-C4h4qpGl.js";import{a as r,D as h}from"./p-CKhg9ibv.js";import{a as l}from"./p-j3oIB5oT.js";function a(t){const i=t.tabIndex;return i>-1}function d(t){if(a(t)){return t}if(t.shadowRoot!=null){const i=[...t.shadowRoot.children].find((t=>a(t)));if(i!=null){return i}}if(t.children!=null){return[...t.children].map((t=>d(t))).at(0)}return undefined}const u=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--six-z-index-dropdown)}.dropdown__positioner__filtered{width:100%}.dropdown__panel{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);color:var(--color);background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);border:1px solid var(--six-color-web-rock-300);box-shadow:var(--six-shadow-small);opacity:0;pointer-events:none;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;max-width:90vw}.dropdown__panel__scroll{max-height:18.75rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none}.dropdown__panel__scroll--virtual{overflow-y:hidden;overflow-x:hidden}.filter-hidden{display:none}.dropdown__positioner[data-popper-placement^=top] .dropdown__panel{transform-origin:bottom}.dropdown__positioner[data-popper-placement^=bottom] .dropdown__panel{transform-origin:top}.dropdown__positioner[data-popper-placement^=left] .dropdown__panel{transform-origin:right}.dropdown__positioner[data-popper-placement^=right] .dropdown__panel{transform-origin:left}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:none;pointer-events:all}.filter{border-bottom:1px solid var(--six-color-web-rock-300)}.filter__icon{color:var(--six-color-web-rock-600)}";let c=0;const f=class{constructor(e){t(this,e);this.sixShow=i(this,"six-dropdown-show");this.sixAfterShow=i(this,"six-dropdown-after-show");this.sixHide=i(this,"six-dropdown-hide");this.sixAfterHide=i(this,"six-dropdown-after-hide");this.sixAutoFilter=i(this,"six-dropdown-auto-filter-fired");this.sixAsyncFilterFired=i(this,"six-async-filter-fired");this.sixScroll=i(this,"six-dropdown-scroll");this.componentId=`dropdown-${++c}`;this.isVisible=false;this.resizeObserver=new ResizeObserver(r((()=>this.updatePanelPosition()),100));this.open=false;this.placement="bottom-start";this.closeOnSelect=true;this.distance=4;this.skidding=0;this.hoist=false;this.filter=false;this.asyncFilter=false;this.filterPlaceholder="Filter...";this.autofocusFilter=true;this.filterDebounce=0;this.disableHideOnEnterAndSpace=false;this.options=[];this.virtualScroll=false;this.matchTriggerWidth=false;this.eventListeners=new o;this.renderedOptions=[];this.getMenuItems=()=>{var t,i,e,n;if(this.options.length>0){return{sixMenuItems:this.renderedOptions.map((t=>s("six-menu-item",{value:t.value},t.label))),selectionContainerItems:[]}}if(this.panel==null)return{sixMenuItems:[],selectionContainerItems:[]};const o=(t=this.panelSlot)===null||t===void 0?void 0:t.assignedElements({flatten:true}).filter(m).at(0);const r=(i=this.panelSlot)===null||i===void 0?void 0:i.assignedElements({flatten:true}).filter(p).at(0);const h=(o===null||o===void 0?void 0:o.querySelectorAll("six-menu-item"))||[];let l=((e=r===null||r===void 0?void 0:r.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements().filter((t=>v(t))))||[];if(l.length===0){l=Array.from(((n=r===null||r===void 0?void 0:r.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("six-menu-item"))||[])}if(h.length>0||l.length>0){return{sixMenuItems:l,selectionContainerItems:[...h]}}else{return{sixMenuItems:r?Array.from(r.querySelectorAll("six-menu-item")):[],selectionContainerItems:[]}}};this.handleDocumentKeyDown=t=>{var i;const s=t;if(s.key==="Escape"){void this.hide();this.focusOnTrigger();return}if(this.filterInputElement===((i=this.host.shadowRoot)===null||i===void 0?void 0:i.activeElement)){if(s.key==="ArrowDown"){const{sixMenuItems:t,selectionContainerItems:i}=this.getMenuItems();const s=[...i,...t].find((t=>t.style.display!=="none"));if(s!=null){s.setFocus()}}}if(s.key==="Tab"){if(this.open&&document.activeElement!=null&&v(document.activeElement)){s.preventDefault();void this.hide();this.focusOnTrigger();return}setTimeout((()=>{var t,i;const s=this.container.getRootNode()instanceof ShadowRoot?(i=(t=document.activeElement)===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.activeElement:document.activeElement;if((s===null||s===void 0?void 0:s.closest(this.container.tagName.toLowerCase()))!==this.container){void this.hide();return}}))}};this.handleDocumentMouseDown=t=>{const i=t.composedPath();if(!i.includes(this.container)){void this.hide();return}};this.handlePanelSelect=t=>{const i=t.target;if(this.closeOnSelect&&p(i)){void this.hide();this.focusOnTrigger()}};this.handleTriggerClick=()=>{this.open?this.hide():this.show()};this.handleTriggerKeyDown=t=>{if(t.key==="Escape"){this.focusOnTrigger();void this.hide();return}if(!this.disableHideOnEnterAndSpace&&[" ","Enter"].includes(t.key)){t.preventDefault();this.open?void this.hide():void this.show();return}const i=this.getMenu();if(["ArrowDown","ArrowUp"].includes(t.key)){t.preventDefault();if(!this.open){void this.show()}if(i==null){return}const s=[...i.querySelectorAll("six-menu-item")];const e=s.at(0);const n=s.at(s.length-1);if(t.key==="ArrowDown"&&e!=null){e.setFocus();return}if(t.key==="ArrowUp"&&n!=null){n.setFocus();return}}const s=["Tab","Shift","Meta","Ctrl","Alt"];if(this.open&&i!=null&&!s.includes(t.key)){void i.typeToSelect(t.key);return}};this.handleTriggerKeyUp=t=>{if(t.key===" "){t.preventDefault()}};this.handleTriggerSlotChange=()=>{this.updateAccessibleTrigger()};this.handleDropdownScroll=()=>{if(this.scrollPanel==null)return;this.sixScroll.emit({scrollHeight:this.scrollPanel.scrollHeight,scrollTop:this.scrollPanel.scrollTop,scrollbarHeight:this.scrollPanel.offsetHeight*(this.scrollPanel.offsetHeight/this.scrollPanel.scrollHeight),scrollRatio:this.scrollPanel.scrollTop/(this.scrollPanel.scrollHeight-this.scrollPanel.clientHeight)})}}get filterEnabled(){return this.filter||this.asyncFilter}get container(){return this.containingElement||this.host}handleOpenChange(){this.open?this.show():this.hide();this.updateAccessibleTrigger()}handlePopoverOptionsChange(){if(this.popoverHelper==null)return;this.popoverHelper.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding})}handleOptionsChange(){this.validateOptions()}validateOptions(){if(!Array.isArray(this.options)){this.options=[]}if(this.virtualScroll&&this.options.length===0){console.error("Options must be defined when using virtual scrolling")}this.renderedOptions=[...this.options]}componentWillLoad(){this.validateOptions();if(this.asyncFilter){this.filterDebounce=h}}componentDidLoad(){this.init();if(this.open){void this.show()}}connectedCallback(){this.init()}init(){this.initPopover();const t=this.filterInputElement;if(t!=null){this.eventListeners.add(t,"six-input-input",r((()=>{var i;const s=(i=t.value)!==null&&i!==void 0?i:"";if(this.filter){this.applyFilter(s)}this.emitFilterEvents(s)}),this.filterDebounce))}}applyFilter(t){var i;const s=((i=t.toLowerCase())===null||i===void 0?void 0:i.trim())||"";if(this.options.length>0){this.renderedOptions=this.options.filter((t=>{var i,e,n,o;return t.label&&((e=(i=String(t.label))===null||i===void 0?void 0:i.toLowerCase())===null||e===void 0?void 0:e.includes(s))||t.value&&((o=(n=String(t.value))===null||n===void 0?void 0:n.toLowerCase())===null||o===void 0?void 0:o.includes(s))}))}else{const{selectionContainerItems:t,sixMenuItems:i}=this.getMenuItems();const e=t.map((t=>t.value));t.forEach((async t=>{t.style.display=await b(t,s)?"unset":"none"}));i.forEach((async t=>{t.style.display=await b(t,s)&&!e.includes(t.value)?"unset":"none"}))}}resetFilter(){if(this.filterInputElement!=null){this.filterInputElement.value="";this.emitFilterEvents("")}if(this.options.length>0){this.renderedOptions=[...this.options]}else{const{selectionContainerItems:t,sixMenuItems:i}=this.getMenuItems();[...t,...i].forEach((t=>t.style.display="unset"))}}emitFilterEvents(t){if(this.filter){this.sixAutoFilter.emit({filterValue:t})}else if(this.asyncFilter){this.sixAsyncFilterFired.emit({filterValue:t})}}initPopover(){if(this.trigger==null||this.positioner==null)return;this.popoverHelper=new n(this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>{if(this.filterEnabled){this.resetFilter()}this.sixAfterHide.emit()},onAfterShow:async()=>{this.sixAfterShow.emit()},onTransitionEnd:()=>{if(!this.open&&this.scrollPanel!=null){this.scrollPanel.scrollTop=0}}})}disconnectedCallback(){var t;this.resizeObserver.disconnect();this.eventListeners.removeAll();void this.hide();(t=this.popoverHelper)===null||t===void 0?void 0:t.destroy();this.popoverHelper=undefined}async show(){if(this.isVisible||this.popoverHelper==null||this.panel==null){return}const t=this.sixShow.emit();if(t.defaultPrevented){this.open=false;return}this.eventListeners.add(this.panel,"six-menu-item-selected",this.handlePanelSelect);this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown);this.isVisible=true;this.open=true;if(this.trigger!=null){this.resizeObserver.observe(this.trigger)}this.updatePanelPosition();this.popoverHelper.show();if(this.filterEnabled&&this.autofocusFilter){requestAnimationFrame((()=>{var t;(t=this.filterInputElement)===null||t===void 0?void 0:t.setFocus()}))}}updatePanelPosition(){if(!this.open){return}if(this.matchTriggerWidth&&this.trigger!=null&&this.panel!=null){const t=this.trigger.getBoundingClientRect().width;this.panel.style.minWidth=`${t}px`}if(this.popoverHelper!=null){this.popoverHelper.reposition()}}async hide(){this.resizeObserver.disconnect();if(!this.isVisible||this.panel==null||this.popoverHelper==null){return}const t=this.sixHide.emit();if(t.defaultPrevented){this.open=true;return}this.eventListeners.remove(this.panel,"six-menu-item-selected",this.handlePanelSelect);this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown);this.isVisible=false;this.open=false;this.popoverHelper.hide()}focusOnTrigger(){var t;if(this.trigger==null)return;const i=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements({flatten:true}).at(0);if(i!=null){if(typeof i.setFocus==="function"){i.setFocus()}else if(typeof i.focus==="function"){i.focus()}}}getMenu(){var t;return(t=this.panelSlot)===null||t===void 0?void 0:t.assignedElements({flatten:true}).filter(p).at(0)}updateAccessibleTrigger(){var t;if(this.trigger==null)return;const i=((t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements({flatten:true}))||[];const s=i.map(d).at(0);if(s!=null){s.setAttribute("aria-haspopup","true");s.setAttribute("aria-expanded",this.open?"true":"false")}}render(){return s("div",{key:"46305375a199fb17ae66ca3b6678634844d0b8a2",part:"base",id:this.componentId,class:{dropdown:true,"dropdown--open":this.open}},s("span",{key:"2a53d2cf2b75607614f39675cabfe1362b297e70",part:"trigger",class:"dropdown__trigger",ref:t=>this.trigger=t,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown,onKeyUp:this.handleTriggerKeyUp},s("slot",{key:"d8abcd455c768fded48df4c18b8191e365db4ab1",name:"trigger",ref:t=>this.triggerSlot=t,onSlotchange:this.handleTriggerSlotChange})),s("div",{key:"fd0e0352800daebdc9843442901cad9769d3199a",ref:t=>this.positioner=t,class:{dropdown__positioner:true,dropdown__positioner__filtered:(this.filter||this.asyncFilter)&&!this.hoist}},s("div",{key:"2d72ca0ba1a5cbb480727e325048f7a171fb7af8",ref:t=>this.panel=t,part:"panel",class:"dropdown__panel",role:"menu","aria-hidden":this.open?"false":"true","aria-labelledby":this.componentId},this.filterEnabled&&s("six-input",{key:"a22263fb924be51081598579391774c82a09852f",class:{filter:true,"filter-hidden":!this.open},"dropdown-search":true,"aria-hidden":this.open?"false":"true",ref:t=>this.filterInputElement=t,placeholder:this.filterPlaceholder},s("six-icon",{key:"7a8fc9e25e7e209b5b0aa05af5dcefca87e3b9d5",class:"filter__icon",slot:"suffix",size:"small"},"search")),s("div",{key:"bedcab39d656be8ce064852ef9344b4fbbf60b17",class:{dropdown__panel__scroll:true,"dropdown__panel__scroll--virtual":this.virtualScroll},onScroll:this.handleDropdownScroll,ref:t=>this.scrollPanel=t},s("slot",{key:"21acba56de1fba98afdfda60e8b09816a70ac057",ref:t=>this.panelSlot=t}),this.options.length>0&&s("six-menu",{key:"d7d429d062bf111ffdaf667ada0efe640136871a",part:"menu",items:this.renderedOptions,virtualScroll:this.virtualScroll})),s("slot",{key:"e23be3aa659ed7fa4a513d82c982733b58a6e9db",name:"dropdown-footer"}))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"],distance:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"],placement:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],options:["handleOptionsChange"],virtualScroll:["handleOptionsChange"]}}};function p(t){return(t===null||t===void 0?void 0:t.tagName.toLowerCase())==="six-menu"}function v(t){return(t===null||t===void 0?void 0:t.tagName.toLowerCase())==="six-menu-item"}function m(t){var i;return((i=t===null||t===void 0?void 0:t.getAttribute("class"))===null||i===void 0?void 0:i.includes("selection-container"))||false}async function b(t,i){return t.value.toLowerCase().includes(i)||(await t.getTextLabel()).toLowerCase().includes(i)}f.style=u;const w=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu{padding:var(--six-spacing-xx-small) 0;border:none;box-shadow:var(--six-shadow-small);overflow-y:auto;overflow-x:hidden}.menu:focus{outline:none}.no-shadow{box-shadow:none}";const x=t=>{var i,s,e;return(e=(s=(i=t===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".menu-item"))===null||s===void 0?void 0:s.classList)===null||e===void 0?void 0:e.contains("menu-item--focused")};const g=t=>(t===null||t===void 0?void 0:t.tagName.toLowerCase())==="six-menu-item";const y=({value:t,label:i})=>s("six-menu-item",{key:t,value:t},i);const _=5;const k=48;const C=64;const I=class{constructor(s){t(this,s);this.sixMenuItemSelected=i(this,"six-menu-item-selected");this.eventListeners=new o;this.typeToSelectString="";this.removeBoxShadow=false;this.items=null;this.virtualScroll=false;this.itemSize=10;this.scrollingDebounce=15;this.disableKeyboardHandling=false;this.scrollingIndex=0;this.sixMenuItemHeight=this.virtualScroll?k:C;this.handleScrolling=()=>{if(this.menuWrapper==null)return;this.scrollingIndex=Math.floor(this.menuWrapper.scrollTop/this.sixMenuItemHeight)}}connectedCallback(){this.handleClick=this.handleClick.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this)}componentWillLoad(){if(this.items===null){return}}componentDidLoad(){this.setupForVirtualScrollingAfterRendering()}disconnectedCallback(){this.eventListeners.removeAll()}async typeToSelect(t){var i;clearTimeout(this.typeToSelectTimeout);this.typeToSelectTimeout=setTimeout((()=>this.typeToSelectString=""),750);this.typeToSelectString+=t.toLowerCase();const s=this.getItems();for(const t of s){const s=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot:not([name])");const e=l(s).toLowerCase().trim();if(e.substring(0,this.typeToSelectString.length)===this.typeToSelectString){t.setFocus();break}}}getItemsShown(){var t;const i=this.virtualScroll?_:0;if(this.items&&this.items.length===1){return 0}return(t=this.itemsShown)!==null&&t!==void 0?t:i}setupForVirtualScrollingAfterRendering(){var t,i;if(!this.virtualScroll||this.menuWrapper==null)return;this.eventListeners.add(this.menuWrapper,"scroll",r(this.handleScrolling,this.scrollingDebounce));const s=(i=(t=this.menu)===null||t===void 0?void 0:t.querySelector("six-menu-item"))===null||i===void 0?void 0:i.clientHeight;if(s!=null&&s>0){this.sixMenuItemHeight=s}}getItems(){if(this.menu==null)return[];if(this.items!=null){return this.items.map(y)}const t=this.menu.querySelector("slot");if(t==null)return[];return[...t.assignedElements({flatten:true})].filter((t=>g(t)&&!t.disabled))}getActiveItemIndex(){const t=this.getItems();const i=this.getActiveItem();if(i!=null){const s=t.indexOf(i);if(s>-1){return s}}const s=this.extractItemsFromDOM();return s.findIndex(x)}getActiveItem(){var t;const i=this.getItems().find((t=>t===document.activeElement));if(i!=null){return i}return(t=this.extractItemsFromDOM())===null||t===void 0?void 0:t.find(x)}extractItemsFromDOM(){var t,i;return Array.from((i=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("six-menu-item"))!==null&&i!==void 0?i:[])}setActiveItem(t){t===null||t===void 0?void 0:t.setFocus()}handleClick(t){const i=t.target;const s=i.closest("six-menu-item");if(s&&!s.disabled){this.sixMenuItemSelected.emit({name:s.value,item:s})}}handleKeyDown(t){if(this.disableKeyboardHandling){return}if(t.key==="Enter"){const i=this.getActiveItem();t.preventDefault();if(i!=null){this.sixMenuItemSelected.emit({name:i.value,item:i})}}if(t.key===" "){t.preventDefault()}if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){const i=this.items===null?this.getItems():this.extractItemsFromDOM();let s=this.getActiveItemIndex();if(i.length>0){t.preventDefault();if(t.key==="ArrowDown"){s++}else if(t.key==="ArrowUp"){s--}else if(t.key==="Home"){s=0}else if(t.key==="End"){s=i.length-1}if(s<0)s=0;if(s>i.length-1)s=i.length-1;this.setActiveItem(i[s]);return}}void this.typeToSelect(t.key)}getMenuWrapperStyle(){var t;const i={};if(this.getItemsShown()>0){i.height=`${((t=this.getItemsShown())!==null&&t!==void 0?t:0)*this.sixMenuItemHeight}px`}else if(this.items&&this.items.length===1){i.height="auto"}return Object.assign({},i)}getMenuContainerStyle(){const t={};if(this.virtualScroll){t.transform=`translateY(${this.sixMenuItemHeight*this.scrollingIndex}px)`}return Object.assign({},t)}getScrollbarGhostStyle(){const t={};if(this.virtualScroll&&this.items!==null&&this.items.length>1){t.height=`${this.items.length*this.sixMenuItemHeight-this.itemSize*this.sixMenuItemHeight}px`}return Object.assign({},t)}renderItems(){if(this.items===undefined||this.items===null){return}if(!this.virtualScroll){return this.items.map(y)}return this.items.slice(this.scrollingIndex,Math.min(this.items.length,this.itemSize+this.scrollingIndex)).map((({value:t,label:i})=>s("six-menu-item",{checkType:"check",key:t,value:t},i)))}render(){return s("div",{key:"64f48c7033d88a86327d7c1134c0b07d7d86a7c9",ref:t=>this.menuWrapper=t,style:this.getMenuWrapperStyle(),part:"wrapper",class:{menu:true,".no-shadow":this.removeBoxShadow}},s("div",{key:"8cfbdca4fce2dd79c5c44485c441415984c889f3",ref:t=>this.menu=t,part:"base",role:"menu",onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabIndex:0,style:this.getMenuContainerStyle()},s("slot",{key:"02465176c43a16b3b4801cca8d0e2b1f928eda22"}),this.renderItems()),this.virtualScroll&&s("div",{key:"fdfb7c58a92cc3d922aba5e7f47a94a861e47c7b",style:this.getScrollbarGhostStyle()}))}get host(){return e(this)}};I.style=w;export{f as six_dropdown,I as six_menu};
+//# sourceMappingURL=p-c47f11e4.entry.js.map

package/dist/ui-library/p-c47f11e4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTabbable","el","tabIndex","getNearestTabbableElement","shadowRoot","tabbableShadowChild","children","find","e","map","at","undefined","sixDropdownCss","id","SixDropdown","constructor","hostRef","this","componentId","isVisible","resizeObserver","ResizeObserver","debounce","updatePanelPosition","open","placement","closeOnSelect","distance","skidding","hoist","filter","asyncFilter","filterPlaceholder","autofocusFilter","filterDebounce","disableHideOnEnterAndSpace","options","virtualScroll","matchTriggerWidth","eventListeners","EventListeners","renderedOptions","getMenuItems","length","sixMenuItems","option","h","value","label","selectionContainerItems","panel","selectionContainer","_a","panelSlot","assignedElements","flatten","isSelectionContainer","sixMenuElement","_b","isSixMenu","querySelectorAll","_c","querySelector","isSixMenuItem","Array","from","_d","handleDocumentKeyDown","event","keyboardEvent","key","hide","focusOnTrigger","filterInputElement","host","activeElement","item","style","display","setFocus","document","preventDefault","setTimeout","container","getRootNode","ShadowRoot","closest","tagName","toLowerCase","handleDocumentMouseDown","path","composedPath","includes","handlePanelSelect","target","handleTriggerClick","show","handleTriggerKeyDown","menu","getMenu","menuItems","firstMenuItem","lastMenuItem","ignoredKeys","typeToSelect","handleTriggerKeyUp","handleTriggerSlotChange","updateAccessibleTrigger","handleDropdownScroll","scrollPanel","sixScroll","emit","scrollHeight","scrollTop","scrollbarHeight","offsetHeight","scrollRatio","clientHeight","filterEnabled","containingElement","handleOpenChange","handlePopoverOptionsChange","popoverHelper","setOptions","strategy","handleOptionsChange","validateOptions","isArray","console","error","componentWillLoad","DEFAULT_DEBOUNCE_FAST","componentDidLoad","init","connectedCallback","initPopover","add","filterValue","applyFilter","emitFilterEvents","filterTerm","lowerCaseFilterTerm","trim","String","selectionContainerValues","s","forEach","async","menuItem","containsFilterTerm","resetFilter","sixAutoFilter","sixAsyncFilterFired","trigger","positioner","Popover","transitionElement","onAfterHide","sixAfterHide","onAfterShow","sixAfterShow","onTransitionEnd","disconnectedCallback","disconnect","removeAll","destroy","sixShow","defaultPrevented","observe","requestAnimationFrame","width","getBoundingClientRect","minWidth","reposition","sixHide","remove","triggerSlot","focus","accessibleTrigger","setAttribute","render","part","class","dropdown","ref","onClick","onKeyDown","onKeyUp","name","onSlotchange","dropdown__positioner","dropdown__positioner__filtered","role","placeholder","slot","size","dropdown__panel__scroll","onScroll","items","getAttribute","getTextLabel","sixMenuCss","isFocusedMenuItem","classList","contains","isSIXMenuItemElement","mapToMenuItem","DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING","DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING","DEFAULT_SIX_MENU_ITEM_HEIGHT","SixMenu","typeToSelectString","removeBoxShadow","itemSize","scrollingDebounce","disableKeyboardHandling","scrollingIndex","sixMenuItemHeight","handleScrolling","menuWrapper","Math","floor","handleClick","bind","handleKeyDown","setupForVirtualScrollingAfterRendering","clearTimeout","typeToSelectTimeout","getItems","getTextContent","substring","getItemsShown","defaultItemsShown","itemsShown","menuItemHeight","disabled","getActiveItemIndex","selectedItem","getActiveItem","itemIndex","indexOf","extractItemsFromDOM","findIndex","i","setActiveItem","clickedItem","sixMenuItemSelected","activeItem","indexOfActiveItem","getMenuWrapperStyle","styles","height","Object","assign","getMenuContainerStyle","transform","getScrollbarGhostStyle","renderItems","slice","min","checkType"],"sources":["src/utils/tabbable.ts","src/components/six-dropdown/six-dropdown.scss?tag=six-dropdown&encapsulation=shadow","src/components/six-dropdown/six-dropdown.tsx","src/components/six-menu/six-menu.scss?tag=six-menu&encapsulation=shadow","src/components/six-menu/six-menu.tsx"],"sourcesContent":["export function isTabbable(el: HTMLElement) {\n  const tabIndex = el.tabIndex;\n  return tabIndex > -1;\n}\n\nexport function getNearestTabbableElement(el: HTMLElement): HTMLElement | undefined {\n  // Check the element\n  if (isTabbable(el)) {\n    return el;\n  }\n\n  // Check the element's shadow root\n  if (el.shadowRoot != null) {\n    const tabbableShadowChild = [...el.shadowRoot.children].find((e) => isTabbable(e as HTMLElement)) as HTMLElement;\n    if (tabbableShadowChild != null) {\n      return tabbableShadowChild;\n    }\n  }\n\n  // Check the element's children\n  if (el.children != null) {\n    return [...el.children].map((e) => getNearestTabbableElement(e as HTMLElement)).at(0);\n  }\n\n  return undefined;\n}\n","@import 'src/global/component';\n@import 'src/global/mixins/scrollbar';\n\n:host {\n  display: inline-block;\n}\n\n.dropdown {\n  position: relative;\n}\n\n.dropdown__trigger {\n  display: block;\n}\n\n.dropdown__positioner {\n  position: absolute;\n  z-index: var(--six-z-index-dropdown);\n\n  &__filtered {\n    width: 100%;\n  }\n}\n\n.dropdown__panel {\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  color: var(--color);\n  background-color: var(--six-panel-background-color);\n  border-radius: var(--six-border-radius-medium);\n  border: 1px solid var(--six-color-web-rock-300);\n  box-shadow: var(--six-shadow-small);\n  opacity: 0;\n  pointer-events: none;\n  transform: scale(0.9);\n  transition:\n    var(--six-transition-fast) opacity,\n    var(--six-transition-fast) transform;\n  max-width: 90vw;\n}\n\n.dropdown__panel__scroll {\n  max-height: 18.75rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: none;\n\n  &--virtual {\n    overflow-y: hidden;\n    overflow-x: hidden;\n  }\n}\n\n.filter-hidden {\n  display: none;\n}\n\n.dropdown__positioner {\n  &[data-popper-placement^='top'] .dropdown__panel {\n    transform-origin: bottom;\n  }\n\n  &[data-popper-placement^='bottom'] .dropdown__panel {\n    transform-origin: top;\n  }\n\n  &[data-popper-placement^='left'] .dropdown__panel {\n    transform-origin: right;\n  }\n\n  &[data-popper-placement^='right'] .dropdown__panel {\n    transform-origin: left;\n  }\n\n  &.popover-visible .dropdown__panel {\n    opacity: 1;\n    transform: none;\n    pointer-events: all;\n  }\n}\n\n.filter {\n  border-bottom: 1px solid var(--six-color-web-rock-300);\n\n  &__icon {\n    color: var(--six-color-web-rock-600);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { getNearestTabbableElement } from '../../utils/tabbable';\nimport Popover from '../../utils/popover';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { EmptyPayload } from '../../utils/types';\nimport { SixMenuItemData } from '../six-menu/six-menu';\n\nexport interface SixDropdownAutoFilterPayload {\n  filterValue: string;\n}\n\nexport interface SixDropdownAsyncFilterPayload {\n  filterValue: string;\n}\n\nexport interface SixDropdownScrollPayload {\n  scrollHeight: number;\n  scrollTop: number;\n  scrollbarHeight: number;\n  scrollRatio: number;\n}\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot trigger - The dropdown's trigger, usually a `<six-button>` element.\n * @slot dropdown-footer - The dropdown's footer area.\n * @slot - The dropdown's content.\n *\n * @part base - The component's base wrapper.\n * @part trigger - The container that wraps the trigger.\n * @part panel - The panel that gets shown when the dropdown is open.\n */\n\n@Component({\n  tag: 'six-dropdown',\n  styleUrl: 'six-dropdown.scss',\n  shadow: true,\n})\nexport class SixDropdown {\n  private componentId = `dropdown-${++id}`;\n  private isVisible = false;\n  private panel?: HTMLElement;\n  private scrollPanel?: HTMLElement;\n  private panelSlot?: HTMLSlotElement;\n  private positioner?: HTMLElement;\n  private popoverHelper?: Popover;\n  private trigger?: HTMLElement;\n  private triggerSlot?: HTMLSlotElement;\n  private resizeObserver = new ResizeObserver(debounce(() => this.updatePanelPosition(), 100));\n\n  // the input element shown in the dropdown when filter is set to true\n  private filterInputElement?: HTMLSixInputElement;\n\n  @Element() host!: HTMLSixDropdownElement;\n\n  /** Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside the viewport.\n   */\n  @Prop() placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Determines whether the dropdown should hide when a menu item is selected. */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() closeOnSelect = true;\n\n  /** The distance in pixels from which to offset the panel away from its trigger. */\n  @Prop() distance = 4;\n\n  /** The distance in pixels from which to offset the panel along its trigger. */\n  @Prop() skidding = 0;\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */\n  @Prop() containingElement?: HTMLElement;\n\n  /**\n   * Set to true to allow auto filtering for entries in the dropdown.\n   * With this flag the dropdown will automatically filter itsel.\n   * If you need to coordinate the shown elements yourself,\n   * e.g. because you need to call an endpoint use asyncFilter instead\n   */\n  @Prop() filter = false;\n\n  /**\n   * Set to true to allow async filtering.\n   * When you enter something in the search field the component will only emit an event but not filter any elements itself.\n   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself\n   */\n  @Prop() asyncFilter = false;\n\n  /** The filter's placeholder text. */\n  @Prop() filterPlaceholder = 'Filter...';\n\n  /** By default the search field will be focused when opening a dropdown with filtering enabled. */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() autofocusFilter = true;\n\n  get filterEnabled() {\n    return this.filter || this.asyncFilter;\n  }\n\n  /** The debounce for the filter callbacks. */\n  @Prop({ mutable: true }) filterDebounce = 0;\n\n  /** The panel can be opend/closed by pressing the spacebar or the enter key. In some cases you might want to avoid this */\n  @Prop() disableHideOnEnterAndSpace = false;\n\n  /** Set the options to be shown in the dropdown (alternative to setting the elements via html)*/\n  @Prop({ mutable: true }) options: SixMenuItemData[] = [];\n\n  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n  @Prop() virtualScroll = false;\n\n  /**\n   * Determines if the dropdown panel's width should match the width of the trigger element.\n   *\n   * If set to `true`, the panel will resize its width to align with the trigger's width.\n   * If `false` or omitted, the panel will maintain its default width.\n   */\n  @Prop() matchTriggerWidth = false;\n\n  get container() {\n    return this.containingElement || this.host;\n  }\n\n  /** Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-dropdown-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dropdown opens and all transitions are complete. */\n  @Event({ eventName: 'six-dropdown-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-dropdown-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dropdown closes and all transitions are complete. */\n  @Event({ eventName: 'six-dropdown-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the auto filter is triggered */\n  @Event({ eventName: 'six-dropdown-auto-filter-fired' }) sixAutoFilter!: EventEmitter<SixDropdownAutoFilterPayload>;\n\n  /** Emitted when the async filter is triggered */\n  @Event({ eventName: 'six-async-filter-fired' }) sixAsyncFilterFired!: EventEmitter<SixDropdownAsyncFilterPayload>;\n\n  /** Emitted when the user scrolls inside dropdown panel.*/\n  @Event({ eventName: 'six-dropdown-scroll' }) sixScroll!: EventEmitter<SixDropdownScrollPayload>;\n\n  private eventListeners = new EventListeners();\n\n  // internal representation of options, so we don't have to make options mutable\n  @State() renderedOptions: SixMenuItemData[] = [];\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n    this.updateAccessibleTrigger();\n  }\n\n  @Watch('distance')\n  @Watch('hoist')\n  @Watch('placement')\n  @Watch('skidding')\n  handlePopoverOptionsChange() {\n    if (this.popoverHelper == null) return;\n\n    this.popoverHelper.setOptions({\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n    });\n  }\n\n  @Watch('options')\n  @Watch('virtualScroll')\n  handleOptionsChange() {\n    this.validateOptions();\n  }\n\n  private validateOptions() {\n    if (!Array.isArray(this.options)) {\n      this.options = [];\n    }\n    if (this.virtualScroll && this.options.length === 0) {\n      console.error('Options must be defined when using virtual scrolling');\n    }\n    this.renderedOptions = [...this.options];\n  }\n\n  componentWillLoad() {\n    this.validateOptions();\n    if (this.asyncFilter) {\n      this.filterDebounce = DEFAULT_DEBOUNCE_FAST;\n    }\n  }\n\n  componentDidLoad() {\n    this.init();\n    if (this.open) {\n      void this.show();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n  }\n\n  private init() {\n    this.initPopover();\n\n    // listen to filter\n    const filterInputElement = this.filterInputElement;\n    if (filterInputElement != null) {\n      this.eventListeners.add(\n        filterInputElement,\n        'six-input-input',\n        debounce(() => {\n          const filterValue = filterInputElement.value ?? '';\n          if (this.filter) {\n            this.applyFilter(filterValue);\n          }\n          this.emitFilterEvents(filterValue);\n        }, this.filterDebounce)\n      );\n    }\n  }\n\n  private applyFilter(filterTerm: string) {\n    const lowerCaseFilterTerm = filterTerm.toLowerCase()?.trim() || '';\n    if (this.options.length > 0) {\n      this.renderedOptions = this.options.filter(\n        (option) =>\n          (option.label && String(option.label)?.toLowerCase()?.includes(lowerCaseFilterTerm)) ||\n          (option.value && String(option.value)?.toLowerCase()?.includes(lowerCaseFilterTerm))\n      );\n    } else {\n      const { selectionContainerItems, sixMenuItems } = this.getMenuItems();\n      const selectionContainerValues = selectionContainerItems.map((s) => s.value);\n\n      // Filter items in selection container\n      selectionContainerItems.forEach(async (menuItem) => {\n        menuItem.style.display = (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) ? 'unset' : 'none';\n      });\n\n      // Filter other items. Always hide items which contained in the selection container.\n      sixMenuItems.forEach(async (menuItem) => {\n        menuItem.style.display =\n          (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) &&\n          !selectionContainerValues.includes(menuItem.value)\n            ? 'unset'\n            : 'none';\n      });\n    }\n  }\n\n  private resetFilter() {\n    if (this.filterInputElement != null) {\n      this.filterInputElement.value = '';\n      this.emitFilterEvents('');\n    }\n    if (this.options.length > 0) {\n      this.renderedOptions = [...this.options];\n    } else {\n      const { selectionContainerItems, sixMenuItems } = this.getMenuItems();\n      [...selectionContainerItems, ...sixMenuItems].forEach((item) => (item.style.display = 'unset'));\n    }\n  }\n\n  private emitFilterEvents(filterValue: string) {\n    if (this.filter) {\n      this.sixAutoFilter.emit({ filterValue });\n    } else if (this.asyncFilter) {\n      this.sixAsyncFilterFired.emit({ filterValue });\n    }\n  }\n\n  private initPopover() {\n    if (this.trigger == null || this.positioner == null) return;\n    this.popoverHelper = new Popover(this.trigger, this.positioner, {\n      strategy: this.hoist ? 'fixed' : 'absolute',\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n      transitionElement: this.panel,\n      onAfterHide: () => {\n        if (this.filterEnabled) {\n          this.resetFilter();\n        }\n        this.sixAfterHide.emit();\n      },\n      onAfterShow: async () => {\n        this.sixAfterShow.emit();\n      },\n      onTransitionEnd: () => {\n        if (!this.open && this.scrollPanel != null) {\n          this.scrollPanel.scrollTop = 0;\n        }\n      },\n    });\n  }\n\n  private getMenuItems = (): {\n    selectionContainerItems: HTMLSixMenuItemElement[];\n    sixMenuItems: HTMLSixMenuItemElement[];\n  } => {\n    if (this.options.length > 0) {\n      return {\n        sixMenuItems: this.renderedOptions.map((option) => (\n          <six-menu-item value={option.value}>{option.label}</six-menu-item>\n        )),\n        selectionContainerItems: [],\n      };\n    }\n    if (this.panel == null) return { sixMenuItems: [], selectionContainerItems: [] };\n\n    // Relies on the implementation of six-select. Its dropdown slot contains two elements,\n    // one for the selected menu items, and one for the other items.\n    const selectionContainer = this.panelSlot?.assignedElements({ flatten: true }).filter(isSelectionContainer).at(0);\n    const sixMenuElement = this.panelSlot?.assignedElements({ flatten: true }).filter(isSixMenu).at(0) as\n      | HTMLSixMenuElement\n      | undefined;\n    const selectionContainerItems = selectionContainer?.querySelectorAll('six-menu-item') || [];\n    let sixMenuItems: HTMLSixMenuItemElement[] =\n      sixMenuElement\n        ?.querySelector('slot')\n        ?.assignedElements()\n        .filter((el): el is HTMLSixMenuItemElement => isSixMenuItem(el)) || [];\n\n    if (sixMenuItems.length === 0) {\n      sixMenuItems = Array.from(sixMenuElement?.shadowRoot?.querySelectorAll('six-menu-item') || []);\n    }\n\n    if (selectionContainerItems.length > 0 || sixMenuItems.length > 0) {\n      return { sixMenuItems, selectionContainerItems: [...selectionContainerItems] };\n    } else {\n      return {\n        sixMenuItems: sixMenuElement ? Array.from(sixMenuElement.querySelectorAll('six-menu-item')) : [],\n        selectionContainerItems: [],\n      };\n    }\n  };\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n    this.eventListeners.removeAll();\n    void this.hide();\n    this.popoverHelper?.destroy();\n    this.popoverHelper = undefined;\n  }\n\n  /** Shows the dropdown panel */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible || this.popoverHelper == null || this.panel == null) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.eventListeners.add(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n    this.eventListeners.add(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n\n    this.isVisible = true;\n    this.open = true;\n\n    if (this.trigger != null) {\n      this.resizeObserver.observe(this.trigger);\n    }\n    this.updatePanelPosition();\n    this.popoverHelper.show();\n\n    if (this.filterEnabled && this.autofocusFilter) {\n      requestAnimationFrame(() => {\n        this.filterInputElement?.setFocus();\n      });\n    }\n  }\n\n  /**\n   * Set min width of dropdown panel to the width of the trigger element\n   */\n  private updatePanelPosition() {\n    if (!this.open) {\n      return;\n    }\n\n    if (this.matchTriggerWidth && this.trigger != null && this.panel != null) {\n      const width = this.trigger.getBoundingClientRect().width;\n      this.panel.style.minWidth = `${width}px`;\n    }\n\n    if (this.popoverHelper != null) {\n      this.popoverHelper.reposition();\n    }\n  }\n\n  /** Hides the dropdown panel */\n  @Method()\n  async hide() {\n    this.resizeObserver.disconnect();\n\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible || this.panel == null || this.popoverHelper == null) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.eventListeners.remove(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n    this.eventListeners.remove(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n\n    this.isVisible = false;\n    this.open = false;\n    this.popoverHelper.hide();\n  }\n\n  private focusOnTrigger() {\n    if (this.trigger == null) return;\n    const trigger = this.triggerSlot?.assignedElements({ flatten: true }).at(0) as HTMLSixButtonElement | undefined;\n    if (trigger != null) {\n      if (typeof trigger.setFocus === 'function') {\n        trigger.setFocus();\n      } else if (typeof trigger.focus === 'function') {\n        trigger.focus();\n      }\n    }\n  }\n\n  private getMenu(): HTMLSixMenuElement | undefined {\n    return this.panelSlot?.assignedElements({ flatten: true }).filter(isSixMenu).at(0) as\n      | HTMLSixMenuElement\n      | undefined;\n  }\n\n  private handleDocumentKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    // Close when escape is pressed\n    if (keyboardEvent.key === 'Escape') {\n      void this.hide();\n      this.focusOnTrigger();\n      return;\n    }\n\n    if (this.filterInputElement === this.host.shadowRoot?.activeElement) {\n      if (keyboardEvent.key === 'ArrowDown') {\n        const { sixMenuItems, selectionContainerItems } = this.getMenuItems();\n        const item = [...selectionContainerItems, ...sixMenuItems].find((item) => item.style.display !== 'none');\n        if (item != null) {\n          item.setFocus();\n        }\n      }\n    }\n\n    // Handle tabbing\n    if (keyboardEvent.key === 'Tab') {\n      // Tabbing within an open menu should close the dropdown and refocus the trigger\n      if (this.open && document.activeElement != null && isSixMenuItem(document.activeElement)) {\n        keyboardEvent.preventDefault();\n        void this.hide();\n        this.focusOnTrigger();\n        return;\n      }\n\n      // Tabbing outside the containing element closes the panel\n      //\n      // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n      // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n      setTimeout(() => {\n        const activeElement =\n          this.container.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        if (activeElement?.closest(this.container.tagName.toLowerCase()) !== this.container) {\n          void this.hide();\n          return;\n        }\n      });\n    }\n  };\n\n  private handleDocumentMouseDown = (event: Event) => {\n    // Close when clicking outside the containing element\n    const path = event.composedPath() as EventTarget[];\n    if (!path.includes(this.container)) {\n      void this.hide();\n      return;\n    }\n  };\n\n  private handlePanelSelect = (event: Event) => {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (this.closeOnSelect && isSixMenu(target)) {\n      void this.hide();\n      this.focusOnTrigger();\n    }\n  };\n\n  private handleTriggerClick = () => {\n    this.open ? this.hide() : this.show();\n  };\n\n  private handleTriggerKeyDown = (event: KeyboardEvent) => {\n    // Close when escape or tab is pressed\n    if (event.key === 'Escape') {\n      this.focusOnTrigger();\n      void this.hide();\n      return;\n    }\n\n    // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n    // key again to hide the menu in case they don't want to make a selection.\n    if (!this.disableHideOnEnterAndSpace && [' ', 'Enter'].includes(event.key)) {\n      event.preventDefault();\n      this.open ? void this.hide() : void this.show();\n      return;\n    }\n\n    const menu = this.getMenu();\n\n    // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n    // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n    // faster navigation.\n    if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n      event.preventDefault();\n\n      // Show the menu if it's not already open\n      if (!this.open) {\n        void this.show();\n      }\n\n      if (menu == null) {\n        return;\n      }\n      const menuItems = [...menu.querySelectorAll('six-menu-item')];\n      const firstMenuItem = menuItems.at(0);\n      const lastMenuItem = menuItems.at(menuItems.length - 1);\n\n      // Focus on a menu item\n      if (event.key === 'ArrowDown' && firstMenuItem != null) {\n        firstMenuItem.setFocus();\n        return;\n      }\n\n      if (event.key === 'ArrowUp' && lastMenuItem != null) {\n        lastMenuItem.setFocus();\n        return;\n      }\n    }\n\n    // Other keys bring focus to the menu and initiate type-to-select behavior\n    const ignoredKeys = ['Tab', 'Shift', 'Meta', 'Ctrl', 'Alt'];\n    if (this.open && menu != null && !ignoredKeys.includes(event.key)) {\n      void menu.typeToSelect(event.key);\n      return;\n    }\n  };\n\n  private handleTriggerKeyUp = (event: KeyboardEvent) => {\n    // Prevent space from triggering a click event in Firefox\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  };\n\n  private handleTriggerSlotChange = () => {\n    this.updateAccessibleTrigger();\n  };\n\n  private handleDropdownScroll = () => {\n    if (this.scrollPanel == null) return;\n\n    this.sixScroll.emit({\n      scrollHeight: this.scrollPanel.scrollHeight,\n      scrollTop: this.scrollPanel.scrollTop,\n      scrollbarHeight: this.scrollPanel.offsetHeight * (this.scrollPanel.offsetHeight / this.scrollPanel.scrollHeight),\n      scrollRatio: this.scrollPanel.scrollTop / (this.scrollPanel.scrollHeight - this.scrollPanel.clientHeight),\n    });\n  };\n\n  //\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  // a child of the slotted element, or an element in the slotted element's shadow root.\n  //\n  // For example, the accessible trigger of an <sl-button> is a <button> located inside its shadow root.\n  //\n  // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n  //\n  private updateAccessibleTrigger() {\n    if (this.trigger == null) return;\n    const assignedElements = (this.triggerSlot?.assignedElements({ flatten: true }) || []) as HTMLElement[];\n    const accessibleTrigger = assignedElements.map(getNearestTabbableElement).at(0);\n    if (accessibleTrigger != null) {\n      accessibleTrigger.setAttribute('aria-haspopup', 'true');\n      accessibleTrigger.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        id={this.componentId}\n        class={{\n          dropdown: true,\n          'dropdown--open': this.open,\n        }}\n      >\n        <span\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          ref={(el) => (this.trigger = el)}\n          onClick={this.handleTriggerClick}\n          onKeyDown={this.handleTriggerKeyDown}\n          onKeyUp={this.handleTriggerKeyUp}\n        >\n          <slot\n            name=\"trigger\"\n            ref={(el) => (this.triggerSlot = el as HTMLSlotElement)}\n            onSlotchange={this.handleTriggerSlotChange}\n          />\n        </span>\n\n        {/* Position the panel with a wrapper since the popover makes use of `translate`. This let's us add transitions\n        on the panel without interfering with the position. */}\n        <div\n          ref={(el) => (this.positioner = el)}\n          class={{\n            dropdown__positioner: true,\n            dropdown__positioner__filtered: (this.filter || this.asyncFilter) && !this.hoist,\n          }}\n        >\n          <div\n            ref={(el) => (this.panel = el)}\n            part=\"panel\"\n            class=\"dropdown__panel\"\n            role=\"menu\"\n            aria-hidden={this.open ? 'false' : 'true'}\n            aria-labelledby={this.componentId}\n          >\n            {this.filterEnabled && (\n              <six-input\n                class={{\n                  filter: true,\n                  'filter-hidden': !this.open,\n                }}\n                dropdown-search\n                aria-hidden={this.open ? 'false' : 'true'}\n                ref={(el) => (this.filterInputElement = el)}\n                placeholder={this.filterPlaceholder}\n              >\n                <six-icon class=\"filter__icon\" slot=\"suffix\" size=\"small\">\n                  search\n                </six-icon>\n              </six-input>\n            )}\n            <div\n              class={{\n                dropdown__panel__scroll: true,\n                'dropdown__panel__scroll--virtual': this.virtualScroll,\n              }}\n              onScroll={this.handleDropdownScroll}\n              ref={(el) => (this.scrollPanel = el)}\n            >\n              <slot ref={(el) => (this.panelSlot = el as HTMLSlotElement)} />\n              {this.options.length > 0 && (\n                <six-menu part=\"menu\" items={this.renderedOptions} virtualScroll={this.virtualScroll}></six-menu>\n              )}\n            </div>\n            <slot name=\"dropdown-footer\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nfunction isSixMenu(el?: Element): boolean {\n  return el?.tagName.toLowerCase() === 'six-menu';\n}\nfunction isSixMenuItem(el?: Element): boolean {\n  return el?.tagName.toLowerCase() === 'six-menu-item';\n}\nfunction isSelectionContainer(el?: Element): boolean {\n  return el?.getAttribute('class')?.includes('selection-container') || false;\n}\nasync function containsFilterTerm(menuItem: HTMLSixMenuItemElement, lowerCaseFilterTerm: string): Promise<boolean> {\n  return (\n    menuItem.value.toLowerCase().includes(lowerCaseFilterTerm) ||\n    (await menuItem.getTextLabel()).toLowerCase().includes(lowerCaseFilterTerm)\n  );\n}\n","@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu {\n  padding: var(--six-spacing-xx-small) 0;\n  border: none;\n  box-shadow: var(--six-shadow-small);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.no-shadow {\n  box-shadow: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { getTextContent } from '../../utils/slot';\nimport { StyleDeclaration } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce } from '../../utils/execution-control';\n\nexport interface SixMenuItemData {\n  label: string;\n  value: string;\n}\n\nexport interface SixMenuItemSelectedPayload {\n  name: string;\n  item: HTMLSixMenuItemElement;\n}\n\nconst isFocusedMenuItem = (menuItem: HTMLSixMenuItemElement) =>\n  menuItem?.shadowRoot?.querySelector('.menu-item')?.classList?.contains('menu-item--focused');\n\nconst isSIXMenuItemElement = (el?: Element): el is HTMLSixMenuItemElement =>\n  el?.tagName.toLowerCase() === 'six-menu-item';\n\nconst mapToMenuItem = ({ value, label }: SixMenuItemData) => (\n  <six-menu-item key={value} value={value}>\n    {label}\n  </six-menu-item>\n);\n\nconst DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING = 5;\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING = 48;\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT = 64;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The menu's content, including menu items, menu dividers, and menu labels.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-menu',\n  styleUrl: 'six-menu.scss',\n  shadow: true,\n})\nexport class SixMenu {\n  private readonly eventListeners = new EventListeners();\n\n  private menu?: HTMLElement;\n  private menuWrapper?: HTMLElement;\n  private typeToSelectString = '';\n  private typeToSelectTimeout?: number;\n\n  @Element() host!: HTMLSixMenuElement;\n\n  /** Emitted when a menu item is selected. */\n  @Event({ eventName: 'six-menu-item-selected' }) sixMenuItemSelected!: EventEmitter<SixMenuItemSelectedPayload>;\n\n  /** Set to true to remove the box-shadow */\n  @Prop() removeBoxShadow = false;\n\n  /** Set the options to be shown in the dropdown */\n  @Prop() items: SixMenuItemData[] | null = null;\n\n  /** Defines how many items should be shown. If the number of items is larger than this property a scrollbar will be shown */\n  @Prop() itemsShown?: number;\n\n  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n  @Prop() virtualScroll = false;\n\n  /**\n   * Used for virtual scrolling\n   * Define how many items should be rendered in the DOM when using virtual scrolling\n   */\n  @Prop() itemSize = 10;\n\n  /**\n   * Used for virtual scrolling\n   * Define the debounce for listening on scrolling changes in milliseconds.\n   * The lower the number the more sensitive the component reacts to scrolling changes.\n   */\n  @Prop() scrollingDebounce = 15;\n\n  /**\n   * Internal: Disables handling of key presses.\n   */\n  @Prop() disableKeyboardHandling = false;\n\n  /**\n   * Used to calculate which items should be rendered in the DOM\n   */\n  @State()\n  private scrollingIndex = 0;\n\n  // set a default item height, this variable will be updated with the real value after the first render.\n  // However, it's necessary to have a default value because we can only fetch the proper height after the first render\n  @State()\n  private sixMenuItemHeight = this.virtualScroll\n    ? DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING\n    : DEFAULT_SIX_MENU_ITEM_HEIGHT;\n\n  connectedCallback() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  componentWillLoad() {\n    if (this.items === null) {\n      return;\n    }\n  }\n\n  private handleScrolling = () => {\n    if (this.menuWrapper == null) return;\n    // for performance improvements we only update the DOM if the scrollRatio change \"enough\"\n    this.scrollingIndex = Math.floor(this.menuWrapper.scrollTop / this.sixMenuItemHeight);\n  };\n\n  componentDidLoad() {\n    this.setupForVirtualScrollingAfterRendering();\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  /**\n   * Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.\n   * The key passed will be appended to the internal query and the selection will be updated. After a brief period, the\n   * internal query is cleared automatically. This method is intended to be used with the keydown event. Useful for\n   * enabling type-to-select when the menu doesn't have focus.\n   */\n  @Method()\n  async typeToSelect(key: string) {\n    clearTimeout(this.typeToSelectTimeout);\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this.typeToSelectTimeout = setTimeout(() => (this.typeToSelectString = ''), 750);\n    this.typeToSelectString += key.toLowerCase();\n    const items = this.getItems();\n    for (const item of items) {\n      const slot = item.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n      const label = getTextContent(slot).toLowerCase().trim();\n      if (label.substring(0, this.typeToSelectString.length) === this.typeToSelectString) {\n        item.setFocus();\n        break;\n      }\n    }\n  }\n\n  private getItemsShown(): number {\n    const defaultItemsShown = this.virtualScroll ? DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING : 0;\n    if (this.items && this.items.length === 1) {\n      return 0;\n    }\n    return this.itemsShown ?? defaultItemsShown;\n  }\n\n  private setupForVirtualScrollingAfterRendering() {\n    if (!this.virtualScroll || this.menuWrapper == null) return;\n\n    this.eventListeners.add(this.menuWrapper, 'scroll', debounce(this.handleScrolling, this.scrollingDebounce));\n\n    // set menu height to proper height once the item is rendered.\n    const menuItemHeight = this.menu?.querySelector('six-menu-item')?.clientHeight;\n    if (menuItemHeight != null && menuItemHeight > 0) {\n      this.sixMenuItemHeight = menuItemHeight;\n    }\n  }\n\n  private getItems(): HTMLSixMenuItemElement[] {\n    if (this.menu == null) return [];\n\n    if (this.items != null) {\n      return this.items.map(mapToMenuItem);\n    }\n\n    const slot = this.menu.querySelector('slot');\n    if (slot == null) return [];\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el): el is HTMLSixMenuItemElement => isSIXMenuItemElement(el) && !el.disabled\n    );\n  }\n\n  private getActiveItemIndex() {\n    const items = this.getItems();\n    const selectedItem = this.getActiveItem();\n    if (selectedItem != null) {\n      const itemIndex = items.indexOf(selectedItem);\n      if (itemIndex > -1) {\n        return itemIndex;\n      }\n    }\n    const sixMenuItems = this.extractItemsFromDOM();\n    return sixMenuItems.findIndex(isFocusedMenuItem);\n  }\n\n  private getActiveItem(): HTMLSixMenuItemElement | undefined {\n    const activeElement = this.getItems().find((i) => i === document.activeElement);\n    if (activeElement != null) {\n      return activeElement;\n    }\n    return this.extractItemsFromDOM()?.find(isFocusedMenuItem);\n  }\n\n  private extractItemsFromDOM() {\n    return Array.from(this.host.shadowRoot?.querySelectorAll('six-menu-item') ?? []);\n  }\n\n  private setActiveItem(item: HTMLSixMenuItemElement) {\n    item?.setFocus();\n  }\n\n  private handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const clickedItem = target.closest('six-menu-item');\n    if (clickedItem && !clickedItem.disabled) {\n      this.sixMenuItemSelected.emit({ name: clickedItem.value, item: clickedItem });\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.disableKeyboardHandling) {\n      return;\n    }\n\n    // Make a selection when pressing enter\n    if (event.key === 'Enter') {\n      const activeItem = this.getActiveItem();\n      event.preventDefault();\n\n      if (activeItem != null) {\n        this.sixMenuItemSelected.emit({ name: activeItem.value, item: activeItem });\n      }\n    }\n\n    // Prevent scrolling when space is pressed\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n\n    // Move the selection when pressing down or up\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n      const items = this.items === null ? this.getItems() : this.extractItemsFromDOM();\n\n      let indexOfActiveItem = this.getActiveItemIndex();\n\n      if (items.length > 0) {\n        event.preventDefault();\n\n        if (event.key === 'ArrowDown') {\n          indexOfActiveItem++;\n        } else if (event.key === 'ArrowUp') {\n          indexOfActiveItem--;\n        } else if (event.key === 'Home') {\n          indexOfActiveItem = 0;\n        } else if (event.key === 'End') {\n          indexOfActiveItem = items.length - 1;\n        }\n\n        if (indexOfActiveItem < 0) indexOfActiveItem = 0;\n        if (indexOfActiveItem > items.length - 1) indexOfActiveItem = items.length - 1;\n\n        this.setActiveItem(items[indexOfActiveItem]);\n\n        return;\n      }\n    }\n\n    void this.typeToSelect(event.key);\n  }\n\n  private getMenuWrapperStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n    if (this.getItemsShown() > 0) {\n      // calculate the proper height to show the correct number of items\n      styles.height = `${(this.getItemsShown() ?? 0) * this.sixMenuItemHeight}px`;\n    } else if (this.items && this.items.length === 1) {\n      styles.height = 'auto';\n    }\n    return {\n      ...styles,\n    };\n  }\n\n  private getMenuContainerStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n\n    if (this.virtualScroll) {\n      // calculate height of content are if all items would be rendered so the scrollbar has the proper size\n      styles.transform = `translateY(${this.sixMenuItemHeight * this.scrollingIndex}px)`;\n    }\n\n    return {\n      ...styles,\n    };\n  }\n\n  private getScrollbarGhostStyle() {\n    const styles: Partial<StyleDeclaration> = {};\n    if (this.virtualScroll && this.items !== null && this.items.length > 1) {\n      styles.height = `${this.items.length * this.sixMenuItemHeight - this.itemSize * this.sixMenuItemHeight}px`;\n    }\n    return {\n      ...styles,\n    };\n  }\n\n  private renderItems() {\n    if (this.items === undefined || this.items === null) {\n      return;\n    }\n\n    if (!this.virtualScroll) {\n      return this.items.map(mapToMenuItem);\n    }\n\n    return this.items\n      .slice(this.scrollingIndex, Math.min(this.items.length, this.itemSize + this.scrollingIndex))\n      .map(({ value, label }: SixMenuItemData) => (\n        <six-menu-item checkType=\"check\" key={value} value={value}>\n          {label}\n        </six-menu-item>\n      ));\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.menuWrapper = el)}\n        style={this.getMenuWrapperStyle()}\n        part=\"wrapper\"\n        class={{\n          menu: true,\n          '.no-shadow': this.removeBoxShadow,\n        }}\n      >\n        <div\n          ref={(el) => (this.menu = el)}\n          part=\"base\"\n          role=\"menu\"\n          onClick={this.handleClick}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={0}\n          style={this.getMenuContainerStyle()}\n        >\n          <slot />\n          {this.renderItems()}\n        </div>\n        {this.virtualScroll && <div style={this.getScrollbarGhostStyle()} />}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-c8fbf085.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,H as r,g as s}from"./p-JoG9I7EO.js";import{P as e}from"./p-kHci8ddv.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip-positioner{position:fixed;z-index:var(--six-z-index-tooltip);pointer-events:none}.tooltip{max-width:var(--max-width);border-radius:var(--six-border-radius-medium);background-color:var(--six-tooltip-background-color);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-tooltip-color);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-x-small);transform:scale(0.8);transform-origin:bottom;transition-property:opacity, transform;transition-delay:var(--hide-delay);transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.tooltip::after{content:"";position:absolute;width:0;height:0}.tooltip-positioner[data-popper-placement^=top] .tooltip{transform-origin:bottom}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;transform:none;transition-delay:var(--show-delay);transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-bottom:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - var(--six-tooltip-arrow-size));border-top:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:var(--six-tooltip-arrow-start-end-offset);left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));left:100%;border-left:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - var(--six-tooltip-arrow-size));right:100%;border-right:var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);border-top:var(--six-tooltip-arrow-size) solid transparent;border-bottom:var(--six-tooltip-arrow-size) solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:var(--six-tooltip-arrow-start-end-offset)}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:var(--six-tooltip-arrow-start-end-offset)}';let p=0;const n=class{constructor(i){t(this,i);this.sixShow=o(this,"six-tooltip-show");this.sixAfterShow=o(this,"six-tooltip-after-show");this.sixHide=o(this,"six-tooltip-hide");this.sixAfterHide=o(this,"six-tooltip-after-hide");this.componentId=`tooltip-${++p}`;this.isVisible=false;this.content="";this.placement="top";this.disabled=false;this.distance=10;this.open=false;this.skidding=0;this.trigger="hover focus";this.handleBlur=()=>{if(this.hasTrigger("focus")){this.hide()}};this.handleClick=()=>{if(this.hasTrigger("click")){this.open?this.hide():this.show()}};this.handleFocus=()=>{if(this.hasTrigger("focus")){this.show()}};this.handleKeyDown=t=>{if(this.open&&t.key==="Escape"){t.stopPropagation();this.hide()}};this.handleMouseOver=()=>{if(this.hasTrigger("hover")){this.show()}};this.handleMouseOut=()=>{if(this.hasTrigger("hover")){this.hide()}};this.handleSlotChange=()=>{const t=this.target;const o=this.getTarget();if(o!==t){if(t!=null){t.removeAttribute("aria-describedby")}o.setAttribute("aria-describedby",this.componentId)}}}handleOpenChange(){this.open?this.show():this.hide()}componentDidLoad(){if(this.tooltipPositioner==null)return;this.target=this.getTarget();this.popoverHelper=new e(this.target,this.tooltipPositioner,{strategy:"fixed"});this.syncOptions();this.host.addEventListener("blur",this.handleBlur,true);this.host.addEventListener("click",this.handleClick,true);this.host.addEventListener("focus",this.handleFocus,true);this.tooltipPositioner.hidden=!this.open;if(this.open){this.show()}}componentDidUpdate(){this.syncOptions()}disconnectedCallback(){if(this.popoverHelper!=null){this.popoverHelper.destroy()}this.host.removeEventListener("blur",this.handleBlur,true);this.host.removeEventListener("click",this.handleClick,true);this.host.removeEventListener("focus",this.handleFocus,true)}async show(){var t;if(this.isVisible||this.disabled){return}const o=this.sixShow.emit();if(o.defaultPrevented){this.open=false;return}this.isVisible=true;this.open=true;(t=this.popoverHelper)===null||t===void 0?void 0:t.show()}async hide(){var t;if(!this.isVisible||this.disabled){return}const o=this.sixHide.emit();if(o.defaultPrevented){this.open=true;return}this.isVisible=false;this.open=false;(t=this.popoverHelper)===null||t===void 0?void 0:t.hide()}getTarget(){const t=[...this.host.children].find((t=>t.tagName.toLowerCase()!=="style"&&t.getAttribute("slot")!=="content"));if(t==null){throw new Error("Invalid tooltip target: no child element was found.")}return t}hasTrigger(t){const o=this.trigger.split(" ");return o.includes(t)}syncOptions(){if(this.popoverHelper==null)return;this.popoverHelper.setOptions({placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:()=>this.sixAfterHide.emit(),onAfterShow:()=>this.sixAfterShow.emit()})}render(){return i(r,{key:"749a6d5edac438b4ff3bd9a34402823156417b37",onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},i("slot",{key:"f505a21b6cfa2362537b54a7c2a5d92750a688b5",onSlotchange:this.handleSlotChange}),i("div",{key:"4c38a6ff56ea7b6a121e59fd406728d9af71712e",ref:t=>this.tooltipPositioner=t,class:"tooltip-positioner"},i("div",{key:"1df2f66d1bbae1aeb864d23d91e9094ab950ff79",part:"base",ref:t=>this.tooltip=t,id:this.componentId,class:{tooltip:true,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},i("slot",{key:"cc4a2c0d99ae6f16058ac19cef27b7dd66c33bed",name:"content"},this.content))))}get host(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};n.style=a;export{n as six_tooltip};
+//# sourceMappingURL=p-c8fbf085.entry.js.map

package/dist/ui-library/p-c8fbf085.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixTooltipCss","id","SixTooltip","constructor","hostRef","this","componentId","isVisible","content","placement","disabled","distance","open","skidding","trigger","handleBlur","hasTrigger","hide","handleClick","show","handleFocus","handleKeyDown","event","key","stopPropagation","handleMouseOver","handleMouseOut","handleSlotChange","oldTarget","target","newTarget","getTarget","removeAttribute","setAttribute","handleOpenChange","componentDidLoad","tooltipPositioner","popoverHelper","Popover","strategy","syncOptions","host","addEventListener","hidden","componentDidUpdate","disconnectedCallback","destroy","removeEventListener","sixShow","emit","defaultPrevented","_a","sixHide","children","find","el","tagName","toLowerCase","getAttribute","Error","triggerType","triggers","split","includes","setOptions","transitionElement","tooltip","onAfterHide","sixAfterHide","onAfterShow","sixAfterShow","render","h","Host","onKeyDown","onMouseOver","onMouseOut","onSlotchange","ref","class","part","role","name"],"sources":["src/components/six-tooltip/six-tooltip.scss?tag=six-tooltip&encapsulation=shadow","src/components/six-tooltip/six-tooltip.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --hide-delay: The amount of time to wait before hiding the tooltip.\n * @prop --hide-duration: The amount of time the hide transition takes to complete.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --show-delay: The amount of time to wait before showing the tooltip.\n * @prop --show-duration: The amount of time the show transition takes to complete.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n */\n:host {\n  --max-width: 20rem;\n  --hide-delay: 0s;\n  --hide-duration: 0.125s;\n  --hide-timing-function: ease;\n  --show-delay: 0.125s;\n  --show-duration: 0.125s;\n  --show-timing-function: ease;\n\n  display: contents;\n}\n\n.tooltip-positioner {\n  position: fixed;\n  z-index: var(--six-z-index-tooltip);\n  pointer-events: none;\n}\n\n.tooltip {\n  max-width: var(--max-width);\n  border-radius: var(--six-border-radius-medium);\n  background-color: var(--six-tooltip-background-color);\n  font-family: var(--six-font-family);\n  font-size: var(--six-tooltip-font-size);\n  font-weight: var(--six-tooltip-font-weight);\n  line-height: var(--six-tooltip-line-height);\n  color: var(--six-tooltip-color);\n  opacity: 0;\n  padding: var(--six-spacing-xxx-small) var(--six-spacing-x-small);\n  transform: scale(0.8);\n  transform-origin: bottom;\n  transition-property: opacity, transform;\n  transition-delay: var(--hide-delay);\n  transition-duration: var(--hide-duration);\n  transition-timing-function: var(--hide-timing-function);\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n}\n\n.tooltip-positioner {\n  &[data-popper-placement^='top'] .tooltip {\n    transform-origin: bottom;\n  }\n\n  &[data-popper-placement^='bottom'] .tooltip {\n    transform-origin: top;\n  }\n\n  &[data-popper-placement^='left'] .tooltip {\n    transform-origin: right;\n  }\n\n  &[data-popper-placement^='right'] .tooltip {\n    transform-origin: left;\n  }\n\n  &.popover-visible .tooltip {\n    opacity: 1;\n    transform: none;\n    transition-delay: var(--show-delay);\n    transition-duration: var(--show-duration);\n    transition-timing-function: var(--show-timing-function);\n  }\n}\n\n// Arrow + bottom\n.tooltip-positioner[data-popper-placement^='bottom'] .tooltip::after {\n  bottom: 100%;\n  left: calc(50% - var(--six-tooltip-arrow-size));\n  border-bottom: var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);\n  border-left: var(--six-tooltip-arrow-size) solid transparent;\n  border-right: var(--six-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement='bottom-start'] .tooltip::after {\n  left: var(--six-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement='bottom-end'] .tooltip::after {\n  right: var(--six-tooltip-arrow-start-end-offset);\n  left: auto;\n}\n\n// Arrow + top\n.tooltip-positioner[data-popper-placement^='top'] .tooltip::after {\n  top: 100%;\n  left: calc(50% - var(--six-tooltip-arrow-size));\n  border-top: var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);\n  border-left: var(--six-tooltip-arrow-size) solid transparent;\n  border-right: var(--six-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement='top-start'] .tooltip::after {\n  left: var(--six-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement='top-end'] .tooltip::after {\n  right: var(--six-tooltip-arrow-start-end-offset);\n  left: auto;\n}\n\n// Arrow + left\n.tooltip-positioner[data-popper-placement^='left'] .tooltip::after {\n  top: calc(50% - var(--six-tooltip-arrow-size));\n  left: 100%;\n  border-left: var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);\n  border-top: var(--six-tooltip-arrow-size) solid transparent;\n  border-bottom: var(--six-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement='left-start'] .tooltip::after {\n  top: var(--six-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement='left-end'] .tooltip::after {\n  top: auto;\n  bottom: var(--six-tooltip-arrow-start-end-offset);\n}\n\n// Arrow + right\n.tooltip-positioner[data-popper-placement^='right'] .tooltip::after {\n  top: calc(50% - var(--six-tooltip-arrow-size));\n  right: 100%;\n  border-right: var(--six-tooltip-arrow-size) solid var(--six-tooltip-background-color);\n  border-top: var(--six-tooltip-arrow-size) solid transparent;\n  border-bottom: var(--six-tooltip-arrow-size) solid transparent;\n}\n\n.tooltip-positioner[data-popper-placement='right-start'] .tooltip::after {\n  top: var(--six-tooltip-arrow-start-end-offset);\n}\n\n.tooltip-positioner[data-popper-placement='right-end'] .tooltip::after {\n  top: auto;\n  bottom: var(--six-tooltip-arrow-start-end-offset);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport Popover from '../../utils/popover';\nimport { EmptyPayload } from '../../utils/types';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tooltip's target element. Only the first element will be used as the target.\n * @slot content - The tooltip's content. Alternatively, you can use the content prop.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-tooltip',\n  styleUrl: 'six-tooltip.scss',\n  shadow: true,\n})\nexport class SixTooltip {\n  private componentId = `tooltip-${++id}`;\n  private isVisible = false;\n  private popoverHelper?: Popover;\n  private tooltipPositioner?: HTMLElement;\n  private target?: HTMLElement;\n  private tooltip?: HTMLElement;\n\n  @Element() host!: HTMLSixTooltipElement;\n\n  /** The tooltip's content. Alternatively, you can use the content slot. */\n  @Prop() content = '';\n\n  /**\n   * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n   * inside the viewport.\n   */\n  @Prop() placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'top';\n\n  /** Set to true to disable the tooltip, so it won't show when triggered. */\n  @Prop() disabled = false;\n\n  /** The distance in pixels from which to offset the tooltip away from its target. */\n  @Prop() distance = 10;\n\n  /** Indicates whether the tooltip is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The distance in pixels from which to offset the tooltip along its target. */\n  @Prop() skidding = 0;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger = 'hover focus';\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Emitted when the tooltip begins to show. Calling `event.preventDefault()` will prevent it from being shown. */\n  @Event({ eventName: 'six-tooltip-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the tooltip has shown and all transitions are complete. */\n  @Event({ eventName: 'six-tooltip-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the tooltip begins to hide. Calling `event.preventDefault()` will prevent it from being hidden. */\n  @Event({ eventName: 'six-tooltip-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the tooltip has hidden and all transitions are complete. */\n  @Event({ eventName: 'six-tooltip-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentDidLoad() {\n    if (this.tooltipPositioner == null) return;\n    this.target = this.getTarget();\n    this.popoverHelper = new Popover(this.target, this.tooltipPositioner, { strategy: 'fixed' });\n    this.syncOptions();\n\n    this.host.addEventListener('blur', this.handleBlur, true);\n    this.host.addEventListener('click', this.handleClick, true);\n    this.host.addEventListener('focus', this.handleFocus, true);\n\n    // Show on init if open\n    this.tooltipPositioner.hidden = !this.open;\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  componentDidUpdate() {\n    this.syncOptions();\n  }\n\n  disconnectedCallback() {\n    if (this.popoverHelper != null) {\n      this.popoverHelper.destroy();\n    }\n\n    this.host.removeEventListener('blur', this.handleBlur, true);\n    this.host.removeEventListener('click', this.handleClick, true);\n    this.host.removeEventListener('focus', this.handleFocus, true);\n  }\n\n  /** Shows the tooltip. */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible || this.disabled) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.isVisible = true;\n    this.open = true;\n    this.popoverHelper?.show();\n  }\n\n  /** Shows the tooltip. */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible || this.disabled) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.isVisible = false;\n    this.open = false;\n    this.popoverHelper?.hide();\n  }\n\n  private getTarget() {\n    // Get the first child that isn't a <style> or content slot\n    const target = [...this.host.children].find(\n      (el) => el.tagName.toLowerCase() !== 'style' && el.getAttribute('slot') !== 'content'\n    ) as HTMLElement;\n\n    if (target == null) {\n      throw new Error('Invalid tooltip target: no child element was found.');\n    }\n\n    return target;\n  }\n\n  private handleBlur = () => {\n    if (this.hasTrigger('focus')) {\n      this.hide();\n    }\n  };\n\n  private handleClick = () => {\n    if (this.hasTrigger('click')) {\n      this.open ? this.hide() : this.show();\n    }\n  };\n\n  private handleFocus = () => {\n    if (this.hasTrigger('focus')) {\n      this.show();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Pressing escape when the target element has focus should dismiss the tooltip\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n    }\n  };\n\n  private handleMouseOver = () => {\n    if (this.hasTrigger('hover')) {\n      this.show();\n    }\n  };\n\n  private handleMouseOut = () => {\n    if (this.hasTrigger('hover')) {\n      this.hide();\n    }\n  };\n\n  private handleSlotChange = () => {\n    const oldTarget = this.target;\n    const newTarget = this.getTarget();\n\n    if (newTarget !== oldTarget) {\n      if (oldTarget != null) {\n        oldTarget.removeAttribute('aria-describedby');\n      }\n      newTarget.setAttribute('aria-describedby', this.componentId);\n    }\n  };\n\n  private hasTrigger(triggerType: string) {\n    const triggers = this.trigger.split(' ');\n    return triggers.includes(triggerType);\n  }\n\n  private syncOptions() {\n    if (this.popoverHelper == null) return;\n\n    this.popoverHelper.setOptions({\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n      transitionElement: this.tooltip,\n      onAfterHide: () => this.sixAfterHide.emit(),\n      onAfterShow: () => this.sixAfterShow.emit(),\n    });\n  }\n\n  render() {\n    return (\n      <Host onKeyDown={this.handleKeyDown} onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>\n        <slot onSlotchange={this.handleSlotChange} />\n        <div ref={(el) => (this.tooltipPositioner = el)} class=\"tooltip-positioner\">\n          <div\n            part=\"base\"\n            ref={(el) => (this.tooltip = el)}\n            id={this.componentId}\n            class={{\n              tooltip: true,\n              'tooltip--open': this.open,\n            }}\n            role=\"tooltip\"\n            aria-hidden={this.open ? 'false' : 'true'}\n          >\n            <slot name=\"content\">{this.content}</slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-c90a59fc.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t,g as c}from"./p-JoG9I7EO.js";const r=":host{display:flex;flex-wrap:nowrap;min-width:fit-content}.left-margin,.right-margin{flex:1 6 10rem;min-width:var(--six-spacing-xxx-large)}.content{flex:6 1 60rem;min-width:48rem;max-width:100rem}.content--padded{padding:var(--six-spacing-xxx-large) 0}";const i=class{constructor(e){a(this,e);this.padded=true}render(){return e(t,{key:"6a58c3bf1117f6d8ec771b10b9bb5eeca8f75d38"},e("div",{key:"709e6b3c0f6b915cdb02b6231b8475a32aaef821",part:"left-margin",class:"left-margin"}),e("div",{key:"8bca7342d56b444696b39e3b4e03b69fc7a8724a",part:"content",class:{content:true,"content--padded":this.padded}},e("slot",{key:"8cae2e164ec3d6370b2d481bc62f4c2af2b194c5"})),e("div",{key:"5c4a7ecbbaff6cd381ba7a3253ccbc20a72e90cc",part:"right-margin",class:"right-margin"}))}get host(){return c(this)}};i.style=r;export{i as six_main_container};
+//# sourceMappingURL=p-c90a59fc.entry.js.map

package/dist/ui-library/p-cea7f777.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e,H as s}from"./p-JoG9I7EO.js";const i=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block;box-shadow:var(--six-shadow-medium);border:1px solid var(--six-color-web-rock-100);padding:var(--six-spacing-medium)}";const r=class{constructor(e){o(this,e)}render(){return e(s,{key:"8ba5461ffe1740e8f2b7061701cf8f06e24adc25"},e("slot",{key:"95fde97191f2c89fe76643450e6e9eb4dcbe9fa2"}))}};r.style=i;export{r as six_card};
+//# sourceMappingURL=p-cea7f777.entry.js.map

package/dist/ui-library/{p-d5c27f1e.entry.js.map → p-cea7f777.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["sixCardCss","SixCard","render","h","Host","key"],"sources":["src/components/six-card/six-card.scss?tag=six-card&encapsulation=shadow","src/components/six-card/six-card.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  box-shadow: var(--six-shadow-medium);\n  border: 1px solid var(--six-color-web-rock-100);\n  padding: var(--six-spacing-medium);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the content of the card.\n */\n\n@Component({\n  tag: 'six-card',\n  styleUrl: 'six-card.scss',\n  shadow: true,\n})\nexport class SixCard {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,4P,MCcNC,EAAO,M,yBAClB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["sixCardCss","SixCard","render","h","Host","key"],"sources":["src/components/six-card/six-card.scss?tag=six-card&encapsulation=shadow","src/components/six-card/six-card.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  box-shadow: var(--six-shadow-medium);\n  border: 1px solid var(--six-color-web-rock-100);\n  padding: var(--six-spacing-medium);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the content of the card.\n */\n\n@Component({\n  tag: 'six-card',\n  styleUrl: 'six-card.scss',\n  shadow: true,\n})\nexport class SixCard {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,uX,MCcNC,EAAO,M,yBAClB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-d7c7398d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,g as t}from"./p-JoG9I7EO.js";const i=":host{display:block;overflow:hidden;height:inherit}.six-root{display:grid;grid-template:auto 1fr auto/auto 1fr auto;height:100%}.six-root__container--padded{padding:var(--six-spacing-xxx-large)}.six-root__left-sidebar{height:100%;overflow:scroll;grid-column:1/2}.six-root__right-sidebar{height:100%;overflow:scroll;grid-column:3/4}.six-root nav{overflow:hidden}header{grid-column:1/4;position:sticky;top:0;z-index:var(--six-z-index-header);margin-right:2px}main{height:100%;display:flex;flex-direction:column;justify-content:space-between;grid-column:2/3;overflow:auto}footer{grid-column:1/4}";const o=class{constructor(a){e(this,a);this.padded=true;this.stage=null;this.version=""}render(){return a("host",{key:"574331a30ddbdff3fb37129ec8e46c873bc1832e",class:"six-root"},a("header",{key:"f70f24b925ba9a88156d46a6481f6ab3f415bdad",part:"header"},this.stage&&a("six-stage-indicator",{key:"4fe5f33c59e77fcd1cae71afa5ccdd227fbd3d74",stage:this.stage},this.version),a("slot",{key:"92fcdbb991e5593d0f5e602a3dc72b3bc95ce415",name:"header"})),a("nav",{key:"d26e8e840ae344dcda1e81879e50f45981ad0035",class:"six-root__left-sidebar",part:"left-sidebar"},a("slot",{key:"da2e4b7ea1338e68970364d279753b7dd9ce4716",name:"left-sidebar"})),a("main",{key:"13c283e1e1150c3a6f0cc76feed50889023c8bfc",part:"main"},a("div",{key:"0fd0a46e4d68dc7af4f4444de6cbd0cb68e3098a",class:{"six-root__container":true,"six-root__container--padded":this.padded},part:"container"},a("slot",{key:"5591878851514068d3ce5751af12fa86aa6449ca",name:"main"})),a("div",{key:"fe14e87f84217215d03545b5094f462981124093",class:"six-root__footer"},a("slot",{key:"44cd8020e7ba2ee5a4bfb50a8e9f46cac4c6010f",name:"footer"}))),a("nav",{key:"a26ca2c92e7e0ef955bea7796270a5d64e9c1aec",class:"six-root__right-sidebar",part:"right-sidebar"},a("slot",{key:"8d72471d1f4e06722eed5042dd8e4a5f9141b403",name:"right-sidebar"})))}get host(){return t(this)}};o.style=i;export{o as six_root};
+//# sourceMappingURL=p-d7c7398d.entry.js.map

package/dist/ui-library/p-d9e770ab.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,g as r}from"./p-JoG9I7EO.js";import{E as s}from"./p-C4h4qpGl.js";import{F as e}from"./p-Dg9366Gk.js";import{h as l}from"./p-j3oIB5oT.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--height:var(--six-selection-control-toggle-size);--thumb-size:calc(var(--six-selection-control-toggle-size) - 4px);--width:calc(var(--height) * 2);display:inline-block}.switch{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.switch__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--six-selection-control-color-disabled);border-radius:var(--height);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color}.switch__control .switch__thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--six-input-background-color);border-radius:50%;transform:translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color, var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow}.switch__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-hover)}.switch--checked .switch__control{background-color:var(--six-selection-control-color)}.switch--checked .switch__control .switch__thumb{background-color:var(--six-color-white);transform:translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2))}.switch.switch--checked:not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-focus)}.switch--disabled{cursor:not-allowed;color:var(--six-selection-control-color-disabled)}.switch--disabled .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch--disabled.switch--checked .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch__label{line-height:var(--height);margin-left:0.5em;user-select:none}';let n=0;const c=class{constructor(i){t(this,i);this.sixBlur=o(this,"six-switch-blur");this.sixChange=o(this,"six-switch-change");this.sixFocus=o(this,"six-switch-focus");this.switchId=`switch-${++n}`;this.labelId=`switch-label-${n}`;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new s;this.hasFocus=false;this.hasErrorTextSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.checked=false;this.label="";this.errorText="";this.invalid=false;this.handleSlotChange=()=>{this.hasErrorTextSlot=l(this.host,"error-text")};this.handleClick=()=>{if(this.inputElement!=null){this.checked=this.inputElement.checked;this.sixChange.emit(this.checked)}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit(this.checked)};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=t=>{if(t.key==="ArrowLeft"){t.preventDefault();this.checked=false;this.sixChange.emit(this.checked)}if(t.key==="ArrowRight"){t.preventDefault();this.checked=true;this.sixChange.emit(this.checked)}};this.handleMouseDown=t=>{var o;t.preventDefault();(o=this.inputElement)===null||o===void 0?void 0:o.focus()}}componentWillLoad(){this.handleSlotChange()}handleCheckedChange(){if(this.inputElement!=null){this.inputElement.checked=this.checked;this.checked=this.inputElement.checked}}connectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-switch-change","change",this.host);this.eventListeners.forward("six-switch-blur","blur",this.host);this.eventListeners.forward("six-switch-focus","focus",this.host)}disconnectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}handleLabelChange(){this.handleSlotChange()}async setFocus(t){var o;(o=this.inputElement)===null||o===void 0?void 0:o.focus(t)}async removeFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.blur()}render(){return i(e,{key:"fd6c9c888316e46623e92b779c2215888783413b",inputId:this.switchId,label:this.label,labelId:this.labelId,hasLabelSlot:false,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:"medium",disabled:this.disabled,required:this.required,displayError:this.invalid},i("label",{key:"d7d5f569d8aea4f7203f7c0973cf212bd6bcfc60",part:"base",htmlFor:this.switchId,class:{switch:true,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus},onMouseDown:this.handleMouseDown},i("span",{key:"4043bb4abed6a44a360b5409b0e4ebd5929a719f",part:"control",class:"switch__control"},i("span",{key:"d93e868866ea81ae2c2832ddc6fdcb11c0b23679",part:"thumb",class:"switch__thumb"}),i("input",{key:"7e5cff86449295f36e85b221f8795f3df18808ae",ref:t=>this.inputElement=t,id:this.switchId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"switch","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown})),i("span",{key:"c0823f84eb3a30c2e0fdfe5acb6f1390e2b389aa",part:"label",id:this.labelId,class:"switch__label"},i("slot",{key:"aeb69e52fd37efab7ee8061d3c69bfab1c174933"}))))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};c.style=a;export{c as six_switch};
+//# sourceMappingURL=p-d9e770ab.entry.js.map

package/dist/ui-library/p-d9e770ab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixSwitchCss","id","SixSwitch","constructor","hostRef","this","switchId","labelId","errorTextId","eventListeners","EventListeners","hasFocus","hasErrorTextSlot","name","value","disabled","required","checked","label","errorText","invalid","handleSlotChange","hasSlot","host","handleClick","inputElement","sixChange","emit","handleBlur","sixBlur","handleFocus","sixFocus","handleKeyDown","event","key","preventDefault","handleMouseDown","_a","focus","componentWillLoad","handleCheckedChange","connectedCallback","shadowRoot","addEventListener","forward","disconnectedCallback","removeEventListener","removeAll","handleLabelChange","setFocus","options","removeFocus","blur","render","h","FormControl","inputId","hasLabelSlot","errorTextCount","size","displayError","part","htmlFor","class","switch","onMouseDown","ref","el","type","role","onClick","onBlur","onFocus","onKeyDown"],"sources":["src/components/six-switch/six-switch.scss?tag=six-switch&encapsulation=shadow","src/components/six-switch/six-switch.tsx"],"sourcesContent":["@import '../../../src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n/**\n * @prop --width: The width of the switch.\n * @prop --height: The height of the switch.\n * @prop --thumb-size: The size of the thumb.\n */\n:host {\n  --height: var(--six-selection-control-toggle-size);\n  --thumb-size: calc(var(--six-selection-control-toggle-size) - 4px);\n  --width: calc(var(--height) * 2);\n\n  display: inline-block;\n}\n\n.switch {\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--six-font-family);\n  font-size: var(--six-input-font-size-medium);\n  font-weight: var(--six-input-font-weight);\n  color: var(--six-input-color);\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.switch__control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--width);\n  height: var(--height);\n  background-color: var(--six-selection-control-color-disabled);\n  border-radius: var(--height);\n  transition:\n    var(--six-transition-fast) border-color,\n    var(--six-transition-fast) background-color;\n\n  .switch__thumb {\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    background-color: var(--six-input-background-color);\n    border-radius: 50%;\n    transform: translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));\n    transition:\n      var(--six-transition-fast) transform ease,\n      var(--six-transition-fast) background-color,\n      var(--six-transition-fast) border-color,\n      var(--six-transition-fast) box-shadow;\n  }\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n}\n\n// Hover\n.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-hover);\n}\n\n// Checked\n.switch--checked .switch__control {\n  background-color: var(--six-selection-control-color);\n\n  .switch__thumb {\n    background-color: var(--six-color-white);\n    transform: translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2));\n  }\n}\n\n// Checked + hover\n.switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-focus);\n}\n\n// Disabled\n.switch--disabled {\n  cursor: not-allowed;\n  color: var(--six-selection-control-color-disabled);\n\n  .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n\n  &.switch--checked .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n}\n\n.switch__label {\n  line-height: var(--height);\n  margin-left: 0.5em;\n  user-select: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The switch's label.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part control - The switch control.\n * @part thumb - The switch position indicator.\n * @part label - The switch label.\n */\n\n@Component({\n  tag: 'six-switch',\n  styleUrl: 'six-switch.scss',\n  shadow: true,\n})\nexport class SixSwitch {\n  private switchId = `switch-${++id}`;\n  private labelId = `switch-label-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n\n  private inputElement?: HTMLInputElement;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixSwitchElement;\n\n  @State() hasFocus = false;\n  @State() hasErrorTextSlot = false;\n\n  /** The switch's name attribute. */\n  @Prop() name = '';\n\n  /** The switch's value attribute. */\n  @Prop() value = 'on';\n\n  /** Set to true to disable the switch. */\n  @Prop() disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** Set to true to draw the switch in a checked state. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  @Watch('checked')\n  handleCheckedChange() {\n    if (this.inputElement != null) {\n      this.inputElement.checked = this.checked;\n      this.checked = this.inputElement.checked;\n    }\n  }\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-switch-blur' }) sixBlur!: EventEmitter<boolean>;\n\n  /** Emitted when the control's checked state changes. */\n  @Event({ eventName: 'six-switch-change' }) sixChange!: EventEmitter<boolean>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-switch-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-switch-change', 'change', this.host);\n    this.eventListeners.forward('six-switch-blur', 'blur', this.host);\n    this.eventListeners.forward('six-switch-focus', 'focus', this.host);\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n  };\n\n  /** Sets focus on the switch. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.focus(options);\n  }\n\n  /** Removes focus from the switch. */\n  @Method()\n  async removeFocus() {\n    this.inputElement?.blur();\n  }\n\n  private handleClick = () => {\n    if (this.inputElement != null) {\n      this.checked = this.inputElement.checked;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit(this.checked);\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.checked = false;\n      this.sixChange.emit(this.checked);\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.checked = true;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent clicks on the label from briefly blurring the input\n    event.preventDefault();\n    this.inputElement?.focus();\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.switchId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={false}\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size=\"medium\"\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <label\n          part=\"base\"\n          htmlFor={this.switchId}\n          class={{\n            switch: true,\n            'switch--checked': this.checked,\n            'switch--disabled': this.disabled,\n            'switch--focused': this.hasFocus,\n          }}\n          onMouseDown={this.handleMouseDown}\n        >\n          <span part=\"control\" class=\"switch__control\">\n            <span part=\"thumb\" class=\"switch__thumb\" />\n\n            <input\n              ref={(el) => (this.inputElement = el)}\n              id={this.switchId}\n              type=\"checkbox\"\n              name={this.name}\n              value={this.value}\n              checked={this.checked}\n              disabled={this.disabled}\n              required={this.required}\n              role=\"switch\"\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-labelledby={this.labelId}\n              onClick={this.handleClick}\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n            />\n          </span>\n\n          <span part=\"label\" id={this.labelId} class=\"switch__label\">\n            <slot />\n          </span>\n        </label>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"qKAAA,MAAMA,EAAe,uuJCMrB,IAAIC,EAAK,E,MAsBIC,EAAS,MALtB,WAAAC,CAAAC,G,qIAMUC,KAAAC,SAAW,YAAYL,IACvBI,KAAAE,QAAU,gBAAgBN,IAC1BI,KAAAG,YAAc,oBAAoBP,IAGlCI,KAAAI,eAAiB,IAAIC,EAIpBL,KAAQM,SAAG,MACXN,KAAgBO,iBAAG,MAGpBP,KAAIQ,KAAG,GAGPR,KAAKS,MAAG,KAGRT,KAAQU,SAAG,MAGXV,KAAQW,SAAG,MAGqBX,KAAOY,QAAG,MAG1CZ,KAAKa,MAAG,GAGRb,KAASc,UAAsB,GAMdd,KAAOe,QAAG,MAyC3Bf,KAAgBgB,iBAAG,KACzBhB,KAAKO,iBAAmBU,EAAQjB,KAAKkB,KAAM,aAAa,EAelDlB,KAAWmB,YAAG,KACpB,GAAInB,KAAKoB,cAAgB,KAAM,CAC7BpB,KAAKY,QAAUZ,KAAKoB,aAAaR,QACjCZ,KAAKqB,UAAUC,KAAKtB,KAAKY,Q,GAIrBZ,KAAUuB,WAAG,KACnBvB,KAAKM,SAAW,MAChBN,KAAKwB,QAAQF,KAAKtB,KAAKY,QAAQ,EAGzBZ,KAAWyB,YAAG,KACpBzB,KAAKM,SAAW,KAChBN,KAAK0B,SAASJ,MAAM,EAGdtB,KAAA2B,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,YAAa,CAC7BD,EAAME,iBACN9B,KAAKY,QAAU,MACfZ,KAAKqB,UAAUC,KAAKtB,KAAKY,Q,CAG3B,GAAIgB,EAAMC,MAAQ,aAAc,CAC9BD,EAAME,iBACN9B,KAAKY,QAAU,KACfZ,KAAKqB,UAAUC,KAAKtB,KAAKY,Q,GAIrBZ,KAAA+B,gBAAmBH,I,MAEzBA,EAAME,kBACNE,EAAAhC,KAAKoB,gBAAc,MAAAY,SAAA,SAAAA,EAAAC,OAAO,CA2D7B,CApJC,iBAAAC,GACElC,KAAKgB,kB,CAIP,mBAAAmB,GACE,GAAInC,KAAKoB,cAAgB,KAAM,CAC7BpB,KAAKoB,aAAaR,QAAUZ,KAAKY,QACjCZ,KAAKY,QAAUZ,KAAKoB,aAAaR,O,EAarC,iBAAAwB,G,OACEJ,EAAAhC,KAAKkB,KAAKmB,cAAY,MAAAL,SAAA,SAAAA,EAAAM,iBAAiB,aAActC,KAAKgB,kBAC1DhB,KAAKI,eAAemC,QAAQ,oBAAqB,SAAUvC,KAAKkB,MAChElB,KAAKI,eAAemC,QAAQ,kBAAmB,OAAQvC,KAAKkB,MAC5DlB,KAAKI,eAAemC,QAAQ,mBAAoB,QAASvC,KAAKkB,K,CAGhE,oBAAAsB,G,OACER,EAAAhC,KAAKkB,KAAKmB,cAAY,MAAAL,SAAA,SAAAA,EAAAS,oBAAoB,aAAczC,KAAKgB,kBAC7DhB,KAAKI,eAAesC,W,CAKtB,iBAAAC,GACE3C,KAAKgB,kB,CASP,cAAM4B,CAASC,G,OACbb,EAAAhC,KAAKoB,gBAAY,MAAAY,SAAA,SAAAA,EAAEC,MAAMY,E,CAK3B,iBAAMC,G,OACJd,EAAAhC,KAAKoB,gBAAc,MAAAY,SAAA,SAAAA,EAAAe,M,CAwCrB,MAAAC,GACE,OACEC,EAACC,EAAW,CAAArB,IAAA,2CACVsB,QAASnD,KAAKC,SACdY,MAAOb,KAAKa,MACZX,QAASF,KAAKE,QACdkD,aAAc,MACdjD,YAAaH,KAAKG,YAClBW,UAAWd,KAAKc,UAChBuC,eAAgBrD,KAAKqD,eACrB9C,iBAAkBP,KAAKO,iBACvB+C,KAAK,SACL5C,SAAUV,KAAKU,SACfC,SAAUX,KAAKW,SACf4C,aAAcvD,KAAKe,SAEnBkC,EACE,SAAApB,IAAA,2CAAA2B,KAAK,OACLC,QAASzD,KAAKC,SACdyD,MAAO,CACLC,OAAQ,KACR,kBAAmB3D,KAAKY,QACxB,mBAAoBZ,KAAKU,SACzB,kBAAmBV,KAAKM,UAE1BsD,YAAa5D,KAAK+B,iBAElBkB,EAAA,QAAApB,IAAA,2CAAM2B,KAAK,UAAUE,MAAM,mBACzBT,EAAA,QAAApB,IAAA,2CAAM2B,KAAK,QAAQE,MAAM,kBAEzBT,EACE,SAAApB,IAAA,2CAAAgC,IAAMC,GAAQ9D,KAAKoB,aAAe0C,EAClClE,GAAII,KAAKC,SACT8D,KAAK,WACLvD,KAAMR,KAAKQ,KACXC,MAAOT,KAAKS,MACZG,QAASZ,KAAKY,QACdF,SAAUV,KAAKU,SACfC,SAAUX,KAAKW,SACfqD,KAAK,SACS,eAAAhE,KAAKY,QAAU,OAAS,QAAO,kBAC5BZ,KAAKE,QACtB+D,QAASjE,KAAKmB,YACd+C,OAAQlE,KAAKuB,WACb4C,QAASnE,KAAKyB,YACd2C,UAAWpE,KAAK2B,iBAIpBsB,EAAA,QAAApB,IAAA,2CAAM2B,KAAK,QAAQ5D,GAAII,KAAKE,QAASwD,MAAM,iBACzCT,EAAA,QAAApB,IAAA,+C","ignoreList":[]}

package/dist/ui-library/p-dc2109d2.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as t,g as s}from"./p-JoG9I7EO.js";import{f as a}from"./p-Vw_F19Fv.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--hide-duration:var(--six-transition-medium);--hide-timing-function:ease;--show-duration:var(--six-transition-medium);--show-timing-function:ease;--horizontal-padding:var(--six-spacing-medium);font-family:var(--six-font-family);display:block}.details{border:solid var(--six-border-width) var(--six-input-border-color);border-radius:var(--six-border-radius-medium);color:var(--six-details-color);overflow-anchor:none;font-size:var(--six-input-font-size-medium)}.details:hover:not(.details--disabled):not(.details--open){border-color:var(--six-input-border-color-hover)}.details.inline{border:none;color:var(--six-sidebar-color)}.details.inline:hover{background-color:var(--six-sidebar-hover-background-color)}.details.inline.details--open{background-color:var(--six-color-web-rock-50)}.details.inline.details--open:hover{border:none;box-shadow:none}.details.inline.details--open>.details__header{color:var(--six-sidebar-color);font-weight:var(--six-font-weight-bold);background-color:var(--six-sidebar-header-background-color)}.details--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);color:var(--six-input-color-disabled)}.details__header{display:flex;align-items:center;border-radius:inherit;padding:var(--six-spacing-medium) var(--horizontal-padding);user-select:none;cursor:pointer}.details__header:focus{outline:none}.details--disabled .details__header{cursor:not-allowed;border-width:1px}.details--disabled .details__header:focus{outline:none;box-shadow:none}.details__summary{flex:1 1 auto;display:flex;align-items:center}.details__summary-icon{flex:0 0 auto;display:flex;align-items:center;font-size:1.2em;transition:var(--six-transition-medium) transform ease}.details--open .details__summary-icon--animate{transform:rotate(-180deg)}.details__body{height:0;overflow:hidden;transition-property:height;transition-duration:var(--hide-duration);transition-timing-function:var(--hide-timing-function)}.details--open .details__body{transition-duration:var(--show-duration);transition-timing-function:var(--show-timing-function)}.details__content{padding:var(--six-spacing-medium)}";let r=0;const n=class{constructor(t){i(this,t);this.sixShow=e(this,"six-details-show");this.sixAfterShow=e(this,"six-details-after-show");this.sixHide=e(this,"six-details-hide");this.sixAfterHide=e(this,"six-details-after-hide");this.animateSummaryIcon=true;this.componentId=`details-${++r}`;this.isVisible=false;this.open=false;this.summary="";this.summaryIconSize="inherit";this.disabled=false;this.inline=false;this.selectableEmpty=false;this.hasContent=true;this.handleBodyTransitionEnd=i=>{if(this.body==null)return;const e=i.target;if(i.propertyName==="height"&&e.classList.contains("details__body")){this.body.style.overflow=this.open?"visible":"hidden";this.body.style.height=this.open?"auto":"0";this.open?this.sixAfterShow.emit():this.sixAfterHide.emit();this.body.hidden=!this.open}};this.handleSummaryClick=()=>{var i;if(!this.disabled&&(this.hasContent||this.selectableEmpty)){this.open?this.hide():this.show();(i=this.header)===null||i===void 0?void 0:i.focus()}};this.handleSummaryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.open?this.hide():this.show()}if(i.key==="ArrowUp"||i.key==="ArrowLeft"){i.preventDefault();this.hide()}if(i.key==="ArrowDown"||i.key==="ArrowRight"){i.preventDefault();this.show()}}}handleOpenChange(){if(this.body!=null){this.open?this.show():this.hide()}}componentDidLoad(){if(this.details==null||this.body==null)return;a.observe(this.details);this.body.hidden=!this.open;if(this.open){this.show()}}disconnectedCallback(){if(this.details!=null){a.unobserve(this.details)}}async show(){if(this.isVisible||this.body==null)return;const i=this.sixShow.emit();if(i.defaultPrevented){this.open=false;return}this.body.hidden=false;if(this.body.scrollHeight===0){this.body.style.height="auto";this.body.style.overflow="visible"}else{this.body.style.height=`${this.body.scrollHeight}px`;this.body.style.overflow="hidden"}this.isVisible=true;this.open=true}async hide(){if(!this.isVisible||this.body==null)return;const i=this.body;const e=this.sixHide.emit();if(e.defaultPrevented){this.open=true;return}i.style.height=`${i.scrollHeight}px`;i.style.overflow="hidden";requestAnimationFrame((()=>{i.style.height="0"}));this.isVisible=false;this.open=false}render(){const i=this.hasContent&&(this.summaryIcon||"expand_more");return t("div",{key:"faed14eb237bca80205f5d2f3c03e0aa2be2aa8a",ref:i=>this.details=i,part:"base",class:{details:true,"details--open":this.open,"details--disabled":this.disabled,inline:this.inline}},t("header",{key:"1be614a46a9bc877348438b591d2da153332c7ae",ref:i=>this.header=i,part:"header",id:`${this.componentId}-header`,class:"details__header",role:"button","aria-expanded":this.open?"true":"false","aria-controls":`${this.componentId}-content`,"aria-disabled":this.disabled?"true":"false",tabIndex:this.disabled?-1:0,onClick:this.handleSummaryClick,onKeyDown:this.handleSummaryKeyDown},t("div",{key:"9734b67556eec1f335043935761a19a11aa831eb",part:"summary",class:"details__summary"},t("slot",{key:"91c5af23a7938f1f199d3c54ddaca3e669f3b80e",name:"summary"},this.summary)),t("span",{key:"e624c2b720729d51128024eabbc5416033931f36",part:"summary-icon",class:{"details__summary-icon":true,"details__summary-icon--animate":this.animateSummaryIcon}},t("slot",{key:"cf6e43a08611306c4eee490042630b1a417df109",name:"summary-icon",onSlotchange:()=>this.animateSummaryIcon=false},i&&t("six-icon",{key:"6d28327bc4a439706ce71ad64056697f1b4c8448",size:this.summaryIconSize},i)))),t("div",{key:"21dc33a99a72f2eb639f35d48e7fa3369eb2d081",ref:i=>this.body=i,class:"details__body",onTransitionEnd:this.handleBodyTransitionEnd},t("div",{key:"c517d961bbc8f7ef4a21a5826b839c2eae98dd13",part:"content",id:`${this.componentId}-content`,class:"details__content",role:"region","aria-labelledby":`${this.componentId}-header`},t("slot",{key:"e9e601dc421a3c31976f7ddf5b9bc681bbe6b8c1"}))))}get host(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};n.style=o;export{n as six_details};
+//# sourceMappingURL=p-dc2109d2.entry.js.map

package/dist/ui-library/{p-a8395142.entry.js.map → p-dc2109d2.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["sixDetailsCss","id","SixDetails","constructor","hostRef","this","animateSummaryIcon","componentId","isVisible","open","summary","summaryIconSize","disabled","inline","selectableEmpty","hasContent","handleBodyTransitionEnd","event","body","target","propertyName","classList","contains","style","overflow","height","sixAfterShow","emit","sixAfterHide","hidden","handleSummaryClick","hide","show","_a","header","focus","handleSummaryKeyDown","key","preventDefault","handleOpenChange","componentDidLoad","details","focusVisible","observe","disconnectedCallback","unobserve","sixShow","defaultPrevented","scrollHeight","sixHide","requestAnimationFrame","render","summaryIcon","h","ref","el","part","class","role","tabIndex","onClick","onKeyDown","name","onSlotchange","size","onTransitionEnd"],"sources":["src/components/six-details/six-details.scss?tag=six-details&encapsulation=shadow","src/components/six-details/six-details.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --hide-duration: The length of the hide transition.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --show-duration: The length of the show transition.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n * @prop --horizontal-padding: The horizontal padding\n */\n:host {\n  --hide-duration: var(--six-transition-medium);\n  --hide-timing-function: ease;\n  --show-duration: var(--six-transition-medium);\n  --show-timing-function: ease;\n  --horizontal-padding: var(--six-spacing-medium);\n\n  font-family: var(--six-font-family);\n  display: block;\n}\n\n.details {\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  border-radius: var(--six-border-radius-medium);\n  color: var(--six-details-color);\n  overflow-anchor: none;\n  font-size: var(--six-input-font-size-medium);\n\n  &:hover:not(.details--disabled):not(.details--open) {\n    border-color: var(--six-input-border-color-hover);\n  }\n\n  &.inline {\n    border: none;\n    color: var(--six-sidebar-color);\n\n    &:hover {\n      background-color: var(--six-sidebar-hover-background-color);\n    }\n\n    &.details--open {\n      background-color: var(--six-color-web-rock-50);\n\n      &:hover {\n        border: none;\n        box-shadow: none;\n      }\n\n      & > .details__header {\n        color: var(--six-sidebar-color);\n        font-weight: var(--six-font-weight-bold);\n        background-color: var(--six-sidebar-header-background-color);\n      }\n    }\n  }\n}\n\n.details--disabled {\n  background-color: var(--six-input-background-color-disabled);\n  border-color: var(--six-input-border-color-disabled);\n  color: var(--six-input-color-disabled);\n}\n\n.details__header {\n  display: flex;\n  align-items: center;\n  border-radius: inherit;\n  padding: var(--six-spacing-medium) var(--horizontal-padding);\n  user-select: none;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.focus-visible .details__header:focus {\n}\n\n.details--disabled .details__header {\n  cursor: not-allowed;\n  border-width: 1px;\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n.details__summary {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n}\n\n.details__summary-icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.2em;\n  transition: var(--six-transition-medium) transform ease;\n}\n\n.details--open .details__summary-icon--animate {\n  transform: rotate(-180deg);\n}\n\n.details__body {\n  height: 0;\n  overflow: hidden;\n  transition-property: height;\n  transition-duration: var(--hide-duration);\n  transition-timing-function: var(--hide-timing-function);\n}\n\n.details--open .details__body {\n  transition-duration: var(--show-duration);\n  transition-timing-function: var(--show-timing-function);\n}\n\n.details__content {\n  padding: var(--six-spacing-medium);\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\nimport { EmptyPayload } from '../../utils/types';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The details' content.\n * @slot summary - The details' summary. Alternatively, you can use the summary prop.\n *\n * @part base - The component's base wrapper.\n * @part header - The summary header.\n * @part summary - The details summary.\n * @part summary-icon - The expand/collapse summary icon.\n * @part content - The details content.\n */\n\n@Component({\n  tag: 'six-details',\n  styleUrl: 'six-details.scss',\n  shadow: true,\n})\nexport class SixDetails {\n  @Element() readonly host!: HTMLSixDetailsElement;\n\n  @State() animateSummaryIcon = true;\n\n  private body?: HTMLElement;\n  private details?: HTMLElement;\n  private header?: HTMLElement;\n  private componentId = `details-${++id}`;\n  private isVisible = false;\n\n  /** Indicates whether the details is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The summary to show in the details header. If you need to display HTML, use the `summary` slot instead. */\n  @Prop() summary = '';\n\n  /** The summary icon to show in the details header. If you need to display HTML, use the `summary-icon` slot instead. */\n  @Prop() summaryIcon?: string;\n\n  /** The icon's size. */\n  @Prop({ reflect: true }) summaryIconSize:\n    | 'inherit'\n    | 'xSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xLarge'\n    | 'xxLarge'\n    | 'xxxLarge' = 'inherit';\n\n  /** Set to true to prevent the user from toggling the details. */\n  @Prop() disabled = false;\n\n  /** Set to true when you want to use six-details inline e.g. in a sidebar */\n  @Prop() inline = false;\n\n  /** Set to true when you want details without content to be selectable. This is important if you e.g. have a toggled sidebar where some menus have no children  */\n  @Prop() selectableEmpty = false;\n\n  /** Set to false when you want to hide the summary icon and disable the open/close mechanism. Usually not needed, but used internally by 'six-sidebar-item-group' */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() hasContent = true;\n\n  @Watch('open')\n  handleOpenChange() {\n    if (this.body != null) {\n      this.open ? this.show() : this.hide();\n    }\n  }\n\n  /** Emitted when the details opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-details-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the details opens and all transitions are complete. */\n  @Event({ eventName: 'six-details-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the details closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-details-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the details closes and all transitions are complete. */\n  @Event({ eventName: 'six-details-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentDidLoad() {\n    if (this.details == null || this.body == null) return;\n\n    focusVisible.observe(this.details);\n    this.body.hidden = !this.open;\n\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.details != null) {\n      focusVisible.unobserve(this.details);\n    }\n  }\n\n  /** Shows the detail body */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible || this.body == null) return;\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.body.hidden = false;\n\n    if (this.body.scrollHeight === 0) {\n      // When the scroll height can't be measured, use auto. This prevents a borked open state when the details is open\n      // initially, but not immediately visible (i.e. in a tab panel).\n      this.body.style.height = 'auto';\n      this.body.style.overflow = 'visible';\n    } else {\n      this.body.style.height = `${this.body.scrollHeight}px`;\n      this.body.style.overflow = 'hidden';\n    }\n    this.isVisible = true;\n    this.open = true;\n  }\n\n  /** Hides the detail body */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible || this.body == null) return;\n    const body = this.body;\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    // We can't transition out of `height: auto`, so let's set it to the current height first\n    body.style.height = `${body.scrollHeight}px`;\n    body.style.overflow = 'hidden';\n\n    requestAnimationFrame(() => {\n      // tslint:disable-next-line: no-unused-expression\n      body.clientWidth; // force a reflow\n      body.style.height = '0';\n    });\n\n    this.isVisible = false;\n    this.open = false;\n  }\n\n  private handleBodyTransitionEnd = (event: TransitionEvent) => {\n    if (this.body == null) return;\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'height' && target.classList.contains('details__body')) {\n      this.body.style.overflow = this.open ? 'visible' : 'hidden';\n      this.body.style.height = this.open ? 'auto' : '0';\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n      this.body.hidden = !this.open;\n    }\n  };\n\n  private handleSummaryClick = () => {\n    if (!this.disabled && (this.hasContent || this.selectableEmpty)) {\n      this.open ? this.hide() : this.show();\n      this.header?.focus();\n    }\n  };\n\n  private handleSummaryKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.open ? this.hide() : this.show();\n    }\n\n    if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.hide();\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.show();\n    }\n  };\n\n  render() {\n    const summaryIcon = this.hasContent && (this.summaryIcon || 'expand_more');\n\n    return (\n      <div\n        ref={(el) => (this.details = el)}\n        part=\"base\"\n        class={{\n          details: true,\n          'details--open': this.open,\n          'details--disabled': this.disabled,\n          inline: this.inline,\n        }}\n      >\n        <header\n          ref={(el) => (this.header = el)}\n          part=\"header\"\n          id={`${this.componentId}-header`}\n          class=\"details__header\"\n          role=\"button\"\n          aria-expanded={this.open ? 'true' : 'false'}\n          aria-controls={`${this.componentId}-content`}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          tabIndex={this.disabled ? -1 : 0}\n          onClick={this.handleSummaryClick}\n          onKeyDown={this.handleSummaryKeyDown}\n        >\n          <div part=\"summary\" class=\"details__summary\">\n            <slot name=\"summary\">{this.summary}</slot>\n          </div>\n\n          <span\n            part=\"summary-icon\"\n            class={{\n              'details__summary-icon': true,\n              'details__summary-icon--animate': this.animateSummaryIcon,\n            }}\n          >\n            <slot name=\"summary-icon\" onSlotchange={() => (this.animateSummaryIcon = false)}>\n              {summaryIcon && <six-icon size={this.summaryIconSize}>{summaryIcon}</six-icon>}\n            </slot>\n          </span>\n        </header>\n\n        <div ref={(el) => (this.body = el)} class=\"details__body\" onTransitionEnd={this.handleBodyTransitionEnd}>\n          <div\n            part=\"content\"\n            id={`${this.componentId}-content`}\n            class=\"details__content\"\n            role=\"region\"\n            aria-labelledby={`${this.componentId}-header`}\n          >\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["sixDetailsCss","id","SixDetails","constructor","hostRef","this","animateSummaryIcon","componentId","isVisible","open","summary","summaryIconSize","disabled","inline","selectableEmpty","hasContent","handleBodyTransitionEnd","event","body","target","propertyName","classList","contains","style","overflow","height","sixAfterShow","emit","sixAfterHide","hidden","handleSummaryClick","hide","show","_a","header","focus","handleSummaryKeyDown","key","preventDefault","handleOpenChange","componentDidLoad","details","focusVisible","observe","disconnectedCallback","unobserve","sixShow","defaultPrevented","scrollHeight","sixHide","requestAnimationFrame","render","summaryIcon","h","ref","el","part","class","role","tabIndex","onClick","onKeyDown","name","onSlotchange","size","onTransitionEnd"],"sources":["src/components/six-details/six-details.scss?tag=six-details&encapsulation=shadow","src/components/six-details/six-details.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --hide-duration: The length of the hide transition.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --show-duration: The length of the show transition.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n * @prop --horizontal-padding: The horizontal padding\n */\n:host {\n  --hide-duration: var(--six-transition-medium);\n  --hide-timing-function: ease;\n  --show-duration: var(--six-transition-medium);\n  --show-timing-function: ease;\n  --horizontal-padding: var(--six-spacing-medium);\n\n  font-family: var(--six-font-family);\n  display: block;\n}\n\n.details {\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  border-radius: var(--six-border-radius-medium);\n  color: var(--six-details-color);\n  overflow-anchor: none;\n  font-size: var(--six-input-font-size-medium);\n\n  &:hover:not(.details--disabled):not(.details--open) {\n    border-color: var(--six-input-border-color-hover);\n  }\n\n  &.inline {\n    border: none;\n    color: var(--six-sidebar-color);\n\n    &:hover {\n      background-color: var(--six-sidebar-hover-background-color);\n    }\n\n    &.details--open {\n      background-color: var(--six-color-web-rock-50);\n\n      &:hover {\n        border: none;\n        box-shadow: none;\n      }\n\n      & > .details__header {\n        color: var(--six-sidebar-color);\n        font-weight: var(--six-font-weight-bold);\n        background-color: var(--six-sidebar-header-background-color);\n      }\n    }\n  }\n}\n\n.details--disabled {\n  background-color: var(--six-input-background-color-disabled);\n  border-color: var(--six-input-border-color-disabled);\n  color: var(--six-input-color-disabled);\n}\n\n.details__header {\n  display: flex;\n  align-items: center;\n  border-radius: inherit;\n  padding: var(--six-spacing-medium) var(--horizontal-padding);\n  user-select: none;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.focus-visible .details__header:focus {\n}\n\n.details--disabled .details__header {\n  cursor: not-allowed;\n  border-width: 1px;\n\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n.details__summary {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n}\n\n.details__summary-icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.2em;\n  transition: var(--six-transition-medium) transform ease;\n}\n\n.details--open .details__summary-icon--animate {\n  transform: rotate(-180deg);\n}\n\n.details__body {\n  height: 0;\n  overflow: hidden;\n  transition-property: height;\n  transition-duration: var(--hide-duration);\n  transition-timing-function: var(--hide-timing-function);\n}\n\n.details--open .details__body {\n  transition-duration: var(--show-duration);\n  transition-timing-function: var(--show-timing-function);\n}\n\n.details__content {\n  padding: var(--six-spacing-medium);\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { focusVisible } from '../../utils/focus-visible';\nimport { EmptyPayload } from '../../utils/types';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The details' content.\n * @slot summary - The details' summary. Alternatively, you can use the summary prop.\n *\n * @part base - The component's base wrapper.\n * @part header - The summary header.\n * @part summary - The details summary.\n * @part summary-icon - The expand/collapse summary icon.\n * @part content - The details content.\n */\n\n@Component({\n  tag: 'six-details',\n  styleUrl: 'six-details.scss',\n  shadow: true,\n})\nexport class SixDetails {\n  @Element() readonly host!: HTMLSixDetailsElement;\n\n  @State() animateSummaryIcon = true;\n\n  private body?: HTMLElement;\n  private details?: HTMLElement;\n  private header?: HTMLElement;\n  private componentId = `details-${++id}`;\n  private isVisible = false;\n\n  /** Indicates whether the details is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The summary to show in the details header. If you need to display HTML, use the `summary` slot instead. */\n  @Prop() summary = '';\n\n  /** The summary icon to show in the details header. If you need to display HTML, use the `summary-icon` slot instead. */\n  @Prop() summaryIcon?: string;\n\n  /** The icon's size. */\n  @Prop({ reflect: true }) summaryIconSize:\n    | 'inherit'\n    | 'xSmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xLarge'\n    | 'xxLarge'\n    | 'xxxLarge' = 'inherit';\n\n  /** Set to true to prevent the user from toggling the details. */\n  @Prop() disabled = false;\n\n  /** Set to true when you want to use six-details inline e.g. in a sidebar */\n  @Prop() inline = false;\n\n  /** Set to true when you want details without content to be selectable. This is important if you e.g. have a toggled sidebar where some menus have no children  */\n  @Prop() selectableEmpty = false;\n\n  /** Set to false when you want to hide the summary icon and disable the open/close mechanism. Usually not needed, but used internally by 'six-sidebar-item-group' */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() hasContent = true;\n\n  @Watch('open')\n  handleOpenChange() {\n    if (this.body != null) {\n      this.open ? this.show() : this.hide();\n    }\n  }\n\n  /** Emitted when the details opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-details-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the details opens and all transitions are complete. */\n  @Event({ eventName: 'six-details-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the details closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-details-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the details closes and all transitions are complete. */\n  @Event({ eventName: 'six-details-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentDidLoad() {\n    if (this.details == null || this.body == null) return;\n\n    focusVisible.observe(this.details);\n    this.body.hidden = !this.open;\n\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.details != null) {\n      focusVisible.unobserve(this.details);\n    }\n  }\n\n  /** Shows the detail body */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible || this.body == null) return;\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.body.hidden = false;\n\n    if (this.body.scrollHeight === 0) {\n      // When the scroll height can't be measured, use auto. This prevents a borked open state when the details is open\n      // initially, but not immediately visible (i.e. in a tab panel).\n      this.body.style.height = 'auto';\n      this.body.style.overflow = 'visible';\n    } else {\n      this.body.style.height = `${this.body.scrollHeight}px`;\n      this.body.style.overflow = 'hidden';\n    }\n    this.isVisible = true;\n    this.open = true;\n  }\n\n  /** Hides the detail body */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible || this.body == null) return;\n    const body = this.body;\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    // We can't transition out of `height: auto`, so let's set it to the current height first\n    body.style.height = `${body.scrollHeight}px`;\n    body.style.overflow = 'hidden';\n\n    requestAnimationFrame(() => {\n      // tslint:disable-next-line: no-unused-expression\n      body.clientWidth; // force a reflow\n      body.style.height = '0';\n    });\n\n    this.isVisible = false;\n    this.open = false;\n  }\n\n  private handleBodyTransitionEnd = (event: TransitionEvent) => {\n    if (this.body == null) return;\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'height' && target.classList.contains('details__body')) {\n      this.body.style.overflow = this.open ? 'visible' : 'hidden';\n      this.body.style.height = this.open ? 'auto' : '0';\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n      this.body.hidden = !this.open;\n    }\n  };\n\n  private handleSummaryClick = () => {\n    if (!this.disabled && (this.hasContent || this.selectableEmpty)) {\n      this.open ? this.hide() : this.show();\n      this.header?.focus();\n    }\n  };\n\n  private handleSummaryKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.open ? this.hide() : this.show();\n    }\n\n    if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.hide();\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.show();\n    }\n  };\n\n  render() {\n    const summaryIcon = this.hasContent && (this.summaryIcon || 'expand_more');\n\n    return (\n      <div\n        ref={(el) => (this.details = el)}\n        part=\"base\"\n        class={{\n          details: true,\n          'details--open': this.open,\n          'details--disabled': this.disabled,\n          inline: this.inline,\n        }}\n      >\n        <header\n          ref={(el) => (this.header = el)}\n          part=\"header\"\n          id={`${this.componentId}-header`}\n          class=\"details__header\"\n          role=\"button\"\n          aria-expanded={this.open ? 'true' : 'false'}\n          aria-controls={`${this.componentId}-content`}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          tabIndex={this.disabled ? -1 : 0}\n          onClick={this.handleSummaryClick}\n          onKeyDown={this.handleSummaryKeyDown}\n        >\n          <div part=\"summary\" class=\"details__summary\">\n            <slot name=\"summary\">{this.summary}</slot>\n          </div>\n\n          <span\n            part=\"summary-icon\"\n            class={{\n              'details__summary-icon': true,\n              'details__summary-icon--animate': this.animateSummaryIcon,\n            }}\n          >\n            <slot name=\"summary-icon\" onSlotchange={() => (this.animateSummaryIcon = false)}>\n              {summaryIcon && <six-icon size={this.summaryIconSize}>{summaryIcon}</six-icon>}\n            </slot>\n          </span>\n        </header>\n\n        <div ref={(el) => (this.body = el)} class=\"details__body\" onTransitionEnd={this.handleBodyTransitionEnd}>\n          <div\n            part=\"content\"\n            id={`${this.componentId}-content`}\n            class=\"details__content\"\n            role=\"region\"\n            aria-labelledby={`${this.componentId}-header`}\n          >\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-e85be7d2.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e}from"./p-JoG9I7EO.js";const o=".six-error-container{text-align:left;color:var(--six-color-danger-800);width:100%;font-size:var(--six-input-help-text-font-size-medium)}";const t=class{constructor(e){r(this,e)}render(){return e("div",{key:"35e774adc232f29f26ed0dcc98f6befe1f2a6735",class:"six-error-container"},e("slot",{key:"3ef7bc24a95509089baaf676986a5a6c91d32274"}))}};t.style=o;export{t as six_error};
+//# sourceMappingURL=p-e85be7d2.entry.js.map

package/dist/ui-library/p-e92df84a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,g as s}from"./p-JoG9I7EO.js";import{g as a}from"./p-j3oIB5oT.js";const r=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:contents;margin:0}.alert{position:relative;display:flex;align-items:stretch;background-color:var(--six-color-white);border:solid 1px var(--six-color-web-rock-200);border-top-width:3px;border-radius:var(--six-border-radius-medium);box-shadow:var(--box-shadow);font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:1.6;color:var(--six-color-web-rock-700);opacity:0;transform:scale(0.9);transition:var(--six-transition-medium) opacity ease, var(--six-transition-medium) transform ease;margin:inherit}.alert:not(.alert--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--shadow{box-shadow:var(--six-shadow-medium)}.alert--open{opacity:1;transform:none}.alert__icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-large)}.alert__icon ::slotted(*){margin-left:var(--six-spacing-large)}.alert--primary{border-top-color:var(--six-color-web-rock-900)}.alert--primary .alert__icon{color:var(--six-color-web-rock-900)}.alert--success{border-top-color:var(--six-color-success-600)}.alert--success .alert__icon{color:var(--six-color-success-600)}.alert--info{border-top-color:var(--six-color-action-500)}.alert--info .alert__icon{color:var(--six-color-action-500)}.alert--warning{border-top-color:var(--six-color-warning-800)}.alert--warning .alert__icon{color:var(--six-color-warning-800)}.alert--danger{border-top-color:var(--six-color-danger-900)}.alert--danger .alert__icon{color:var(--six-color-danger-900)}.alert__message{flex:1 1 auto;padding:var(--six-spacing-large);overflow:hidden}.alert__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-large);padding-right:var(--six-spacing-medium)}";const o=Object.assign(document.createElement("div"),{className:"six-toast-stack"});const n=class{constructor(e){t(this,e);this.sixShow=i(this,"six-alert-show");this.sixAfterShow=i(this,"six-alert-after-show");this.sixHide=i(this,"six-alert-hide");this.sixAfterHide=i(this,"six-alert-after-hide");this.isVisible=false;this.open=false;this.closable=false;this.type="primary";this.duration=Infinity;this.handleCloseClick=()=>{this.hide()};this.handleMouseEnter=()=>{this.pauseAutoHide()};this.handleMouseLeave=()=>{this.resetAutoHide()};this.handleTransitionEnd=t=>{const i=t.target;if(t.propertyName==="opacity"&&i.classList.contains("alert")){this.isVisible=this.open;this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}}}handleOpenChange(){this.open?this.show():this.hide()}handleDurationChange(){this.restartAutoHide()}componentWillLoad(){if(this.open){this.show()}}async show(){if(this.isVisible){return}const t=this.sixShow.emit();if(t.defaultPrevented){this.open=false;return}this.isVisible=true;this.open=true;if(this.duration<Infinity){this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration)}}async hide(){if(!this.isVisible){return}const t=this.sixHide.emit();if(t.defaultPrevented){this.open=true;return}clearTimeout(this.autoHideTimeout);this.isVisible=false;this.open=false}async toast(t=true){return new Promise((i=>{var e;if(!o.parentElement){document.body.append(o)}o.append(this.host);if(t){const t=document.querySelector("six-root");const i=a(t,"header");const s=(e=t===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector("host main");if(s!=null&&s instanceof HTMLElement){const t=s.offsetWidth-s.clientWidth;o.style.right=`${t}px`}if(i!=null){const t=i===null||i===void 0?void 0:i.getBoundingClientRect();o.style.top=`${t.top+t.height}px`}}else{o.style.top="0";o.style.right="0"}requestAnimationFrame((()=>this.show()));this.host.addEventListener("six-alert-after-hide",(()=>{this.host.remove();i();if(o.querySelector("six-alert")===null){o.remove()}}),{once:true})}))}pauseAutoHide(){clearTimeout(this.autoHideTimeout)}resetAutoHide(){if(this.open&&this.duration<Infinity){this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration)}}restartAutoHide(){this.pauseAutoHide();this.resetAutoHide()}render(){const t=this.host.closest(".six-toast-stack")!=null;return e("div",{key:"cd9d14bef5923cf2ec8add1f61e92733aa9dd59f",part:"base",class:{alert:true,"alert--open":this.open,"alert--visible":this.isVisible,"alert--closable":this.closable,"alert--primary":this.type==="primary","alert--success":this.type==="success","alert--info":this.type==="info","alert--warning":this.type==="warning","alert--danger":this.type==="danger","alert--shadow":t},role:"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":this.open?"false":"true",onTransitionEnd:this.handleTransitionEnd,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("span",{key:"fb6e8cf52eb87ddb1a81a797482457b3afccaa98",part:"icon",class:"alert__icon"},e("slot",{key:"3d97a399ac05620214ef8a4d6a19c37a103f76a2",name:"icon"})),e("span",{key:"3984ce04838d33a688b6cfafb7827646e0e9d582",part:"message",class:"alert__message"},e("slot",{key:"f84ff31b7b74571b2ff9f074b617cb344313939e"})),this.closable&&e("span",{key:"5291d4a747001042ad9882c32427094019e16dbb",class:"alert__close"},e("six-icon-button",{key:"48a38b0a283400ae84ed95df38a43ee6a41e1fb0",name:"clear",exportparts:"base:close-button",onClick:this.handleCloseClick})))}get host(){return s(this)}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}}};n.style=r;export{n as six_alert};
+//# sourceMappingURL=p-e92df84a.entry.js.map

package/dist/ui-library/p-e92df84a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixAlertCss","toastStack","Object","assign","document","createElement","className","SixAlert","constructor","hostRef","this","isVisible","open","closable","type","duration","Infinity","handleCloseClick","hide","handleMouseEnter","pauseAutoHide","handleMouseLeave","resetAutoHide","handleTransitionEnd","event","target","propertyName","classList","contains","sixAfterShow","emit","sixAfterHide","handleOpenChange","show","handleDurationChange","restartAutoHide","componentWillLoad","sixShow","defaultPrevented","autoHideTimeout","window","setTimeout","sixHide","clearTimeout","toast","adjustPosition","Promise","resolve","parentElement","body","append","host","sixRoot","querySelector","headerSlot","getSlot","mainSlot","_a","shadowRoot","HTMLElement","scrollbarWidth","offsetWidth","clientWidth","style","right","rect","getBoundingClientRect","top","height","requestAnimationFrame","addEventListener","remove","once","render","asToast","closest","h","key","part","class","alert","role","onTransitionEnd","onMouseEnter","onMouseLeave","name","exportparts","onClick"],"sources":["src/components/six-alert/six-alert.scss?tag=six-alert&encapsulation=shadow","src/components/six-alert/six-alert.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hidden';\n\n/**\n * @prop --box-shadow: The alert's box shadow.\n */\n:host {\n  display: contents;\n\n  // For better DX, we'll reset the margin here so the base part can inherit it\n  margin: 0;\n}\n\n.alert {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  background-color: var(--six-color-white);\n  border: solid 1px var(--six-color-web-rock-200);\n  border-top-width: 3px;\n  border-radius: var(--six-border-radius-medium);\n  box-shadow: var(--box-shadow);\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  line-height: 1.6;\n  color: var(--six-color-web-rock-700);\n  opacity: 0;\n  transform: scale(0.9);\n  transition:\n    var(--six-transition-medium) opacity ease,\n    var(--six-transition-medium) transform ease;\n  margin: inherit;\n\n  &:not(.alert--visible) {\n    @include hidden;\n  }\n}\n\n.alert--shadow {\n  box-shadow: var(--six-shadow-medium);\n}\n\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--six-font-size-large);\n\n  ::slotted(*) {\n    margin-left: var(--six-spacing-large);\n  }\n}\n\n.alert--primary {\n  border-top-color: var(--six-color-web-rock-900);\n\n  .alert__icon {\n    color: var(--six-color-web-rock-900);\n  }\n}\n\n.alert--success {\n  border-top-color: var(--six-color-success-600);\n\n  .alert__icon {\n    color: var(--six-color-success-600);\n  }\n}\n\n.alert--info {\n  border-top-color: var(--six-color-action-500);\n\n  .alert__icon {\n    color: var(--six-color-action-500);\n  }\n}\n\n.alert--warning {\n  border-top-color: var(--six-color-warning-800);\n\n  .alert__icon {\n    color: var(--six-color-warning-800);\n  }\n}\n\n.alert--danger {\n  border-top-color: var(--six-color-danger-900);\n\n  .alert__icon {\n    color: var(--six-color-danger-900);\n  }\n}\n\n.alert__message {\n  flex: 1 1 auto;\n  padding: var(--six-spacing-large);\n  overflow: hidden;\n}\n\n.alert__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--six-font-size-large);\n  padding-right: var(--six-spacing-medium);\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getSlot } from '../../utils/slot';\n\nconst toastStack = Object.assign(document.createElement('div'), { className: 'six-toast-stack' });\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the alert icon.\n * @part message - The alert message.\n * @part close-button - The close button.\n */\n\n@Component({\n  tag: 'six-alert',\n  styleUrl: 'six-alert.scss',\n  shadow: true,\n})\nexport class SixAlert {\n  private autoHideTimeout?: number;\n\n  @Element() host!: HTMLSixAlertElement;\n\n  @State() isVisible = false;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The type of alert. */\n  @Prop({ reflect: true }) type: AlertType = 'primary';\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself.\n   * If the user hovers over the toast alert, the timer will pause.\n   * On leaving the element with the mouse, the timer resets.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-alert-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-alert-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentWillLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.isVisible = true;\n    this.open = true;\n\n    if (this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    clearTimeout(this.autoHideTimeout);\n    this.isVisible = false;\n    this.open = false;\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   * @param adjustPosition  If true, the top and right position of the toast stack is shifted according to the\n   *                        six-root header's height and the presence of a vertical scrollbar.\n   */\n  @Method()\n  async toast(adjustPosition = true) {\n    return new Promise<void>((resolve) => {\n      if (!toastStack.parentElement) {\n        document.body.append(toastStack);\n      }\n      toastStack.append(this.host);\n\n      if (adjustPosition) {\n        const sixRoot = document.querySelector('six-root');\n        const headerSlot = getSlot(sixRoot, 'header');\n        const mainSlot = sixRoot?.shadowRoot?.querySelector('host main');\n        if (mainSlot != null && mainSlot instanceof HTMLElement) {\n          const scrollbarWidth = mainSlot.offsetWidth - mainSlot.clientWidth;\n          toastStack.style.right = `${scrollbarWidth}px`;\n        }\n        if (headerSlot != null) {\n          const rect = headerSlot?.getBoundingClientRect();\n          toastStack.style.top = `${rect.top + rect.height}px`;\n        }\n      } else {\n        toastStack.style.top = '0';\n        toastStack.style.right = '0';\n      }\n\n      requestAnimationFrame(() => this.show());\n\n      this.host.addEventListener(\n        'six-alert-after-hide',\n        () => {\n          this.host.remove();\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (toastStack.querySelector('six-alert') === null) {\n            toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  private pauseAutoHide() {\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  private resetAutoHide() {\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  private restartAutoHide() {\n    this.pauseAutoHide();\n    this.resetAutoHide();\n  }\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleMouseEnter = () => {\n    this.pauseAutoHide();\n  };\n\n  private handleMouseLeave = () => {\n    this.resetAutoHide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'opacity' && target.classList.contains('alert')) {\n      this.isVisible = this.open;\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n    }\n  };\n\n  render() {\n    const asToast = this.host.closest('.six-toast-stack') != null;\n\n    return (\n      <div\n        part=\"base\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--visible': this.isVisible,\n          'alert--closable': this.closable,\n          'alert--primary': this.type === 'primary',\n          'alert--success': this.type === 'success',\n          'alert--info': this.type === 'info',\n          'alert--warning': this.type === 'warning',\n          'alert--danger': this.type === 'danger',\n          'alert--shadow': asToast,\n        }}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        onTransitionEnd={this.handleTransitionEnd}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        <span part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\" />\n        </span>\n\n        <span part=\"message\" class=\"alert__message\">\n          <slot />\n        </span>\n\n        {this.closable && (\n          <span class=\"alert__close\">\n            <six-icon-button\n              name=\"clear\"\n              exportparts=\"base:close-button\"\n              onClick={this.handleCloseClick}\n            ></six-icon-button>\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n\nexport type AlertType = 'primary' | 'success' | 'info' | 'warning' | 'danger';\n"],"mappings":"6FAAA,MAAMA,EAAc,ygECIpB,MAAMC,EAAaC,OAAOC,OAAOC,SAASC,cAAc,OAAQ,CAAEC,UAAW,oB,MAsBhEC,EAAQ,MALrB,WAAAC,CAAAC,G,wLAUWC,KAASC,UAAG,MAGmBD,KAAIE,KAAG,MAGtBF,KAAQG,SAAG,MAGXH,KAAII,KAAc,UAOnCJ,KAAQK,SAAGC,SAyIXN,KAAgBO,iBAAG,KACzBP,KAAKQ,MAAM,EAGLR,KAAgBS,iBAAG,KACzBT,KAAKU,eAAe,EAGdV,KAAgBW,iBAAG,KACzBX,KAAKY,eAAe,EAGdZ,KAAAa,oBAAuBC,IAC7B,MAAMC,EAASD,EAAMC,OAGrB,GAAID,EAAME,eAAiB,WAAaD,EAAOE,UAAUC,SAAS,SAAU,CAC1ElB,KAAKC,UAAYD,KAAKE,KACtBF,KAAKE,KAAOF,KAAKmB,aAAaC,OAASpB,KAAKqB,aAAaD,M,EAkD9D,CA1MC,gBAAAE,GACEtB,KAAKE,KAAOF,KAAKuB,OAASvB,KAAKQ,M,CAIjC,oBAAAgB,GACExB,KAAKyB,iB,CAeP,iBAAAC,GAEE,GAAI1B,KAAKE,KAAM,CACbF,KAAKuB,M,EAMT,UAAMA,GAEJ,GAAIvB,KAAKC,UAAW,CAClB,M,CAGF,MAAM0B,EAAU3B,KAAK2B,QAAQP,OAC7B,GAAIO,EAAQC,iBAAkB,CAC5B5B,KAAKE,KAAO,MACZ,M,CAGFF,KAAKC,UAAY,KACjBD,KAAKE,KAAO,KAEZ,GAAIF,KAAKK,SAAWC,SAAU,CAC5BN,KAAK6B,gBAAkBC,OAAOC,YAAW,IAAM/B,KAAKQ,QAAQR,KAAKK,S,EAMrE,UAAMG,GAEJ,IAAKR,KAAKC,UAAW,CACnB,M,CAGF,MAAM+B,EAAUhC,KAAKgC,QAAQZ,OAC7B,GAAIY,EAAQJ,iBAAkB,CAC5B5B,KAAKE,KAAO,KACZ,M,CAGF+B,aAAajC,KAAK6B,iBAClB7B,KAAKC,UAAY,MACjBD,KAAKE,KAAO,K,CAWd,WAAMgC,CAAMC,EAAiB,MAC3B,OAAO,IAAIC,SAAeC,I,MACxB,IAAK9C,EAAW+C,cAAe,CAC7B5C,SAAS6C,KAAKC,OAAOjD,E,CAEvBA,EAAWiD,OAAOxC,KAAKyC,MAEvB,GAAIN,EAAgB,CAClB,MAAMO,EAAUhD,SAASiD,cAAc,YACvC,MAAMC,EAAaC,EAAQH,EAAS,UACpC,MAAMI,GAAWC,EAAAL,IAAO,MAAPA,SAAO,SAAPA,EAASM,cAAY,MAAAD,SAAA,SAAAA,EAAAJ,cAAc,aACpD,GAAIG,GAAY,MAAQA,aAAoBG,YAAa,CACvD,MAAMC,EAAiBJ,EAASK,YAAcL,EAASM,YACvD7D,EAAW8D,MAAMC,MAAQ,GAAGJ,K,CAE9B,GAAIN,GAAc,KAAM,CACtB,MAAMW,EAAOX,IAAA,MAAAA,SAAU,SAAVA,EAAYY,wBACzBjE,EAAW8D,MAAMI,IAAM,GAAGF,EAAKE,IAAMF,EAAKG,U,MAEvC,CACLnE,EAAW8D,MAAMI,IAAM,IACvBlE,EAAW8D,MAAMC,MAAQ,G,CAG3BK,uBAAsB,IAAM3D,KAAKuB,SAEjCvB,KAAKyC,KAAKmB,iBACR,wBACA,KACE5D,KAAKyC,KAAKoB,SACVxB,IAGA,GAAI9C,EAAWoD,cAAc,eAAiB,KAAM,CAClDpD,EAAWsE,Q,IAGf,CAAEC,KAAM,MACT,G,CAIG,aAAApD,GACNuB,aAAajC,KAAK6B,gB,CAGZ,aAAAjB,GACN,GAAIZ,KAAKE,MAAQF,KAAKK,SAAWC,SAAU,CACzCN,KAAK6B,gBAAkBC,OAAOC,YAAW,IAAM/B,KAAKQ,QAAQR,KAAKK,S,EAI7D,eAAAoB,GACNzB,KAAKU,gBACLV,KAAKY,e,CAyBP,MAAAmD,GACE,MAAMC,EAAUhE,KAAKyC,KAAKwB,QAAQ,qBAAuB,KAEzD,OACEC,EACE,OAAAC,IAAA,2CAAAC,KAAK,OACLC,MAAO,CACLC,MAAO,KACP,cAAetE,KAAKE,KACpB,iBAAkBF,KAAKC,UACvB,kBAAmBD,KAAKG,SACxB,iBAAkBH,KAAKI,OAAS,UAChC,iBAAkBJ,KAAKI,OAAS,UAChC,cAAeJ,KAAKI,OAAS,OAC7B,iBAAkBJ,KAAKI,OAAS,UAChC,gBAAiBJ,KAAKI,OAAS,SAC/B,gBAAiB4D,GAEnBO,KAAK,QACK,wBAAW,cACT,OAAM,cACLvE,KAAKE,KAAO,QAAU,OACnCsE,gBAAiBxE,KAAKa,oBACtB4D,aAAczE,KAAKS,iBACnBiE,aAAc1E,KAAKW,kBAEnBuD,EAAA,QAAAC,IAAA,2CAAMC,KAAK,OAAOC,MAAM,eACtBH,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,UAGbT,EAAA,QAAAC,IAAA,2CAAMC,KAAK,UAAUC,MAAM,kBACzBH,EAAA,QAAAC,IAAA,8CAGDnE,KAAKG,UACJ+D,EAAM,QAAAC,IAAA,2CAAAE,MAAM,gBACVH,EAAA,mBAAAC,IAAA,2CACEQ,KAAK,QACLC,YAAY,oBACZC,QAAS7E,KAAKO,oB","ignoreList":[]}

package/dist/ui-library/p-ea3bf68d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as s,g as e}from"./p-JoG9I7EO.js";const i=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block;font-family:var(--six-font-family)}.tab-panel{border:solid 1px transparent;padding:20px 20px}";let o=0;const r=class{constructor(a){t(this,a);this.componentId=`tab-panel-${++o}`;this.name="";this.active=false}render(){return a(s,{key:"b4c54fb42d68a3462abbd78dda16b1738e81dc57",id:this.host.id||this.componentId,style:{display:this.active?"block":"none"}},a("div",{key:"734645855fb3a875a6a43e46383122ddad15bbb3",part:"base",class:"tab-panel",role:"tabpanel","aria-selected":this.active?"true":"false","aria-hidden":this.active?"false":"true"},a("slot",{key:"1a789d112f5a048ac36f9a7e70208c99fb66c6c9"})))}get host(){return e(this)}};r.style=i;export{r as six_tab_panel};
+//# sourceMappingURL=p-ea3bf68d.entry.js.map

package/dist/ui-library/{p-c88adbc6.entry.js.map → p-ea3bf68d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["sixTabPanelCss","id","SixTabPanel","constructor","hostRef","this","componentId","name","active","render","h","Host","key","host","style","display","part","class","role"],"sources":["src/components/six-tab-panel/six-tab-panel.scss?tag=six-tab-panel&encapsulation=shadow","src/components/six-tab-panel/six-tab-panel.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n  font-family: var(--six-font-family);\n}\n\n.tab-panel {\n  border: solid 1px transparent;\n  padding: 20px 20px;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tab panel's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-tab-panel',\n  styleUrl: 'six-tab-panel.scss',\n  shadow: true,\n})\nexport class SixTabPanel {\n  private componentId = `tab-panel-${++id}`;\n\n  @Element() host!: HTMLSixTabPanelElement;\n\n  /** The tab panel's name. */\n  @Prop() name = '';\n\n  /** When true, the tab panel will be shown. */\n  @Prop({ reflect: true }) active = false;\n\n  render() {\n    return (\n      // If the user didn't provide an ID, we'll set one, so we can link tabs and tab panels with aria labels\n      <Host id={this.host.id || this.componentId} style={{ display: this.active ? 'block' : 'none' }}>\n        <div\n          part=\"base\"\n          class=\"tab-panel\"\n          role=\"tabpanel\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-hidden={this.active ? 'false' : 'true'}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,6NCEvB,IAAIC,EAAK,E,MAkBIC,EAAW,MALxB,WAAAC,CAAAC,G,UAMUC,KAAAC,YAAc,eAAeL,IAK7BI,KAAIE,KAAG,GAGUF,KAAMG,OAAG,KAkBnC,CAhBC,MAAAC,GACE,OAEEC,EAACC,EAAI,CAAAC,IAAA,2CAACX,GAAII,KAAKQ,KAAKZ,IAAMI,KAAKC,YAAaQ,MAAO,CAAEC,QAASV,KAAKG,OAAS,QAAU,SACpFE,EAAA,OAAAE,IAAA,2CACEI,KAAK,OACLC,MAAM,YACNC,KAAK,WAAU,gBACAb,KAAKG,OAAS,OAAS,QAAO,cAChCH,KAAKG,OAAS,QAAU,QAErCE,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["sixTabPanelCss","id","SixTabPanel","constructor","hostRef","this","componentId","name","active","render","h","Host","key","host","style","display","part","class","role"],"sources":["src/components/six-tab-panel/six-tab-panel.scss?tag=six-tab-panel&encapsulation=shadow","src/components/six-tab-panel/six-tab-panel.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n  font-family: var(--six-font-family);\n}\n\n.tab-panel {\n  border: solid 1px transparent;\n  padding: 20px 20px;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tab panel's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-tab-panel',\n  styleUrl: 'six-tab-panel.scss',\n  shadow: true,\n})\nexport class SixTabPanel {\n  private componentId = `tab-panel-${++id}`;\n\n  @Element() host!: HTMLSixTabPanelElement;\n\n  /** The tab panel's name. */\n  @Prop() name = '';\n\n  /** When true, the tab panel will be shown. */\n  @Prop({ reflect: true }) active = false;\n\n  render() {\n    return (\n      // If the user didn't provide an ID, we'll set one, so we can link tabs and tab panels with aria labels\n      <Host id={this.host.id || this.componentId} style={{ display: this.active ? 'block' : 'none' }}>\n        <div\n          part=\"base\"\n          class=\"tab-panel\"\n          role=\"tabpanel\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-hidden={this.active ? 'false' : 'true'}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,wVCEvB,IAAIC,EAAK,E,MAkBIC,EAAW,MALxB,WAAAC,CAAAC,G,UAMUC,KAAAC,YAAc,eAAeL,IAK7BI,KAAIE,KAAG,GAGUF,KAAMG,OAAG,KAkBnC,CAhBC,MAAAC,GACE,OAEEC,EAACC,EAAI,CAAAC,IAAA,2CAACX,GAAII,KAAKQ,KAAKZ,IAAMI,KAAKC,YAAaQ,MAAO,CAAEC,QAASV,KAAKG,OAAS,QAAU,SACpFE,EAAA,OAAAE,IAAA,2CACEI,KAAK,OACLC,MAAM,YACNC,KAAK,WAAU,gBACAb,KAAKG,OAAS,OAAS,QAAO,cAChCH,KAAKG,OAAS,QAAU,QAErCE,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/ui-library/p-ed6625e6.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as i}from"./p-JoG9I7EO.js";const e=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block;--size:2rem}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--size);height:var(--size);background-color:var(--six-avatar-background-color);font-family:var(--six-font-sans);font-size:calc(var(--size) * 0.5);font-weight:var(--six-font-weight-normal);color:var(--six-avatar-color);overflow:hidden;user-select:none;vertical-align:middle;cursor:pointer;outline:none}.avatar:hover{box-shadow:var(--six-shadow-medium)}.avatar--circle{border-radius:var(--six-border-radius-circle)}.avatar--rounded{border-radius:var(--six-border-radius-medium)}.avatar--square{border-radius:0}.avatar__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.avatar__initials{line-height:1;text-transform:uppercase}.avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}";const t=class{constructor(i){a(this,i);this.hasError=false;this.image="";this.alt="";this.initials="";this.shape="circle";this.handleImageError=()=>{this.hasError=true}}render(){return i("div",{key:"c18818d8ee0e4c16ecc7036dee47334eafa8d38d",part:"base",class:{avatar:true,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"},role:"image","aria-label":this.alt,tabIndex:0},this.initials===""&&i("div",{key:"793124283385b4d78d269217c0f80a303ea3af01",part:"icon",class:"avatar__icon"},i("slot",{key:"20046d36c15a800783c245fc9bd9f8a0c462cd00",name:"icon"},i("six-icon",{key:"e25b68320947163b737d94484d6bd5a43117f6d7"},"person"))),this.initials&&i("div",{key:"7f9e5c67a482b081116c0038ff248e1fdb9662d1",part:"initials",class:"avatar__initials"},this.initials),this.image&&!this.hasError&&i("img",{key:"44c10b4d2755543a5e77fc3d6b15e02ba917ef7d",part:"image",class:"avatar__image",src:this.image,onError:this.handleImageError}))}};t.style=e;export{t as six_avatar};
+//# sourceMappingURL=p-ed6625e6.entry.js.map