@six-group/ui-library 3.0.0-beta.1.7

package/dist/ui-library/p-8bd0873f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as r,g as i}from"./p-30ebc1e7.js";import{s as a,g as s}from"./p-044c6bf9.js";import{f as e}from"./p-191f958b.js";let b=class{constructor(r){t(this,r),this.sixTabShow=o(this,"six-tab-show",7),this.sixTabHide=o(this,"six-tab-hide",7),this.hasScrollControls=!1,this.placement="top",this.noScrollControls=!1}handlePlacementChange(){this.syncActiveTabIndicator()}handleNoScrollControlsChange(){this.updateScrollControls()}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleScrollLeft=this.handleScrollLeft.bind(this),this.handleScrollRight=this.handleScrollRight.bind(this),this.syncActiveTabIndicator=this.syncActiveTabIndicator.bind(this)}componentDidLoad(){new IntersectionObserver(((t,o)=>{t[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(this.getActiveTab()||this.getAllTabs()[0],!1),o.unobserve(t[0].target))})).observe(this.host),e.observe(this.tabGroup),this.resizeObserver=new ResizeObserver((()=>this.updateScrollControls())),this.resizeObserver.observe(this.nav),requestAnimationFrame((()=>this.updateScrollControls())),this.mutationObserver=new MutationObserver((t=>{t.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))&&setTimeout((()=>this.setAriaLabels()))})),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver.disconnect(),e.unobserve(this.tabGroup),this.resizeObserver.unobserve(this.nav)}async show(t){const o=this.getAllTabs().find((o=>o.panel===t));o&&this.setActiveTab(o)}getAllTabs(t=!1){return[...this.tabs.querySelector("slot").assignedElements()].filter((o=>t?"six-tab"===o.tagName.toLowerCase():"six-tab"===o.tagName.toLowerCase()&&!o.disabled))}getAllPanels(){return[...this.body.querySelector("slot").assignedElements()].filter((t=>"six-tab-panel"===t.tagName.toLowerCase()))}getActiveTab(){return this.getAllTabs().find((t=>t.active))}handleClick(t){const o=t.target.closest("six-tab");if((null==o?void 0:o.closest("six-tab-group"))!==this.host)return!1;o&&this.setActiveTab(o)}handleKeyDown(t){const o=t.target.closest("six-tab");if((null==o?void 0:o.closest("six-tab-group"))!==this.host)return!1;if(["Enter"," "].includes(t.key)&&o&&(this.setActiveTab(o),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const o=document.activeElement;if(o&&"six-tab"===o.tagName.toLowerCase()){const r=this.getAllTabs();let i=r.indexOf(o);"Home"===t.key?i=0:"End"===t.key?i=r.length-1:"ArrowLeft"===t.key?i=Math.max(0,i-1):"ArrowRight"===t.key&&(i=Math.min(r.length-1,i+1)),r[i].setFocus({preventScroll:!0}),["top","bottom"].includes(this.placement)&&a(r[i],this.nav,"horizontal"),t.preventDefault()}}}handleScrollLeft(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollRight(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}updateScrollControls(){this.hasScrollControls=!this.noScrollControls&&["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth}setActiveTab(t,o=!0){if(t&&t!==this.activeTab&&!t.disabled){const r=this.activeTab;this.activeTab=t,this.getAllTabs().map((t=>t.active=t===this.activeTab)),this.getAllPanels().map((t=>t.active=t.name===this.activeTab.panel)),this.syncActiveTabIndicator(),["top","bottom"].includes(this.placement)&&a(this.activeTab,this.nav,"horizontal"),o&&(r&&this.sixTabHide.emit({name:r.panel}),this.sixTabShow.emit({name:this.activeTab.panel}))}}setAriaLabels(){const t=this.getAllTabs(),o=this.getAllPanels();t.map((t=>{const r=o.find((o=>o.name===t.panel));r&&(t.setAttribute("aria-controls",r.getAttribute("id")),r.setAttribute("aria-labelledby",t.getAttribute("id")))}))}syncActiveTabIndicator(){const t=this.getActiveTab();if(!t)return void(this.activeTabIndicator.style.display="none");this.activeTabIndicator.style.display="block";const o=t.clientWidth,r=t.clientHeight,i=s(t,this.nav),a=i.top+this.nav.scrollTop,e=i.left+this.nav.scrollLeft;switch(this.placement){case"top":case"bottom":this.activeTabIndicator.style.width=`${o}px`,this.activeTabIndicator.style.height=null,this.activeTabIndicator.style.transform=`translateX(${e}px)`;break;case"left":case"right":this.activeTabIndicator.style.width=null,this.activeTabIndicator.style.height=`${r}px`,this.activeTabIndicator.style.transform=`translateY(${a}px)`}}render(){return r("div",{part:"base",ref:t=>this.tabGroup=t,class:{"tab-group":!0,"tab-group--top":"top"===this.placement,"tab-group--bottom":"bottom"===this.placement,"tab-group--left":"left"===this.placement,"tab-group--right":"right"===this.placement,"tab-group--has-scroll-controls":this.hasScrollControls},onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("div",{class:"tab-group__nav-container"},this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--left",exportparts:"base:scroll-button",name:"chevron_left",onClick:this.handleScrollLeft}),r("div",{ref:t=>this.nav=t,key:"nav",part:"nav",class:"tab-group__nav"},r("div",{ref:t=>this.tabs=t,part:"tabs",class:"tab-group__tabs",role:"tablist"},r("div",{ref:t=>this.activeTabIndicator=t,part:"active-tab-indicator",class:"tab-group__active-tab-indicator"}),r("slot",{name:"nav",onSlotchange:this.syncActiveTabIndicator}))),this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--right",exportparts:"base:scroll-button",name:"chevron_right",onClick:this.handleScrollRight})),r("div",{ref:t=>this.body=t,part:"body",class:"tab-group__body"},r("slot",{onSlotchange:this.syncActiveTabIndicator})))}get host(){return i(this)}static get watchers(){return{placement:["handlePlacementChange"],noScrollControls:["handleNoScrollControlsChange"]}}};b.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--tabs-border-color:var(--six-tab-border-color);display:block}.tab-group{display:flex;border:solid 1px transparent;border-radius:0}.tab-group .tab-group__tabs{display:flex;position:relative}.tab-group .tab-group__active-tab-indicator{position:absolute;transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) width ease}.tab-group:not(.focus-visible) ::slotted(six-tab){--focus-ring:none}.tab-group--has-scroll-controls .tab-group__nav-container{position:relative;padding:0 var(--six-spacing-x-large)}.tab-group__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:var(--six-spacing-x-large)}.tab-group__scroll-button--left{left:0}.tab-group__scroll-button--right{right:0}.tab-group--top{flex-direction:column}.tab-group--top .tab-group__nav-container{order:1}.tab-group--top .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-bottom:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--top .tab-group__active-tab-indicator{bottom:-2px;border-bottom:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--top .tab-group__body{order:2}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{order:2}.tab-group--bottom .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-top:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--bottom .tab-group__active-tab-indicator{top:-2px;border-top:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--bottom .tab-group__body{order:1}.tab-group--left{flex-direction:row}.tab-group--left .tab-group__nav-container{order:1}.tab-group--left .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-right:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--left .tab-group__active-tab-indicator{right:-2px;border-right:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--left .tab-group__body{flex:1 1 auto;order:2}.tab-group--right{flex-direction:row}.tab-group--right .tab-group__nav-container{order:2}.tab-group--right .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-left:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--right .tab-group__active-tab-indicator{left:-2px;border-left:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--right .tab-group__body{flex:1 1 auto;order:1}";export{b as six_tab_group}

package/dist/ui-library/p-8e8e922b.entry.js

@@ -0,0 +1 @@
+import{r as o,h as r,H as s}from"./p-30ebc1e7.js";let e=class{constructor(r){o(this,r)}render(){return r(s,null,r("slot",null))}};e.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block;box-shadow:var(--six-elevation-8dp);border-radius:0;padding:1rem;margin-bottom:0.6rem}";export{e as six_card}

package/dist/ui-library/p-968c5169.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{s as n}from"./p-044c6bf9.js";import{P as o}from"./p-1c9f0dc6.js";import{E as h}from"./p-7735d99f.js";import{b as r,a as l}from"./p-c09dc3a9.js";import{D as a,a as d}from"./p-c733dead.js";function u(i){return i.tabIndex>-1}function c(i){if(u(i))return i;if(i.shadowRoot){const t=[...i.shadowRoot.children].find(u);if(t)return t}return i.children?[...i.children].map(c)[0]:null}const m=i=>t=>(null==t?void 0:t.tagName.toLowerCase())===i.toLowerCase(),p=m("six-menu"),f=m("six-menu-item");let v=0,g=class{constructor(e){i(this,e),this.sixShow=t(this,"six-dropdown-show",7),this.sixAfterShow=t(this,"six-dropdown-after-show",7),this.sixHide=t(this,"six-dropdown-hide",7),this.sixAfterHide=t(this,"six-dropdown-after-hide",7),this.sixAutoFilterFired=t(this,"six-dropdown-auto-filter-fired",7),this.sixAsyncFilterFired=t(this,"six-async-filter-fired",7),this.sixScroll=t(this,"six-dropdown-scroll",7),this.componentId="dropdown-"+ ++v,this.isVisible=!1,this.hasBeenInitialized=!1,this.open=!1,this.placement="bottom-start",this.closeOnSelect=!0,this.distance=0,this.skidding=0,this.hoist=!1,this.filter=!1,this.asyncFilter=!1,this.filterPlaceholder="Filter...",this.autofocusFilter=!0,this.filterDebounce=a,this.disableHideOnEnterAndSpace=!1,this.options=null,this.virtualScroll=!1,this.eventListeners=new h,this._options=null,this.getMenuItems=()=>{if(null!==this._options)return this._options.map((i=>s("six-menu-item",{value:i.value},i.label)));const[i]=r(this.panel);return r(i)||Array.from(i.querySelectorAll("six-menu-item"))},this.handleFilterInputChange=()=>{var i,t;const s=(null===(t=null===(i=this.filterInputElement.value)||void 0===i?void 0:i.toLowerCase())||void 0===t?void 0:t.trim())||"";this._options?this.handleFilteringForAttributeItems(s):this.handleFilteringForSlotItems(s),this.sixAutoFilterFired.emit({filterValue:s})}}get hasFilterEnabled(){return this.filter||this.asyncFilter}get container(){return this.containingElement||this.host}handleOpenChange(){this.open?this.show():this.hide(),this.updateAccessibleTrigger()}handlePopoverOptionsChange(){this.popover.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding})}handleOptionsChange(){this._options=[...this.options]}connectedCallback(){this.virtualScroll&&null===this.options&&console.error("Options must be defined when using virtual scrolling"),null!==this.options&&(this._options=[...this.options]),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleTriggerClick=this.handleTriggerClick.bind(this),this.handleTriggerKeyDown=this.handleTriggerKeyDown.bind(this),this.handleTriggerKeyUp=this.handleTriggerKeyUp.bind(this),this.handleTriggerSlotChange=this.handleTriggerSlotChange.bind(this),this.handleDropdownScroll=this.handleDropdownScroll.bind(this),this.hasBeenInitialized&&!this.popover&&this.initializePopover()}componentDidLoad(){this.hasBeenInitialized=!0,this.initializePopover(),this.open&&this.show(),this.filter?this.setupFiltering(this.handleFilterInputChange):this.asyncFilter&&this.setupFiltering((()=>this.sixAsyncFilterFired.emit({filterValue:this.filterInputElement.value})))}initializePopover(){this.popover=new o(this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>{this.filter&&(this.filterInputElement.value="",null!==this._options?this._options=[...this.options]:this.getMenuItems().forEach((i=>i.style.display="unset"))),this.sixAfterHide.emit()},onAfterShow:async()=>{this.hasFilterEnabled&&this.autofocusFilter&&await this.filterInputElement.setFocus(),this.sixAfterShow.emit()},onTransitionEnd:()=>{this.open||(this.panel.scrollTop=0)}})}setupFiltering(i){this.eventListeners.add(this.filterInputElement,"six-input-input",d(i,this.filterDebounce))}handleFilteringForAttributeItems(i){this._options=""!==i?this.options.filter((t=>{var s,e,n,o;return t.label&&(null===(e=null===(s=String(t.label))||void 0===s?void 0:s.toLowerCase())||void 0===e?void 0:e.includes(i))||t.value&&(null===(o=null===(n=String(t.value))||void 0===n?void 0:n.toLowerCase())||void 0===o?void 0:o.includes(i))})):[...this.options]}handleFilteringForSlotItems(i){this.getMenuItems().forEach((t=>{var s,e;const n=null===(s=null==t?void 0:t.value)||void 0===s?void 0:s.toLowerCase(),o=null===(e=null==t?void 0:t.innerText)||void 0===e?void 0:e.toLowerCase(),h=(null==n?void 0:n.includes(i))||(null==o?void 0:o.includes(i));t.style.display=h?"unset":"none"}))}disconnectedCallback(){this.eventListeners.removeAll(),this.hide(),this.popover.destroy(),this.popover=null}async show(){this.isVisible||(this.sixShow.emit().defaultPrevented?this.open=!1:(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=!0,this.open=!0,this.popover.show()))}async hide(){this.isVisible&&(this.sixHide.emit().defaultPrevented?this.open=!0:(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=!1,this.open=!1,this.popover.hide()))}focusOnTrigger(){const[i]=r(this.trigger);i&&("function"==typeof i.setFocus?i.setFocus():"function"==typeof i.focus&&i.focus())}getMenu(){const[i]=r(this.panel).filter(p);return i}async reposition(){this.open&&this.popover.reposition()}handleDocumentKeyDown(i){if("Escape"===i.key)return this.hide(),void this.focusOnTrigger();if(this.filterInputElement===this.host.shadowRoot.activeElement&&"ArrowDown"===i.key){const i=this.getMenuItems().find((i=>"none"!==i.style.display));i&&i.setFocus()}if("Tab"===i.key){if(this.open&&f(document.activeElement))return i.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var i;const t=this.container.getRootNode()instanceof ShadowRoot?null===(i=document.activeElement.shadowRoot)||void 0===i?void 0:i.activeElement:document.activeElement;(null==t?void 0:t.closest(this.container.tagName.toLowerCase()))===this.container||this.hide()}))}}handleDocumentMouseDown(i){i.composedPath().includes(this.container)||this.hide()}handleMenuItemActivate(i){n(i.target,this.panel)}handlePanelSelect(i){this.closeOnSelect&&p(i.target)&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(i){const t=this.getMenu(),s=t?[...t.querySelectorAll("six-menu-item")]:null,e=s[0],n=s[s.length-1];if("Escape"===i.key)return this.focusOnTrigger(),void this.hide();if(!this.disableHideOnEnterAndSpace&&[" ","Enter"].includes(i.key))return i.preventDefault(),void(this.open?this.hide():this.show());if(["ArrowDown","ArrowUp"].includes(i.key)){if(i.preventDefault(),this.open||this.show(),"ArrowDown"===i.key&&e)return void e.setFocus();if("ArrowUp"===i.key&&n)return void n.setFocus()}this.open&&t&&!["Tab","Shift","Meta","Ctrl","Alt"].includes(i.key)&&t.typeToSelect(i.key)}handleTriggerKeyUp(i){" "===i.key&&i.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}handleDropdownScroll(){this.sixScroll.emit({scrollHeight:this.panel.scrollHeight,scrollTop:this.panel.scrollTop,scrollbarHeight:this.panel.offsetHeight*(this.panel.offsetHeight/this.panel.scrollHeight),scrollRatio:this.panel.scrollTop/(this.panel.scrollHeight-this.panel.clientHeight)})}updateAccessibleTrigger(){const[i]=r(this.trigger).map(c);i&&(i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false"))}render(){return s("div",{part:"base",id:this.componentId,class:{dropdown:!0,"dropdown--open":this.open}},s("span",{part:"trigger",class:"dropdown__trigger",ref:i=>this.trigger=i,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown,onKeyUp:this.handleTriggerKeyUp},s("slot",{name:"trigger",onSlotchange:this.handleTriggerSlotChange})),s("div",{ref:i=>this.positioner=i,class:{dropdown__positioner:!0,dropdown__positioner__filtered:(this.filter||this.asyncFilter)&&!this.hoist}},this.hasFilterEnabled&&s("six-input",{class:{"filter-hidden":!this.open},"aria-hidden":this.open?"false":"true",ref:i=>this.filterInputElement=i,placeholder:this.filterPlaceholder}),s("div",{ref:i=>this.panel=i,part:"panel",class:"dropdown__panel",role:"menu","aria-hidden":this.open?"false":"true","aria-labelledby":this.componentId,onScroll:this.handleDropdownScroll},s("slot",null),this._options&&s("six-menu",{part:"menu",items:this._options,virtualScroll:this.virtualScroll}))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"],distance:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"],placement:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],options:["handleOptionsChange"]}}};g.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}: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{max-height:50vh;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);box-shadow:var(--six-elevation-2dp);opacity:0;overflow:auto;overscroll-behavior:none;pointer-events:none;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;scrollbar-width:thin}.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}";const x=i=>{var t,s,e;return null===(e=null===(s=null===(t=null==i?void 0:i.shadowRoot)||void 0===t?void 0:t.querySelector(".menu-item"))||void 0===s?void 0:s.classList)||void 0===e?void 0:e.contains("menu-item--focused")},w=({value:i,label:t})=>s("six-menu-item",{value:i},t);let b=class{constructor(s){i(this,s),this.sixMenuItemSelected=t(this,"six-menu-item-selected",7),this.eventListeners=new h,this.typeToSelectString="",this.removeBoxShadow=!1,this.items=null,this.itemsShown=void 0,this.virtualScroll=!1,this.itemSize=10,this.scrollingDebounce=15,this.scrollingIndex=0,this.sixMenuItemHeight=64,this.handleScrolling=()=>{this.scrollingIndex=Math.floor(this.menuWrapper.scrollTop/this.sixMenuItemHeight)}}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}componentWillLoad(){}componentDidLoad(){this.setupForVirtualScrollingAfterRendering()}disconnectedCallback(){this.eventListeners.removeAll()}async typeToSelect(i){var t;clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=setTimeout((()=>this.typeToSelectString=""),750),this.typeToSelectString+=i.toLowerCase();const s=this.getItems();for(const i of s){const s=null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(l(s).toLowerCase().trim().substring(0,this.typeToSelectString.length)===this.typeToSelectString){i.setFocus();break}}}getItemsShown(){var i;return null!==(i=this.itemsShown)&&void 0!==i?i:this.virtualScroll?5:void 0}setupForVirtualScrollingAfterRendering(){var i,t;if(!this.virtualScroll)return;this.eventListeners.add(this.menuWrapper,"scroll",d(this.handleScrolling,this.scrollingDebounce));const s=null===(t=null===(i=this.menu)||void 0===i?void 0:i.querySelector("six-menu-item"))||void 0===t?void 0:t.clientHeight;s&&s>0&&(this.sixMenuItemHeight=s)}getItems(){return null!=this.items?this.items.map(w):[...this.menu.querySelector("slot").assignedElements({flatten:!0})].filter((i=>(i=>"six-menu-item"===(null==i?void 0:i.tagName.toLowerCase()))(i)&&!i.disabled))}getActiveItemIndex(){const i=this.getItems(),t=this.getActiveItem(),s=i.indexOf(t);return s>-1?s:this.extractItemsFromDOM().findIndex(x)}getActiveItem(){var i;return this.getItems().find((i=>i===document.activeElement))||(null===(i=this.extractItemsFromDOM())||void 0===i?void 0:i.find(x))}extractItemsFromDOM(){var i,t;return Array.from(null===(t=null===(i=this.host)||void 0===i?void 0:i.shadowRoot)||void 0===t?void 0:t.querySelectorAll("six-menu-item"))}setActiveItem(i){i.setFocus()}handleClick(i){const t=i.target.closest("six-menu-item");t&&!t.disabled&&this.sixMenuItemSelected.emit({name:t.value,item:t})}handleKeyDown(i){if("Enter"===i.key){const t=this.getActiveItem();i.preventDefault(),t&&this.sixMenuItemSelected.emit({name:t.value,item:t})}if(" "===i.key&&i.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(i.key)){const t=null===this.items?this.getItems():this.extractItemsFromDOM();let s=this.getActiveItemIndex();if(t.length)return i.preventDefault(),"ArrowDown"===i.key?s++:"ArrowUp"===i.key?s--:"Home"===i.key?s=0:"End"===i.key&&(s=t.length-1),s<0&&(s=0),s>t.length-1&&(s=t.length-1),void this.setActiveItem(t[s])}this.typeToSelect(i.key)}getMenuWrapperStyle(){const i={};return this.getItemsShown()>0&&(i.height=this.getItemsShown()*this.sixMenuItemHeight+"px"),Object.assign({},i)}getMenuContainerStyle(){const i={};return this.virtualScroll&&(i.transform=`translateY(${this.sixMenuItemHeight*this.scrollingIndex}px)`),Object.assign({},i)}getScrollbarGhostStyle(){const i={};return this.virtualScroll&&null!==this.items&&(i.height=this.items.length*this.sixMenuItemHeight-this.itemSize*this.sixMenuItemHeight+"px"),Object.assign({},i)}renderItems(){if(null!=this.items)return this.virtualScroll?this.items.slice(this.scrollingIndex,Math.min(this.items.length,this.itemSize+this.scrollingIndex)).map(w):this.items.map(w)}render(){return s("div",{ref:i=>this.menuWrapper=i,style:this.getMenuWrapperStyle(),part:"wrapper",class:{menu:!0,"menu--noshadow":this.removeBoxShadow,"menu__wrapper--scrollable":this.getItemsShown()>0}},s("div",{ref:i=>this.menu=i,part:"base",role:"menu",onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabIndex:0,style:this.getMenuContainerStyle()},s("slot",null),this.renderItems()),this.virtualScroll&&s("div",{style:this.getScrollbarGhostStyle()}))}get host(){return e(this)}};b.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.menu{padding:0 0;border:none;box-shadow:var(--six-elevation-2dp)}.menu:focus{outline:none}.menu--noshadow{box-shadow:none}.menu__wrapper--scrollable{overflow-y:auto}";let _=class{constructor(t){i(this,t),this.hasFocus=!1,this.checked=!1,this.value="",this.disabled=!1}connectedCallback(){this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleMouseEnter=this.handleMouseEnter.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this)}async setFocus(i){this.menuItem.focus(i)}async removeFocus(){this.menuItem.blur()}handleBlur(){this.hasFocus=!1}handleFocus(){this.hasFocus=!0}handleMouseEnter(){this.setFocus()}handleMouseLeave(){this.removeFocus()}render(){return s("div",{ref:i=>this.menuItem=i,part:"base",class:{"menu-item":!0,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--focused":this.hasFocus},role:"menuitem","aria-disabled":this.disabled?"true":"false","aria-checked":this.checked?"true":"false",tabIndex:this.disabled?null:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},s("span",{part:"prefix",class:"menu-item__prefix"},s("slot",{name:"prefix"})),s("span",{part:"label",class:"menu-item__label"},s("slot",null)),s("span",{part:"suffix",class:"menu-item__suffix"},s("slot",{name:"suffix"})),s("span",{part:"checked-icon",class:"menu-item__check"},s("six-icon",{size:"small","aria-hidden":"true"},"check")))}};_.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.menu-item{position:relative;display:flex;align-items:stretch;font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);text-align:left;color:var(--six-input-color);border-radius:var(--six-border-radius-medium);padding:var(--six-spacing-medium) var(--six-spacing-medium);transition:var(--six-transition-fast) fill;user-select:none;white-space:nowrap;cursor:pointer}.menu-item.menu-item--focused:not(.menu-item--disabled){outline:none;background-color:var(--six-menu-item-background-color)}.menu-item.menu-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.menu-item .menu-item__label{flex:1 1 auto;align-self:center}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix ::slotted(:last-child){margin-right:0.5em}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix ::slotted(:first-child){margin-left:0.5em}.menu-item .menu-item__check{flex:0 0 auto;display:flex;align-items:center;margin-left:var(--six-spacing-small);visibility:hidden;font-size:inherit}.menu-item--checked .menu-item__check{visibility:visible}";export{g as six_dropdown,b as six_menu,_ as six_menu_item}

