@six-group/ui-library 3.0.0-beta.1.8 → 4.0.0-beta.1

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

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{s as n}from"./p-eb8f05a9.js";import{P as o}from"./p-5f1c6a5f.js";import{E as h}from"./p-9a860acc.js";import{b as r,a as l}from"./p-b4dfb7cf.js";import{D as a,a as d}from"./p-0786fa7c.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-c4b22513.entry.js

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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-cd79de73.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as r,g as o}from"./p-30ebc1e7.js";import{F as i}from"./p-75297ad7.js";import{h as a}from"./p-b4dfb7cf.js";import{E as s}from"./p-9a860acc.js";let l=0,n=class{constructor(r){t(this,r),this.sixChange=e(this,"six-textarea-change",7),this.sixInput=e(this,"six-textarea-input",7),this.sixFocus=e(this,"six-textarea-focus",7),this.sixBlur=e(this,"six-textarea-blur",7),this.sixValueChange=e(this,"six-textarea-value-change",7),this.inputId="textarea-"+ ++l,this.labelId=`textarea-label-${l}`,this.helpTextId=`textarea-help-text-${l}`,this.errorTextId=`input-error-text-${l}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new s,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.size="medium",this.name="",this.value="",this.label="",this.helpText="",this.errorText="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.errorOnBlur=!1,this.defaultValue=""}handleLabelChange(){this.handleSlotChange()}handleRowsChange(){this.textarea&&this.setTextareaHeight()}handleValueChange(){this.textarea&&(this.textarea.value=this.value,this.invalid=!this.textarea.checkValidity(),this.sixValueChange.emit())}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleInput=this.handleInput.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.defaultValue=this.value||"",this.handleSlotChange()}componentDidLoad(){this.setTextareaHeight(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.resizeObserver.observe(this.textarea),this.eventListeners.add(this.textarea,"invalid",(t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.textarea.validationMessage),t.preventDefault()}))}disconnectedCallback(){this.resizeObserver.unobserve(this.textarea),this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(t){this.textarea.focus(t)}async removeFocus(){this.textarea.blur()}async select(){return this.textarea.select()}async setSelectionRange(t,e,r="none"){return this.textarea.setSelectionRange(t,e,r)}async setRangeText(t,e,r,o="preserve"){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight(),this.sixChange.emit(),this.sixInput.emit())}async reportValidity(){return this.textarea.reportValidity()}async checkValidity(){return this.textarea.validity.valid}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.textarea.setCustomValidity(t),this.invalid=!this.textarea.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.textarea.setCustomValidity(""),this.invalid=!1}handleChange(){this.sixChange.emit()}handleInput(){this.value=this.textarea.value,this.setTextareaHeight(),this.sixInput.emit()}handleInvalid(){this.invalid=!0}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleSlotChange(){this.hasLabelSlot=a(this.host,"label"),this.hasHelpTextSlot=a(this.host,"help-text"),this.hasErrorTextSlot=a(this.host,"error-text")}setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=this.textarea.scrollHeight+"px"):this.textarea.style.height=void 0}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){var t;return r(i,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{textarea:!0,"textarea--small":"small"===this.size,"textarea--medium":"medium"===this.size,"textarea--large":"large"===this.size,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"textarea--invalid":this.invalid,"textarea--resize-none":"none"===this.resize,"textarea--resize-vertical":"vertical"===this.resize,"textarea--resize-auto":"auto"===this.resize}},r("textarea",{part:"textarea",ref:t=>this.textarea=t,id:this.inputId,class:"textarea__control",name:this.name,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows,minLength:this.minlength,maxLength:this.maxlength,value:this.value,autoCapitalize:this.autocapitalize,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,onChange:this.handleChange,onInput:this.handleInput,onInvalid:this.handleInvalid,onFocus:this.handleFocus,onBlur:this.handleBlur})))}get host(){return o(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],rows:["handleRowsChange"],value:["handleValueChange"]}}};n.style=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.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:"*"}.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;color:var(--six-color-danger-800);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{display:block}.textarea{display:flex;align-items:center;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);line-height:var(--six-line-height-normal);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.textarea:hover:not(.textarea--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.textarea:hover:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-hover)}.textarea.textarea--focused:not(.textarea--disabled){background-color:var(--six-input-background-color-focus);box-shadow:var(--six-input-focus-shadow);border-color:var(--six-input-border-color-focus);color:var(--six-input-color-focus)}.textarea.textarea--focused:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-focus)}.textarea.textarea--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.textarea.textarea--disabled .textarea__control{color:var(--six-input-color-disabled)}.textarea.textarea--disabled .textarea__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.textarea__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;color:var(--sl-input-color);border:none;background:none;box-shadow:none;cursor:inherit;-webkit-appearance:none}.textarea__control::-webkit-search-decoration,.textarea__control::-webkit-search-cancel-button,.textarea__control::-webkit-search-results-button,.textarea__control::-webkit-search-results-decoration{-webkit-appearance:none}.textarea__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.textarea__control:focus{outline:none}.textarea--invalid:not(.textarea--disabled):not(.textarea--focused){border-color:var(--six-input-border-color-danger)}.textarea--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small)}.textarea--small .textarea__control{padding:0.5em var(--six-input-spacing-small)}.textarea--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium)}.textarea--medium .textarea__control{padding:0.5em var(--six-input-spacing-medium)}.textarea--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large)}.textarea--large .textarea__control{padding:0.5em var(--six-input-spacing-large)}.textarea--resize-none .textarea__control{resize:none}.textarea--resize-vertical .textarea__control{resize:vertical}.textarea--resize-auto .textarea__control{height:auto;resize:none}';export{n as six_textarea}

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

@@ -1 +0,0 @@
-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}

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

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{I as r}from"./p-25a3bf57.js";import{d as h,T as n,e as o,i as a,S as c}from"./p-d12c6092.js";import{D as p,b as l,a as m}from"./p-0786fa7c.js";import{E as u}from"./p-9a860acc.js";import{h as d}from"./p-b4dfb7cf.js";var x;!function(i){i.HHmmss="HH:mm:ss",i.hhmmssaa="hh:mm:ss:aa",i.HHmmssms="HH:mm:ss:ms",i.hhmmssmsaa="hh:mm:ss:ms:aa",i.HHmm="HH:mm",i.hhmmaa="hh:mm:aa",i.HH="HH",i.hhaa="hh:aa",i.mm="mm",i.ss="ss",i.ms="ms"}(x||(x={}));const g=i=>i>12?i-12:i,f=(i,t)=>{const s=i.split(":"),e=t.split(":");return s.length===e.length},k=(i,t)=>{const s=i.split(":"),e=t.split(":");f(i,t)||console.error(`Timestring did not match expected format.\nExpected format: ${t}\nReceived timestring: ${i}`);const r={};return s.forEach(((i,t)=>{const s=e[t],a=o[s];void 0!==a&&(s===n.PERIOD?r.period=i.toUpperCase()===h.PM?h.PM:h.AM:r[a]=Number(i)),s===n.HOUR_24?r.has24Hours=!0:s===n.HOUR_12&&(r.has24Hours=!1)})),r},b=(i,t)=>t.split(":").map((t=>{const s=t===n.MILLISECOND?3:2;return String(i[o[t]]).padStart(s,"0")})).join(":");let v=class{constructor(s){i(this,s),this.sixChange=t(this,"six-timepicker-change",7),this.sixChangeDebounced=t(this,"six-timepicker-change-debounced",7),this.sixClear=t(this,"six-timepicker-clear",7),this.eventListeners=new u,this.format=x.HHmmss,this.separator=":",this.open=!1,this.inline=!1,this.readonly=!1,this.disabled=!1,this.size="medium",this.errorOnBlur=!1,this.errorText="",this.label="",this.name="",this.clearable=!1,this.iconPosition="left",this.hoist=!1,this.timeout=p,this.interval=l,this.debounce=p,this.isPopupContentUp=!1,this.isDropDownContentUp=!1,this.defaultValue=null,this.handleInputChange=i=>{i.stopPropagation();const t=this.inputElement.value;f(t,this.format)?(this.internalValue=k(t,this.format),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})):this.sixChange.emit({value:{},valueAsString:""})},this.handleSixTimepickerChangeDebounced=({detail:i})=>{this.sixChangeDebounced.emit(i)},this.handleChange=(i,t)=>{i.stopPropagation(),this.internalValue[t]=i.detail;const s=b(this.internalValue,this.format);this.sixChange.emit({changedProperty:t,value:this.internalValue,valueAsString:s}),this.value=s},this.handleDocumentMouseDown=i=>{i.composedPath().includes(this.host)||this.closePopup()},this.handleClearClick=i=>{i.stopPropagation(),this.value=void 0,this.sixClear.emit()}}async resizeHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}async scrollHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}debounceChanged(){this.eventListeners.removeByIdentifier("debounced-timepicker"),this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker")}valueChanged(i){this.value!==i&&(this.value=i),this.setupInternalTime(),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})}async reportValidity(){return this.inputElement.reportValidity()}async checkValidity(){return this.inputElement.checkValidity()}async setCustomValidity(i){await this.inputElement.setCustomValidity(i)}async reset(){this.internalValue=this.defaultValue,this.inputElement.value=b(this.internalValue,this.format),await this.inputElement.reset()}componentWillLoad(){this.setupInternalTime(),this.inline&&(this.open=!0),this.open&&this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}componentDidLoad(){this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker"),this.eventListeners.add(this.inputElement,"six-input-input",m(this.handleInputChange,this.debounce))}disconnectedCallback(){this.eventListeners.removeAll()}calcIsPopupContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isPopupContentUp=e&&window.innerHeight<i.bottom+s}moveOpenHoistedPopup(){if(!this.hoist||!this.open)return;const i=this.popup.getBoundingClientRect().height,t=this.inputElement.getBoundingClientRect(),s=t.top,e=t.height;this.calcIsPopupContentUp(),this.popup.style.top=this.isPopupContentUp?s-i+"px":`${s+e}px`}getSixTimeUnitPicker(i){return s("six-item-picker",{class:i.class,timeout:this.timeout,interval:this.interval,padded:!0,min:i.min,max:i.max,value:this.internalValue[i.propertyName],items:i.items,type:i.type||r.NUMBER,"padding-length":i.paddingLength,"onSix-item-picker-change":t=>this.handleChange(t,i.propertyName)})}setupInternalTime(){this.is12HourClock()&&!this.format.includes(n.PERIOD)&&console.error("[SIX-TIMEPICKER] You provided a 12-hour-clock format but are missing the period (am or pm) in the time-format-string!"),this.internalValue=null==this.value?a(this.defaultTime)?((i=!0)=>i?(()=>{const i=new Date;return{hours:i.getHours(),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!0}})():(()=>{const i=new Date,t=i.getHours();return{hours:g(t),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!1,period:t>=12?h.PM:h.AM}})())(this.is24HourClock()):k(this.defaultTime,this.format):k(this.value,this.format),this.defaultValue=this.internalValue}getHour24Picker(){if(this.is24HourClock())return this.getSixTimeUnitPicker({min:0,max:23,propertyName:c.HOURS})}is24HourClock(){return this.format.includes(n.HOUR_24)}getHour12Picker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({min:0,max:11,propertyName:c.HOURS})}is12HourClock(){return this.format.includes(n.HOUR_12)}getAmPmPicker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({items:["AM","PM"],type:r.CUSTOM,propertyName:c.PERIOD})}getMinutePicker(){if(this.format.includes(n.MINUTE))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.MINUTES})}getSecondsPicker(){if(this.format.includes(n.SECOND))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.SECONDS})}getMillisecondsPicker(){if(this.format.includes(n.MILLISECOND))return this.getSixTimeUnitPicker({min:0,max:999,class:"timepicker__item--wide",paddingLength:3,propertyName:c.MILLISECONDS})}getSeparator(){return s("div",{class:"timepicker__separator"},s("span",null,this.separator))}getContent(){const i=[this.getHour24Picker(),this.getHour12Picker(),this.getMinutePicker(),this.getSecondsPicker(),this.getMillisecondsPicker()].filter((i=>void 0!==i));return i.map(((t,s)=>s===i.length-1?[t]:[t,this.getSeparator()]))}openPopup(){this.open||this.disabled||(this.open=!0,this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown))}closePopup(){this.inline||(this.open=!1,this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown))}renderClearable(){return this.clearable&&s("button",{slot:"suffix",class:{timepicker_clear:!0,"timepicker_clear--right":"left"===this.iconPosition,"timepicker_clear--left":"right"===this.iconPosition},type:"button",onClick:this.handleClearClick,tabindex:"-1"},s("six-icon",{size:"small"},"clear"))}renderCustomIcon(){const i=d(this.host,"custom-icon")?s("slot",{name:"custom-icon"}):s("six-icon",{size:"large"===this.size?"medium":this.size},"watch_later");return s("span",{slot:"prefix",part:"icon",class:{prefix:!0,"prefix--right":"right"===this.iconPosition}},i)}calcIsDropDownContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isDropDownContentUp=e&&window.innerHeight<i.bottom+s}adjustPopupForHoisting(){this.hoist&&setTimeout((()=>{if(!this.popup)return;const i=this.popup.getBoundingClientRect();this.popup.style.position="fixed",["top","left","width","height"].forEach((t=>{this.popup.style[t]=`${i[t]}px`}));const t=this.inputElement.getBoundingClientRect(),s=t.top,e=i.top;this.calcIsDropDownContentUp(),this.isDropDownContentUp&&s<e&&(this.popup.style.top=e-i.height-t.height+"px")}),0)}render(){return this.adjustPopupForHoisting(),s("div",{part:"container",ref:i=>this.wrapper=i,class:"timepicker__container"},s("six-input",{ref:i=>this.inputElement=i,part:"input",onClick:()=>this.openPopup(),value:this.value,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,size:this.size,name:this.name,label:this.label,required:this.required,"error-text":this.errorText,"error-on-blur":this.errorOnBlur,class:{"input--empty":!this.value,"input--hide":this.inline}},this.renderCustomIcon(),this.renderClearable(),d(this.host,"error-text")?s("span",{slot:"error-text"},s("slot",{name:"error-text"})):null,d(this.host,"label")?s("span",{slot:"label"},s("slot",{name:"label"})):null),this.open&&s("div",{ref:i=>this.popup=i,part:"popup",class:{timepicker__popup:!0,"timepicker__popup--is-up":this.placement?"top"===this.placement:this.isPopupContentUp,"timepicker__popup--is-inline":this.inline}},...this.getContent(),this.getAmPmPicker()))}get host(){return e(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};v.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)}.timepicker_clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.timepicker_clear:hover{color:var(--six-input-icon-color-hover)}.timepicker_clear:focus{outline:none}.timepicker_clear--right{right:0;position:absolute}.timepicker_clear--left{right:35px;position:absolute}.timepicker__container{position:relative}.timepicker__popup{display:flex;justify-content:center;min-width:min-content;min-height:145px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.timepicker__popup--is-up{bottom:100%}.timepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.timepicker__separator{display:flex;align-items:center}.timepicker__item--wide{padding-left:0.5rem;padding-right:0.5rem}.input--empty .timepicker_clear{visibility:hidden}.input--hide{display:none}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}";export{v as six_timepicker}