package/dist/ui-library/p-9f2dc381.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,g as s}from"./p-30ebc1e7.js";import{I as r,a as h}from"./p-68d31736.js";import{D as o,b as n,a as l}from"./p-c733dead.js";import{E as a}from"./p-7735d99f.js";const c=(()=>{const t=Array.from(Array(26)).map(((t,i)=>i+65)),i={};return{alphabet:t.map(((t,e)=>{const s=String.fromCharCode(t);return i[s]=e,s})),letterIndexes:i}})(),u=(()=>{const t=[],i={};for(let e=0;e<c.alphabet.length;e++){const s=c.alphabet[e].toLowerCase();i[s]=t.length,t.push(s)}return{alphabet:t,letterIndexes:i}})(),d=(()=>{const t=[],i={};for(let e=0;e<c.alphabet.length;e++){const s=c.alphabet[e];i[s]=t.length,t.push(s);const r=u.alphabet[e];i[r]=t.length,t.push(r)}return{alphabet:t,letterIndexes:i}})(),m="[SIX-ITEM-PICKER]",p=(t,i)=>t-i,b=(t,i)=>t+i;let v=class{constructor(e){t(this,e),this.sixChange=i(this,"six-item-picker-change",7),this.sixChangeDebounced=i(this,"six-item-picker-change-debounced",7),this.eventListeners=new a,this.value="",this.type=r.NUMBER,this.roundtrip=!0,this.step=1,this.padded=!1,this.paddingLength=2,this.paddingChar="0",this.paddingDirection=h.BEFORE,this.timeout=o,this.interval=n,this.debounce=o,this._items=[],this.handleSixItemPickerChangeDebounced=()=>{this.sixChangeDebounced.emit(this.value)}}handleValueChange(){this.setup()}debounceChanged(){this.eventListeners.removeByIdentifier("debounced-item-picker"),this.eventListeners.add(this.host,"six-item-picker-change",l(this.handleSixItemPickerChangeDebounced,this.debounce),"debounced-item-picker")}handleSetChange(){this.setup(),this.min=this._items[0],this.max=this.getLastStringItem()}componentWillLoad(){this.setup()}componentDidLoad(){this.eventListeners.add(this.host,"six-item-picker-change",l(this.handleSixItemPickerChangeDebounced,this.debounce),"debounced-item-picker")}disconnectedCallback(){this.eventListeners.removeAll()}setup(){this.isNumber()?this.setupNumberItems():this.setUpStringItems()}setupNumberItems(){var t;this.isInvalidNumber()&&(console.warn(`${m} Expected number but value is not a number: "${this.value}"`),console.info(`${m} Will set value to either minimum or if not provided to zero.`),this.value=null!==(t=this.min)&&void 0!==t?t:0)}setUpStringItems(){if(this._items=this.getItems(),this._items){if(this._itemIndexes=this.getItemIndexes(),void 0===this._items.find((t=>String(t)===String(this.value)))&&(console.warn(`${m} Expected item from item set but value was not found in set: "${this.value}"`),console.info(`${m} Will set value to either minimum or if not provided to "${this._items[0]}".`),this.value=this._items[0]),void 0===this.min&&(this.roundtrip||(console.warn(`${m} Expected a min value`),console.info(`${m} Will set min value to ${this._items[0]}`)),this.min=this._items[0]),void 0===this.max){const t=this.getLastStringItem();this.roundtrip||(console.warn(`${m} Expected a min value if roundtrip is enabled`),console.info(`${m} Will set min value to ${t}`)),this.max=t}}else console.warn(`${m}: abort setup because no items were found.`)}getLastStringItem(){return this._items[this._items.length-1]}getItems(){return{[r.LETTER]:d.alphabet,[r.CAPITAL_LETTER]:c.alphabet,[r.LOWER_LETTER]:u.alphabet,[r.CUSTOM]:this.items}[this.type]}getItemIndexes(){return this.type===r.CUSTOM?(t=>{const i={};for(let e=0;e<(null==t?void 0:t.length);e++)i[t[e]]=e;return i})(this.items):{[r.LETTER]:d.letterIndexes,[r.CAPITAL_LETTER]:c.letterIndexes,[r.LOWER_LETTER]:u.letterIndexes}[this.type]}previousItem(){this.isNumber()?this.previousNumber():this.previousStringItem(),this.sixChange.emit(this.value)}previousNumber(){this.changeValue({isNextItemAllowed:()=>!this.isPreviousNumberDisabled(),getNextItem:()=>Number(this.value)-this.step,getRoundtripItem:()=>Number(this.max),isRoundtripPossible:()=>void 0===this.max&&this.roundtrip})}previousStringItem(){const t=this.value,i=this.min;this.changeValue({isNextItemAllowed:()=>void 0===i||this.getStringItemIndex(t)>this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(p),getRoundtripItem:()=>this.max,isRoundtripPossible:()=>void 0===this.max&&this.roundtrip})}nextItem(){this.isNumber()?this.nextNumber():this.nextStringItem(),this.sixChange.emit(this.value)}nextNumber(){this.changeValue({isNextItemAllowed:()=>!this.isNextNumberDisabled(),getNextItem:()=>Number(this.value)+this.step,getRoundtripItem:()=>Number(this.min),isRoundtripPossible:()=>void 0===this.min&&this.roundtrip})}getStringItemIndex(t){return this._itemIndexes[t]}nextStringItem(){const t=this.value,i=this.max;this.changeValue({isNextItemAllowed:()=>void 0===i||this.getStringItemIndex(t)<this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(b),getRoundtripItem:()=>this.min,isRoundtripPossible:()=>void 0===this.min&&this.roundtrip})}getNextItemByOperation(t){const i=t(this.getStringItemIndex(this.value),this.step),e=this._items.length;return this._items[(i%e+e)%e]}changeValue(t){t.isNextItemAllowed()?this.value=t.getNextItem():t.isRoundtripPossible()?console.error(`${m} Item picker is expected to perform a roundtrip, but either max or min value is missing so a roundtrip is not possible`):this.roundtrip?this.value=t.getRoundtripItem():console.warn(`${m} Roundtrip is not allowed, but was still triggered, please report this issue to the developer of six-item-picker`)}isNumber(){return this.type===r.NUMBER}isInvalidNumber(){return""===this.value||!!isNaN(this.value)}isNextDisabled(){return!this.roundtrip&&(this.isNumber()?this.isNextNumberDisabled():!this._itemIndexes||this._itemIndexes[String(this.value)]+this.step>this._itemIndexes[String(this.max)])}isNextNumberDisabled(){var t;return Number(this.value)+this.step>(null!==(t=this.max)&&void 0!==t?t:1/0)}isPrevDisabled(){return!this.roundtrip&&(this.isNumber()?this.isPreviousNumberDisabled():!this._itemIndexes||this._itemIndexes[String(this.value)]-this.step<this._itemIndexes[String(this.min)])}isPreviousNumberDisabled(){var t;return Number(this.value)-this.step<(null!==(t=this.min)&&void 0!==t?t:-1/0)}onMouseDownNext(){this.isNextDisabled()||(this.nextItem(),this._timeoutNext=setTimeout((()=>{this._intervalNext=setInterval((()=>{this.nextItem()}),this.interval)}),this.timeout))}onMouseUpNext(){clearTimeout(this._timeoutNext),clearInterval(this._intervalNext)}onMouseDownPrev(){this.isPrevDisabled()||(this.previousItem(),this._timeoutPrev=setTimeout((()=>{this._intervalPrev=setInterval((()=>{this.previousItem()}),this.interval)}),this.timeout))}onMouseUpPrev(){clearTimeout(this._timeoutPrev),clearInterval(this._intervalPrev)}getFormattedValue(){return null==this.value?this.value:this.padded?this.paddingDirection===h.BEFORE?String(this.value).padStart(this.paddingLength,this.paddingChar):this.paddingDirection===h.AFTER?String(this.value).padEnd(this.paddingLength,this.paddingChar):this.value:this.value}render(){return e("div",{part:"container",class:"item_picker__container"},e("div",{part:"up",class:{item_picker__btn:!0,"item_picker__btn--disabled":this.isNextDisabled()},onMouseDown:()=>this.onMouseDownNext(),onMouseUp:()=>this.onMouseUpNext()},e("six-icon",{size:"large"},"expand_less")),e("div",{part:"content",class:"item_picker__content"},this.getFormattedValue()),e("div",{part:"down",class:{item_picker__btn:!0,"item_picker__btn--disabled":this.isPrevDisabled()},onMouseDown:()=>this.onMouseDownPrev(),onMouseUp:()=>this.onMouseUpPrev()},e("six-icon",{size:"large"},"expand_more")))}get host(){return s(this)}static get watchers(){return{value:["handleValueChange"],debounce:["debounceChanged"],items:["handleSetChange"]}}};v.style=".item_picker__container{width:2.5em;display:flex;flex-wrap:wrap;justify-content:center}.item_picker__content{font-size:1.5rem}.item_picker__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--six-color-web-rock-500)}.item_picker__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.item_picker__btn:active{color:var(--six-color-web-rock-400)}.item_picker__btn--disabled{color:var(--six-color-web-rock-300);cursor:not-allowed}.item_picker__btn--disabled:hover{background-color:initial}.item_picker__btn--disabled:active{color:var(--six-color-web-rock-300)}";export{v as six_item_picker}

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

@@ -0,0 +1 @@
+import{r as t,h as o}from"./p-30ebc1e7.js";import{f as i}from"./p-191f958b.js";let n=class{constructor(o){t(this,o),this.size="medium",this.disabled=!1,this.handleClickEvent=t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())}}componentDidLoad(){this.button&&i.observe(this.button)}disconnectedCallback(){this.button&&i.unobserve(this.button)}render(){const t=this.html&&o("span",{innerHTML:this.html});return o("div",{onClick:this.handleClickEvent,class:{"icon-button-wrapper--disabled":this.disabled}},o("button",{ref:t=>this.button=t,part:"base",disabled:this.disabled,class:{"icon-button":!0,"icon-button--disabled":this.disabled},type:"button","aria-label":this.label},o("six-icon",{"aria-hidden":"true",size:this.size},this.name),o("slot",null),t))}};n.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.icon-button{flex:0 0 auto;display:flex;align-items:center;background:none;border:none;border-radius:var(--six-border-radius-medium);font-size:inherit;color:var(--six-input-icon-color);padding:var(--six-spacing-x-small);cursor:pointer;transition:var(--six-transition-medium) color;-webkit-appearance:none}.icon-button:hover:not(.icon-button--disabled),.icon-button:focus:not(.icon-button--disabled){color:var(--six-input-icon-color-hover)}.icon-button:active:not(.icon-button--disabled){color:var(--six-input-icon-color)}.icon-button:focus{outline:none}.icon-button--disabled{opacity:0.5;pointer-events:none}.icon-button-wrapper--disabled{cursor:not-allowed}.focus-visible.icon-button:focus{box-shadow:var(--six-button-focus-shadow)}.icon-button ::slotted(six-badge){position:absolute;top:0;right:0;pointer-events:none}.icon-button six-icon[size=xLarge]+::slotted(six-badge){transform:translateY(40%) translateX(-35%)}.icon-button six-icon[size=large]+::slotted(six-badge){transform:translateY(20%) translateX(-20%)}.icon-button six-icon[size=medium]+::slotted(six-badge){transform:translateY(10%) translateX(50%)}.icon-button six-icon[size=xSmall]+::slotted(six-badge){transform:translateY(-25%) translateX(25%)}";export{n as six_icon_button}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as e}from"./p-30ebc1e7.js";import{E as s}from"./p-7735d99f.js";let n=class{constructor(e){t(this,e),this.sixSubmit=i(this,"six-form-submit",7),this.sixChange=i(this,"six-form-change",7),this.sixReset=i(this,"six-form-reset",7),this.eventListeners=new s,this.novalidate=!1}connectedCallback(){this.formControls=[{tag:"six-button",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,click:t=>{const i=t.target;i.submit&&this.submit(),i.reset&&this.reset()}},{tag:"six-checkbox",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-checkbox-change"},{tag:"six-color-picker",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null},{tag:"six-input",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-input-change"},{tag:"six-datepicker",serialize:(t,i)=>{var e;return t.name&&!t.disabled?i.append(t.name,null===(e=t.value)||void 0===e?void 0:e.toISOString()):null},keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-datepicker-select"},{tag:"six-radio",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-radio-change"},{tag:"six-range",serialize:(t,i)=>{t.name&&!t.disabled&&i.append(t.name,t.value+"")},changeEventName:"six-range-change"},{tag:"six-select",serialize:(t,i)=>{if(t.name&&!t.disabled)if(t.multiple){const e=[...t.value];e.length?e.map((e=>i.append(t.name,e))):i.append(t.name,"")}else i.append(t.name,t.value+"")},changeEventName:"six-select-change"},{tag:"six-switch",serialize:(t,i)=>t.name&&t.checked&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-switch-change"},{tag:"six-textarea",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,changeEventName:"six-textarea-change"},{tag:"six-timepicker",serialize:(t,i)=>t.name&&!t.disabled?i.append(t.name,t.value):null,keyDown:t=>{"Enter"!==t.key||t.defaultPrevented||this.submit()},changeEventName:"six-timepicker-change"}],this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}disconnectedCallback(){this.eventListeners.removeAll()}componentDidLoad(){this.getFormControls().then((t=>t.forEach((t=>this.appendChangeListener(t)))))}appendChangeListener(t){const i=t.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.changeEventName&&this.eventListeners.add(t,e.changeEventName,(()=>this.handleChange(t)))}async getFormData(){const t=new FormData;return(await this.getFormControls()).map((i=>this.serializeElement(i,t))),t}async getFormControls(){const t=this.form.querySelector("slot"),i=this.formControls.map((t=>t.tag));return t.assignedElements({flatten:!0}).reduce(((t,i)=>t.concat(i,[...i.querySelectorAll("*")])),[]).filter((t=>i.includes(t.tagName.toLowerCase())))}async submit(){const t=await this.getFormData(),i=await this.getFormControls(),e=i.filter((t=>"function"==typeof t.reportValidity));if(!this.novalidate){let t=!0;for(const i of e)await i.reportValidity()||(t=!1);if(!t)return!1}return this.sixSubmit.emit({formData:t,formControls:i}),!0}async checkValidity(){const t=(await this.getFormControls()).filter((t=>"function"==typeof t.checkValidity)).map((t=>t.checkValidity()));return 0==(await Promise.all(t).then((t=>t.filter((t=>!1===t))))).length}async reset(){(await this.getFormControls()).filter((t=>(null==t?void 0:t.reset)&&"function"==typeof(null==t?void 0:t.reset))).forEach((t=>t.reset())),this.sixReset.emit()}handleClick(t){const i=t.target.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.click&&e.click(t)}handleKeyDown(t){const i=t.target.tagName.toLowerCase();for(const e of this.formControls)e.tag===i&&e.keyDown&&e.keyDown(t)}handleChange(t){this.checkValidity().then((i=>this.sixChange.emit({valid:i,formControl:t})))}serializeElement(t,i){const e=t.tagName.toLowerCase();for(const s of this.formControls)if(s.tag===e)return s.serialize(t,i);return null}render(){return e("div",{ref:t=>this.form=t,part:"base",class:"form",role:"form",onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("slot",null))}};n.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}";export{n as six_form}

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

@@ -0,0 +1 @@
+import{r,h as o}from"./p-30ebc1e7.js";let a=class{constructor(o){r(this,o),this.type="primary",this.pill=!1,this.pulse=!1}render(){return o("span",{ref:r=>this.badge=r,part:"base",class:{badge:!0,"badge--primary":"primary"===this.type,"badge--secondary":"secondary"===this.type,"badge--success":"success"===this.type,"badge--warning":"warning"===this.type,"badge--danger":"danger"===this.type,"badge--action":"action"===this.type,"badge--info":"info"===this.type,"badge--pill":this.pill,"badge--pulse":this.pulse},role:"status"},o("slot",null))}};a.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-flex}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--six-font-family);font-size:var(--six-font-size-x-small);font-weight:var(--six-font-weight-semibold);letter-spacing:var(--six-letter-spacing-normal);line-height:1;border-radius:var(--six-border-radius-small);white-space:nowrap;padding:3px 6px;user-select:none;cursor:inherit}.badge--info{background-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.badge--success{background-color:var(--six-color-success-500);color:var(--six-color-web-rock-900)}.badge--warning{background-color:var(--six-color-warning-700);color:var(--six-color-web-rock-900)}.badge--danger{background-color:var(--six-color-danger-800);color:var(--six-color-white)}.badge--action{background-color:var(--six-color-action-500);color:var(--six-color-white)}.badge--primary{background-color:var(--six-color-clay-50);color:var(--six-color-black)}.badge--pill{border-radius:var(--six-border-radius-pill)}.badge--pulse{animation:pulse 1.5s infinite}.badge--pulse.badge--info{--pulse-color:var(--six-color-web-rock-900)}.badge--pulse.badge--success{--pulse-color:var(--six-color-success-500)}.badge--pulse.badge--warning{--pulse-color:var(--six-color-warning-700)}.badge--pulse.badge--danger{--pulse-color:var(--six-color-danger-800)}.badge--pulse.badge--action{--pulse-color:var(--six-color-action-500)}.badge--pulse.badge--primary{--pulse-color:var(--six-color-clay-50)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse-color)}70%{box-shadow:0 0 0 0.5rem transparent}100%{box-shadow:0 0 0 0 transparent}}";export{a as six_badge}

package/dist/ui-library/p-af3d757c.js

@@ -0,0 +1 @@
+const t=()=>{let t=!1;const s=document.createElement("div");return s.focus&&s.focus({get preventScroll(){return t=!0,!1}}),t};let s=[];class i{constructor(t,s){this.element=t,this.options=s,this.handleFocusIn=this.handleFocusIn.bind(this)}activate(){s.push(this.element),document.addEventListener("focusin",this.handleFocusIn)}deactivate(){s=s.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn)}isActive(){return s[s.length-1]===this.element}handleFocusIn(t){const s=t.target,i=this.element.tagName.toLowerCase();this.isActive()&&s.closest(i)!==this.element&&"function"==typeof this.options.onFocusOut&&this.options.onFocusOut(t)}}export{i as M,t as i}

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

@@ -0,0 +1 @@
+import{r,h as s}from"./p-30ebc1e7.js";let t=class{constructor(s){r(this,s),this.size=128,this.strokeWidth=4}handlePercentageChange(){this.updateProgress()}componentDidLoad(){this.updateProgress()}updateProgress(){if(!this.indicator.r)return;const r=2*this.indicator.r.baseVal.value*Math.PI,s=r-this.percentage/100*r;this.indicator.style.strokeDasharray=`${r} ${r}`,this.indicator.style.strokeDashoffset=`${s}`}render(){return s("div",{part:"base",class:"progress-ring"},s("svg",{class:"progress-ring__image",width:this.size,height:this.size},s("circle",{class:"progress-ring__track","stroke-width":this.strokeWidth,"stroke-linecap":"round",fill:"transparent",r:this.size/2-2*this.strokeWidth,cx:this.size/2,cy:this.size/2}),s("circle",{ref:r=>this.indicator=r,class:"progress-ring__indicator","stroke-width":this.strokeWidth,"stroke-linecap":"round",fill:"transparent",r:this.size/2-2*this.strokeWidth,cx:this.size/2,cy:this.size/2})),s("span",{part:"label",class:"progress-ring__label"},s("slot",null)))}static get watchers(){return{percentage:["handlePercentageChange"]}}};t.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);display:inline-flex}.progress-ring{display:inline-flex;align-items:center;justify-content:center;position:relative}.progress-ring__image{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring__track{stroke:var(--track-color)}.progress-ring__indicator{stroke:var(--indicator-color);transition:0.35s stroke-dashoffset, 0.35s stroke}.progress-ring__label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;user-select:none;font-family:var(--six-font-family)}";export{t as six_progress_ring}

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

@@ -0,0 +1 @@
+import{r as t,h as s,H as e,g as a}from"./p-30ebc1e7.js";let i=0,r=class{constructor(s){t(this,s),this.componentId="tab-panel-"+ ++i,this.name="",this.active=!1}render(){return s(e,{id:this.host.id||this.componentId,style:{display:this.active?"block":"none"}},s("div",{part:"base",class:"tab-panel",role:"tabpanel","aria-selected":this.active?"true":"false","aria-hidden":this.active?"false":"true"},s("slot",null)))}get host(){return a(this)}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;font-family:var(--six-font-family)}.tab-panel{border:solid 1px transparent;padding:20px 20px}";export{r as six_tab_panel}

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

@@ -0,0 +1 @@
+import{r as s,h as i,g as t}from"./p-30ebc1e7.js";import{h as e}from"./p-c09dc3a9.js";let r=class{constructor(t){s(this,t),this.hasItems=!1,this.name="",this.icon="",this.value="",this.open=!1,this.provideSlot=s=>this.summaryIconHasContent?i("div",{slot:s},i("slot",{name:s})):i("slot",{name:s,onSlotchange:()=>{this.summaryIconHasContent=this.host.shadowRoot.querySelector(`slot[name="${s}"]`).assignedNodes().length>0}})}connectedCallback(){this.handleSlotChange=this.handleSlotChange.bind(this)}componentWillLoad(){this.handleSlotChange()}handleSlotChange(){this.hasItems=e(this.host)}isSubgroup(){return!!this.host.parentElement.closest("six-sidebar-item-group")}render(){return i("six-details",{class:{"six-sidebar-item-group--childless":!this.hasItems,"six-sidebar-item-group--subgroup":this.isSubgroup()},inline:!0,open:this.open,"summary-icon":this.summaryIcon,hasContent:this.hasItems},i("div",{slot:"summary"},i("div",{class:"six-sidebar-details__header"},this.icon&&i("six-icon",{class:"six-sidebar-details__header-icon"},this.icon),this.name)),this.provideSlot("summary-icon"),i("slot",null))}get host(){return t(this)}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.six-sidebar-item-group--childless::part(content){padding:0 !important}.six-sidebar-item-group--subgroup::part(header){background-color:transparent !important}.six-sidebar-item-group__header-icon{margin-left:16px;transform:translate(0px, -3px)}.six-sidebar-details__header{display:flex}.six-sidebar-details__header-icon{margin-right:1em}";export{r as six_sidebar_item_group}

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

@@ -0,0 +1 @@
+import{r as t,h as s,H as r,g as n}from"./p-30ebc1e7.js";let o=class{constructor(s){t(this,s)}handleColumnsChange(){this.host.style.setProperty("--no-of-columns",String(this.columns?this.columns:12))}componentWillLoad(){this.handleColumnsChange()}render(){return s(r,null,s("slot",null))}get host(){return n(this)}static get watchers(){return{columns:["handleColumnsChange"]}}};o.style=":host{display:grid;grid-template-columns:repeat(var(--no-of-columns), 1fr);grid-column-gap:1rem}";export{o as six_layout_grid}

package/dist/ui-library/p-c09dc3a9.js

@@ -0,0 +1 @@
+function t(t){const n=t?t.assignedNodes({flatten:!0}):[];let e="";return[...n].map((t=>{t.nodeType===Node.TEXT_NODE&&(e+=t.textContent)})),e}function n(t,n){return n?null!==t.querySelector(`[slot="${n}"]`):Array.from(t.childNodes).some((t=>t.nodeType===t.TEXT_NODE&&""!==t.textContent.trim()||t.nodeType===t.ELEMENT_NODE&&!t.hasAttribute("slot")))}const e=(t,[n,e])=>Object.assign(Object.assign({},t),{[n]:e}),o=t=>o=>Object.values(t).map((t=>[t,n(o,t)])).reduce(e,{}),l=t=>{var n;return null===(n=t.querySelector("slot"))||void 0===n?void 0:n.assignedElements({flatten:!0})};export{t as a,l as b,o as g,n as h}

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

@@ -0,0 +1 @@
+import{r as a,h as i}from"./p-30ebc1e7.js";let t=class{constructor(i){a(this,i),this.hasError=!1,this.image="",this.alt="",this.initials="",this.shape="circle"}connectedCallback(){this.handleImageError=this.handleImageError.bind(this)}handleImageError(){this.hasError=!0}render(){return i("div",{part:"base",class:{avatar:!0,"avatar--circle":"circle"===this.shape,"avatar--rounded":"rounded"===this.shape,"avatar--square":"square"===this.shape},role:"image","aria-label":this.alt,tabIndex:0},!this.initials&&i("div",{part:"icon",class:"avatar__icon"},i("slot",{name:"icon"},i("six-icon",null,"person"))),this.initials&&i("div",{part:"initials",class:"avatar__initials"},this.initials),this.image&&!this.hasError&&i("img",{part:"image",class:"avatar__image",src:this.image,onError:this.handleImageError}))}};t.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}: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-elevation-4dp)}.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}";export{t as six_avatar}

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

@@ -0,0 +1 @@
+import{r as i,c as s,h as e}from"./p-30ebc1e7.js";let t=class{constructor(e){i(this,e),this.downloadEvent=s(this,"six-file-list-item-download",7),this.removeEvent=s(this,"six-file-list-item-remove",7),this.identifier="",this.name="",this.date="",this.nodownload=!1,this.nodelete=!1,this.downloadFile=()=>{this.nodownload||this.downloadEvent.emit({fileId:this.identifier,name:this.name})},this.removeFile=()=>{this.nodelete||this.removeEvent.emit({fileId:this.identifier,name:this.name})}}render(){return e("div",{class:"six-files-list-item"},e("span",{class:{"six-files-list-item__name":!0,"six-files-list-item__name--disabled":this.nodownload},onClick:this.downloadFile},this.name),e("span",{class:"six-files-list-item__date"},this.date),void 0!==this.size&&e("span",{class:"six-files-list-item__size"},Math.round(this.size/1024)," KB"),e("six-icon",{class:{"six-files-list-item__icon":!0,"six-files-list-item__icon--disabled":this.nodelete},size:"small",onClick:this.removeFile},"delete"))}};t.style=".six-files-list-item{padding-bottom:0.5rem}.six-files-list-item__name{color:var(--six-color-action-600);cursor:pointer}.six-files-list-item__name--disabled{cursor:inherit;color:var(--six-color-web-rock-500)}.six-files-list-item__name:hover:not(.six-files-list-item__name--disabled){color:var(--six-color-action-500)}.six-files-list-item__date{padding-left:1rem;color:var(--six-color-web-rock-600)}.six-files-list-item__size{padding-left:1rem;color:var(--six-color-web-rock-600)}.six-files-list-item__icon{padding-left:0.5rem;display:inline-block;transform:translateY(-1px);cursor:pointer;color:var(--six-color-web-rock-600)}.six-files-list-item__icon--disabled{cursor:not-allowed;color:var(--six-color-web-rock-500)}.six-files-list-item__icon:hover:not(.six-files-list-item__icon--disabled){color:var(--six-color-web-rock-900)}";export{t as six_file_list_item}

package/dist/ui-library/p-c733dead.js

@@ -0,0 +1 @@
+const t=35,e=300,a=(t,e=300)=>{let a;return(...o)=>{clearTimeout(a),a=setTimeout((()=>t.apply(void 0,o)),e)}},o=(t,e)=>{const o=t._original||t;return{_original:t,emit:a(o.emit.bind(o),e)}};export{e as D,a,t as b,o as d}

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

@@ -0,0 +1 @@
+import{r as i,c as s,h as t,g as e}from"./p-30ebc1e7.js";import{f as o}from"./p-191f958b.js";let a=0,r=class{constructor(t){i(this,t),this.sixShow=s(this,"six-details-show",7),this.sixAfterShow=s(this,"six-details-after-show",7),this.sixHide=s(this,"six-details-hide",7),this.sixAfterHide=s(this,"six-details-after-hide",7),this.animateSummaryIcon=!0,this.componentId="details-"+ ++a,this.isVisible=!1,this.open=!1,this.summary="",this.summaryIconSize="inherit",this.disabled=!1,this.inline=!1,this.selectableEmpty=!1,this.hasContent=!0}handleOpenChange(){this.body&&(this.open?this.show():this.hide())}connectedCallback(){this.handleBodyTransitionEnd=this.handleBodyTransitionEnd.bind(this),this.handleSummaryClick=this.handleSummaryClick.bind(this),this.handleSummaryKeyDown=this.handleSummaryKeyDown.bind(this)}componentDidLoad(){o.observe(this.details),this.body.hidden=!this.open,this.open&&this.show()}disconnectedCallback(){o.unobserve(this.details)}async show(){this.isVisible||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.body.hidden=!1,0===this.body.scrollHeight?(this.body.style.height="auto",this.body.style.overflow="visible"):(this.body.style.height=`${this.body.scrollHeight}px`,this.body.style.overflow="hidden"),this.isVisible=!0,this.open=!0))}async hide(){this.isVisible&&(this.sixHide.emit().defaultPrevented?this.open=!0:(this.body.style.height=`${this.body.scrollHeight}px`,this.body.style.overflow="hidden",requestAnimationFrame((()=>{this.body.style.height="0"})),this.isVisible=!1,this.open=!1))}handleBodyTransitionEnd(i){"height"===i.propertyName&&i.target.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)}handleSummaryClick(){this.disabled||!this.hasContent&&!this.selectableEmpty||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(i){"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==i.key&&"ArrowLeft"!==i.key||(i.preventDefault(),this.hide()),"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(i.preventDefault(),this.show())}render(){const i=this.hasContent&&(this.summaryIcon||"expand_more");return t("div",{ref:i=>this.details=i,part:"base",class:{details:!0,"details--open":this.open,"details--disabled":this.disabled,inline:this.inline}},t("header",{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",{part:"summary",class:"details__summary"},t("slot",{name:"summary"},this.summary)),t("span",{part:"summary-icon",class:{"details__summary-icon":!0,"details__summary-icon--animate":this.animateSummaryIcon}},t("slot",{name:"summary-icon",onSlotchange:()=>this.animateSummaryIcon=!1},i&&t("six-icon",{size:this.summaryIconSize},i)))),t("div",{ref:i=>this.body=i,class:"details__body",onTransitionEnd:this.handleBodyTransitionEnd},t("div",{part:"content",id:`${this.componentId}-content`,class:"details__content",role:"region","aria-labelledby":`${this.componentId}-header`},t("slot",null))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};r.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--hide-duration:var(--six-transition-medium);--hide-timing-function:ease;--show-duration:var(--six-transition-medium);--show-timing-function:ease;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);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--open:hover{color:var(--six-input-color-focus)}.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)}";export{r as six_details}

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

@@ -0,0 +1 @@
+import{r as i,h as r}from"./p-30ebc1e7.js";let s=class{constructor(r){i(this,r),this.six=!1}renderSIXLogo(){return r("span",{class:"six-spinner","aria-busy":"true","aria-live":"polite"},r("div",{class:"six-spinner__container"},r("svg",{viewBox:"0 0 40 40"},r("path",{fill:"none",stroke:"#de3919","stroke-width":"5","stroke-linecap":"round",d:"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42"}))))}renderSimple(){return r("span",{part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}render(){return this.six?this.renderSIXLogo():this.renderSimple()}};s.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--stroke-width:2px;display:inline-flex}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.six-spinner{width:auto;height:auto;position:relative}.six-spinner .six-spinner__container{margin:0;transform:translateX(0)}.six-spinner .six-spinner__container svg{transform:translateX(0)}.six-spinner__container{position:relative;margin:0 auto;top:calc(50% - 20px);z-index:1}.six-spinner__container,.six-spinner__container svg{width:40px;height:40px;display:block;transform:translateX(40px)}.six-spinner path{stroke-dashoffset:70px;stroke-dasharray:70, 444;-webkit-animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";export{s as six_spinner}