@six-group/ui-library 0.0.0-insider.a358260 → 0.0.0-insider.d16ec8e

package/dist/ui-library/p-0786fa7c.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DEFAULT_DEBOUNCE_INSANELY_FAST","DEFAULT_DEBOUNCE_FAST","debounce","callback","timeout","timer","args","clearTimeout","setTimeout","apply","this","debounceEvent","event","original","_original","emit","bind"],"sources":["./src/utils/execution-control.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;\nexport const DEFAULT_DEBOUNCE_VERY_FAST = 100;\nexport const DEFAULT_DEBOUNCE_FAST = 300;\nexport const DEFAULT_DEBOUNCE_SLOW = 600;\n\n/**\n * Debounce function to implement a timeframe to wait for no new changes before executing a callback\n\n *  example usages:\n *    debounce(() => saveInput());\n *    debounce(() => saveInput(), 750);\n *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));\n *\n *  regarding default timeout check https://lawsofux.com/doherty-threshold/\n *\n * @param callback\n * @param timeout\n */\nexport const debounce = (callback: Function, timeout = DEFAULT_DEBOUNCE_FAST) => {\n  let timer: NodeJS.Timeout;\n  return <T>(...args: T[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => callback.apply(this, args), timeout);\n  };\n};\n\n/**\n * Debounce an event\n *\n * @param event\n * @param timeout\n */\nexport const debounceEvent = (event: EventEmitter, timeout: number): EventEmitter => {\n  const original = (event as any)._original || event;\n  const emit = debounce(original.emit.bind(original), timeout) as (any) => CustomEvent;\n  return {\n    _original: event,\n    emit: emit,\n  } as EventEmitter;\n};\n"],"mappings":"MAEaA,EAAiC,G,MAEjCC,EAAwB,I,MAgBxBC,EAAW,CAACC,EAAoBC,EAAUH,KACrD,IAAII,EACJ,MAAO,IAAOC,KACZC,aAAaF,GACbA,EAAQG,YAAW,IAAML,EAASM,MAAMC,UAAMJ,IAAOF,EAAQ,CAC9D,E,MASUO,EAAgB,CAACC,EAAqBR,KACjD,MAAMS,EAAYD,EAAcE,WAAaF,EAC7C,MAAMG,EAAOb,EAASW,EAASE,KAAKC,KAAKH,GAAWT,GACpD,MAAO,CACLU,UAAWF,EACXG,KAAMA,EACS,S"}

package/dist/ui-library/p-163f2bb0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,g as i}from"./p-ac4f4d45.js";import{h as l,a as r}from"./p-b4dfb7cf.js";import{F as o}from"./p-79eee01b.js";import{E as a}from"./p-9a860acc.js";import{D as n,a as h}from"./p-0786fa7c.js";function c(t,e,s){var i,l;if(e){if(Array.isArray(t)){return f(t,s)}else{return m(t,s)}}return(l=(i=p(t,s))===null||i===void 0?void 0:i.value)!==null&&l!==void 0?l:""}function d(t,e,s){if(t===""){return true}if(e){if(Array.isArray(t)){if(t.length===0){return true}return f(t,s).length===t.length}return m(t,s).length>0}return p(t,s)!=null}function u(t,e){if(Array.isArray(t)&&Array.isArray(e)){return t.length===e.length&&t.every(((t,s)=>t===e[s]))}else if(typeof t==="string"&&typeof e==="string"){return t===e}return false}function x(t){if(Array.isArray(t)){return t.length===0}return t===""}function f(t,e){return e.filter((e=>t.includes(e.value))).map((t=>t.value))}function m(t,e){return e.filter((e=>t===e.value)).map((t=>t.value))}function p(t,e){return e.find((e=>t===e.value))}const b=':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}.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);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;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__tags,.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.select__label{flex-shrink:1;flex-grow:1;align-items:center;user-select:none;width:0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.select__label::-webkit-scrollbar{width:0;height:0}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color)}.select--disabled.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color-disabled)}.select__tags{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:left;margin-left:var(--six-spacing-xx-small)}.select__hidden-select{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .select__label{margin:0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--small .select__tags{padding-bottom:2px}.select--small .select__tags six-tag{padding-top:2px}.select--small .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--small.select--has-tags .select__label{margin-left:0}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .select__label{margin:0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__tags{padding-bottom:3px}.select--medium .select__tags six-tag{padding-top:3px}.select--medium .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--medium.select--has-tags .select__label{margin-left:0}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .select__label{margin:0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__tags{padding-bottom:4px}.select--large .select__tags six-tag{padding-top:4px}.select--large .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--large.select--has-tags .select__label{margin-left:0}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{max-width:50vw;width:fit-content}.select__menu--filtered{width:100% !important}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}';let _=0;const g=class{constructor(s){t(this,s);this.sixChange=e(this,"six-select-change",7);this.sixFocus=e(this,"six-select-focus",7);this.sixBlur=e(this,"six-select-blur",7);this.inputId=`select-${++_}`;this.labelId=`select-label-${_}`;this.helpTextId=`select-help-text-${_}`;this.errorTextId=`select-error-text-${_}`;this.touched=false;this.customErrorText="";this.customValidation=false;this.eventListeners=new a;this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleInvalid=()=>{this.invalid=true};this.handleClearClick=t=>{t.stopPropagation();this.clearValues()};this.handleSelectAll=t=>{const e=this.getItems().filter((t=>t.style.display!=="none"));const s=t.key;const i=t.code;if(s==="Control"){return}if(this.isOpen&&this.multiple&&i==="KeyA"&&t.ctrlKey){t.preventDefault();const s=e.some((t=>!t.disabled&&!t.checked));e.filter((t=>!t.disabled)).forEach((t=>t.checked=s));const i=e.filter((t=>t.checked)).map((t=>t.value));this.value=s?i:[]}};this.handleKeyDown=async t=>{var e;const s=t.target;const i=this.getItems();const l=i[0];const r=i[i.length-1];if(s.tagName.toLowerCase()==="six-tag"){return}if(t.key==="Tab"){if(this.isOpen&&this.dropdown!=null){await this.dropdown.hide()}return}if(["ArrowDown","ArrowUp"].includes(t.key)){t.preventDefault();if(!this.isOpen&&this.dropdown!=null){await this.dropdown.show()}if(t.key==="ArrowDown"&&l){l.setFocus()}else if(t.key==="ArrowUp"&&r){r.setFocus()}}if(!this.isOpen&&this.dropdown!=null){t.stopPropagation();t.preventDefault();await this.dropdown.show();await((e=this.menu)===null||e===void 0?void 0:e.typeToSelect(t.key))}};this.handleLabelClick=()=>{var t;(t=this.box)===null||t===void 0?void 0:t.focus()};this.handleMenuShow=t=>{var e;if(this.disabled){t.preventDefault();return}this.resizeMenu();(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(this.host);this.isOpen=true};this.handleMenuHide=()=>{var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.host);this.isOpen=false};this.handleSlotChange=()=>{this.hasHelpTextSlot=l(this.host,"help-text");this.hasErrorTextSlot=l(this.host,"error-text");this.hasLabelSlot=l(this.host,"label");this.update()};this.handleTagInteraction=t=>{const e=t.composedPath();const s=e.find((t=>{if(t instanceof HTMLElement){const e=t;return e.classList.contains("tag__clear")}}));if(s){t.stopPropagation()}};this.hasFocus=false;this.hasHelpTextSlot=false;this.hasErrorTextSlot=false;this.hasLabelSlot=false;this.isOpen=false;this.displayLabel="";this.displayTags=[];this.multiple=false;this.maxTagsVisible=3;this.disabled=false;this.name="";this.placeholder="";this.filterPlaceholder=undefined;this.filterDebounce=n;this.size="medium";this.hoist=false;this.value="";this.pill=false;this.label="";this.helpText="";this.errorText="";this.required=false;this.clearable=false;this.invalid=false;this.line=false;this.errorOnBlur=false;this.filter=false;this.asyncFilter=false;this.autocomplete=false;this.inputDebounce=n;this.options=null;this.virtualScroll=false;this.defaultValue=undefined}handleDisabledChange(){if(this.disabled&&this.isOpen&&this.dropdown!=null){this.dropdown.hide()}}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){this.update()}handleValueChange(t,e){var s;let i=(s=this.options)!==null&&s!==void 0?s:this.getItems();if(!d(t,this.multiple,i)){this.value=c(t,this.multiple,i);return}if(u(c(e,this.multiple,i),c(t,this.multiple,i))){return}this.update();this.sixChange.emit({value:this.value,isSelected:true})}update(){var t;const e=this.getItems();this.value=c(this.value,this.multiple,(t=this.options)!==null&&t!==void 0?t:e);if(!Array.isArray(this.value)){e.forEach((t=>t.checked=false));const t=e.find((t=>this.value.includes(t.value)));if(t!=null){t.checked=true}this.displayLabel=this.extractLabelForSelectedItem([this.value],e);this.displayTags=[];const s=!x(this.value);if(s){this.touched=true}if(this.inputElement&&this.touched){if(!this.autocomplete){this.inputElement.value=s?this.displayLabel:""}else if(s){this.inputElement.value=this.value}this.inputElement.checkValidity().then((t=>this.invalid=!t))}}else{e.forEach((t=>t.checked=this.value.includes(t.value)));const t=[];this.value.forEach((s=>e.map((e=>e.value===s?t.push(e):null))));this.displayTags=t.map((t=>s("six-tag",{exportparts:"base:tag",type:"primary",size:this.size,pill:this.pill,clearable:true,onClick:this.handleTagInteraction,onKeyDown:this.handleTagInteraction,"onSix-tag-clear":e=>{e.stopPropagation();if(!this.disabled){this.toggleItem(t)}}},this.getItemLabel(t))));if(this.maxTagsVisible>0&&this.displayTags.length>this.maxTagsVisible){const t=this.displayTags.length;this.displayLabel="";this.displayTags=this.displayTags.slice(0,this.maxTagsVisible);this.displayTags.push(s("six-tag",{exportparts:"base:tag",type:"info",size:this.size},"+",t-this.maxTagsVisible))}const i=!x(this.value);if(i){this.touched=true}if(this.inputElement&&this.touched){if(!this.autocomplete){this.inputElement.value=i?this.displayLabel:""}else if(i){this.inputElement.value=this.value.join(",")}this.inputElement.checkValidity().then((t=>this.invalid=!t))}}}connectedCallback(){var t;if(this.virtualScroll&&this.options===null){console.error("Options must be defined when using virtual scrolling")}(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange()}componentDidLoad(){const t=this.inputElement;if(t==null){return}this.resizeObserver=new ResizeObserver((()=>this.resizeMenu()));this.eventListeners.add(t,"invalid",(async e=>{if(this.customValidation||!this.hasErrorTextSlot&&this.errorText===""&&this.customErrorText===""){this.customErrorText=await t.getValidationMessage()}e.preventDefault()}));this.eventListeners.add(t,"six-input-input",h((e=>{const s=t.value;this.clearValues();this.sixChange.emit({value:s,isSelected:false});e.stopPropagation()}),this.inputDebounce))}disconnectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async reportValidity(){var t;return(t=this.inputElement)===null||t===void 0?void 0:t.reportValidity()}async checkValidity(){var t;return(t=this.inputElement)===null||t===void 0?void 0:t.isValid()}async setCustomValidity(t){this.customErrorText="";this.customValidation=t!=="";if(this.inputElement!=null){await this.inputElement.setCustomValidity(t);this.invalid=!await this.inputElement.checkValidity()}}async reset(){var t;this.clearValues();this.customErrorText="";this.customValidation=false;await((t=this.inputElement)===null||t===void 0?void 0:t.setCustomValidity(""));this.invalid=false}getItemLabel(t){var e,s;const i=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(i!=null){return r(i)}else{return(s=t.textContent)!==null&&s!==void 0?s:""}}getItems(){if(this.options!==null){return this.options.map((t=>s("six-menu-item",{value:t.value},t.label)))}return[...this.host.querySelectorAll("six-menu-item")]}hasMenuItems(){return this.getItems().length>0}clearValues(){var t;this.value=(t=this.defaultValue)!==null&&t!==void 0?t:this.multiple?[]:"";this.update()}async resizeMenu(){if(this.menu==null||this.box==null){return}this.menu.style.minWidth=`${this.box.clientWidth}px`;if(this.dropdown){await this.dropdown.reposition()}}extractLabelForSelectedItem(t,e){if(t.length===0||t.length===1&&t[0]===""){return""}if(this.options!==null){const e=this.options.find((e=>e.value===t[0]));return(e===null||e===void 0?void 0:e.value)||""}const s=e.find((e=>e.value===t[0]));return s?this.getItemLabel(s):""}toggleItem(t){var e;const s=c(this.value,this.multiple,(e=this.options)!==null&&e!==void 0?e:this.getItems());if(Array.isArray(s)){const e=s.find((e=>e===t.value));if(e==null){this.value=[...this.value,t.value]}else{this.value=s.filter((e=>e!==t.value))}}else{if(t.value===s){this.value=""}else{this.value=t.value}}}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus&&!this.isOpen)}render(){var t;const e=!x(this.value);return s(o,{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!=null?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.displayError()},s("six-dropdown",{part:"base",ref:t=>this.dropdown=t,hoist:this.hoist,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:true,"select--open":this.isOpen,"select--empty":((t=this.value)===null||t===void 0?void 0:t.length)===0,"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&e,"select--placeholder-visible":this.displayLabel==="","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleSelectAll,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter},s("div",{slot:"trigger",ref:t=>this.box=t,id:this.inputId,class:{select__box:true,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown},s("span",{class:"select__label"},this.displayTags.length?s("span",{part:"tags",class:"select__tags"},this.displayTags):this.displayLabel||this.placeholder),this.clearable&&e&&s("six-icon-button",{exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),this.hasMenuItems()&&s("span",{part:"icon",class:"select__icon"},s("six-icon",{size:"medium"},"expand_more")),s("six-input",{ref:t=>this.inputElement=t,class:{select__input:true,"select__hidden-select":!this.autocomplete},"aria-hidden":"true",required:this.required,onInvalid:this.handleInvalid,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("six-menu",{ref:t=>this.menu=t,part:"menu",class:{select__menu:true,"select__menu--filtered":this.filter||this.asyncFilter,"select__menu--hidden":!this.hasMenuItems()},"onSix-menu-item-selected":t=>this.toggleItem(t.detail.item),items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":true},s("slot",{onSlotchange:this.handleSlotChange}))))}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};g.style=b;export{g as six_select};
-//# sourceMappingURL=p-163f2bb0.entry.js.map

package/dist/ui-library/p-163f2bb0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getValue","value","multiple","menuItems","Array","isArray","getSelectedValues","getSelectedValuesFromString","_b","_a","getSelectedMenuItem","isValidValue","length","valueEquals","a","b","every","element","index","isValueEmpty","values","filter","menuItem","includes","map","find","item","sixSelectCss","id","SixSelect","this","inputId","labelId","helpTextId","errorTextId","touched","customErrorText","customValidation","eventListeners","EventListeners","handleBlur","hasFocus","sixBlur","emit","handleFocus","sixFocus","handleInvalid","invalid","handleClearClick","event","stopPropagation","clearValues","handleSelectAll","nonFilteredItems","getItems","style","display","keyName","key","keyCode","code","isOpen","ctrlKey","preventDefault","hasDeselectedOptions","some","opt","disabled","checked","option","forEach","checkedItems","handleKeyDown","async","target","items","firstItem","lastItem","tagName","toLowerCase","dropdown","hide","show","setFocus","menu","typeToSelect","handleLabelClick","box","focus","handleMenuShow","resizeMenu","resizeObserver","observe","host","handleMenuHide","unobserve","handleSlotChange","hasHelpTextSlot","hasSlot","hasErrorTextSlot","hasLabelSlot","update","handleTagInteraction","path","composedPath","clearButton","el","HTMLElement","classList","contains","DEFAULT_DEBOUNCE_FAST","handleDisabledChange","handleLabelChange","handleMultipleChange","handleValueChange","newValue","oldValue","options","sixChange","isSelected","displayLabel","extractLabelForSelectedItem","displayTags","hasSelection","inputElement","autocomplete","checkValidity","then","valid","val","push","h","exportparts","type","size","pill","clearable","onClick","onKeyDown","toggleItem","getItemLabel","maxTagsVisible","total","slice","join","connectedCallback","virtualScroll","console","error","shadowRoot","addEventListener","componentWillLoad","componentDidLoad","ResizeObserver","add","errorText","getValidationMessage","debounce","enteredValue","inputDebounce","disconnectedCallback","removeEventListener","removeAll","reportValidity","isValid","message","setCustomValidity","slot","querySelector","getTextContent","textContent","label","querySelectorAll","hasMenuItems","defaultValue","minWidth","clientWidth","reposition","selectedOption","checkedItem","itemFound","v","displayError","errorOnBlur","render","FormControl","helpText","onLabelClick","required","part","ref","hoist","closeOnSelect","containingElement","disableHideOnEnterAndSpace","class","select","filterPlaceholder","filterDebounce","asyncFilter","select__box","line","role","tabIndex","onBlur","onFocus","placeholder","name","tabindex","select__input","onInvalid","select__menu","detail","onSlotchange"],"sources":["./src/components/six-select/util.ts","./src/components/six-select/six-select.scss?tag=six-select&encapsulation=shadow","./src/components/six-select/six-select.tsx"],"sourcesContent":["export interface MenuItem {\n  value: string;\n}\n\nexport function getValue(value: unknown, multiple: boolean, menuItems: MenuItem[]): string | string[] {\n  if (multiple) {\n    if (Array.isArray(value)) {\n      return getSelectedValues(value, menuItems);\n    } else {\n      return getSelectedValuesFromString(value, menuItems);\n    }\n  }\n\n  return getSelectedMenuItem(value, menuItems)?.value ?? '';\n}\n\nexport function isValidValue(value: unknown, multiple: boolean, menuItems: MenuItem[]): boolean {\n  if (value === '') {\n    return true;\n  }\n\n  if (multiple) {\n    if (Array.isArray(value)) {\n      if (value.length === 0) {\n        return true;\n      }\n      return getSelectedValues(value, menuItems).length === value.length;\n    }\n    return getSelectedValuesFromString(value, menuItems).length > 0;\n  }\n\n  return getSelectedMenuItem(value, menuItems) != null;\n}\n\nexport function valueEquals(a: string | string[], b: string | string[]): boolean {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    return a.length === b.length && a.every((element, index) => element === b[index]);\n  } else if (typeof a === 'string' && typeof b === 'string') {\n    return a === b;\n  }\n  return false;\n}\n\nexport function isValueEmpty(value: string | string[]): boolean {\n  if (Array.isArray(value)) {\n    return value.length === 0;\n  }\n  return value === '';\n}\n\nfunction getSelectedValues(values: unknown[], menuItems: MenuItem[]): string[] {\n  return menuItems.filter((menuItem) => values.includes(menuItem.value)).map((menuItem) => menuItem.value);\n}\n\nfunction getSelectedValuesFromString(value: unknown, menuItems: MenuItem[]): string[] {\n  return menuItems.filter((menuItem) => value === menuItem.value).map((menuItem) => menuItem.value);\n}\n\nfunction getSelectedMenuItem(value: unknown, menuItems: MenuItem[]): MenuItem {\n  return menuItems.find((item) => value === item.value);\n}\n","@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n@import 'src/global/mixins/hidden';\n@import 'src/global/mixins/hide-scrollbar';\n\n:host {\n  display: block;\n}\n\n.select {\n  display: block;\n}\n\n.select__box {\n  display: inline-flex;\n  align-items: center;\n  justify-content: start;\n  position: relative;\n  width: 100%;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-input-font-weight);\n  font-size: var(--six-input-font-size-medium);\n  letter-spacing: var(--six-input-letter-spacing);\n  background-color: var(--six-input-background-color);\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  vertical-align: middle;\n  overflow: hidden;\n  transition: var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;\n  cursor: pointer;\n\n  &--line {\n    border: none;\n    border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n  }\n\n  &--autocomplete {\n    border: none;\n    overflow: initial;\n  }\n}\n\n.select:not(.select--disabled) .select__box:hover {\n  background-color: var(--six-input-background-color-hover);\n  color: var(--six-input-color-hover);\n\n  border-bottom-color: var(--six-input-border-color-hover);\n\n  &:not(.select__box--line) {\n    border-color: var(--six-input-border-color-hover);\n  }\n}\n\n.select:not(.select--disabled) .select__box:focus {\n  background-color: var(--six-input-background-color-focus);\n  outline: none;\n  color: var(--six-input-color-focus);\n\n  border-bottom-color: var(--six-input-border-color-focus);\n  box-shadow: 0 1px 0 0 var(--six-input-border-color-focus);\n\n  &:not(.select__box--line) {\n    border-color: var(--six-input-border-color-focus);\n    box-shadow: var(--six-input-focus-shadow);\n  }\n}\n\n.select--disabled {\n  .select__box {\n    background-color: var(--six-input-background-color-disabled);\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n    outline: none;\n\n    &:not(.select__box--line) {\n      border-color: var(--six-input-border-color-disabled);\n    }\n  }\n\n  .select__tags,\n  .select__clear {\n    pointer-events: none;\n  }\n}\n\n.select--invalid:not(.select--disabled):not(.select--focused) {\n  .select__box {\n    border-bottom-color: var(--six-input-border-color-danger);\n\n    &:not(.input--line) {\n      border-color: var(--six-input-border-color-danger);\n    }\n  }\n}\n\n.select__label {\n  flex-shrink: 1;\n  flex-grow: 1;\n  align-items: center;\n  user-select: none;\n  width: 0; /* needed for firefox because due to \"white-space: nowrap\" the default is set to max-content */\n\n  @include hide-scrollbar;\n  overflow-x: auto;\n  overflow-y: hidden;\n  white-space: nowrap;\n}\n\n.select__clear {\n  flex-shrink: 0;\n  flex-grow: 0;\n  display: inline;\n}\n\n.select__icon {\n  flex-shrink: 0;\n  flex-grow: 0;\n  display: inline;\n  transition: var(--six-transition-medium) transform ease;\n}\n\n.select--open .select__icon {\n  transform: rotate(-180deg);\n}\n\n// Placeholder\n.select--placeholder-visible .select__label {\n  color: var(--six-input-placeholder-color);\n}\n\n.select--disabled.select--placeholder-visible .select__label {\n  color: var(--six-input-placeholder-color-disabled);\n}\n\n// Tags\n.select__tags {\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: left;\n  margin-left: var(--six-spacing-xx-small);\n}\n\n// Hidden input (for form control validation to show)\n.select__hidden-select {\n  @include visually-hidden();\n}\n\n.select__input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.select--small {\n  .select__box {\n    border-radius: var(--six-input-border-radius-small);\n    font-size: var(--six-input-font-size-small);\n    min-height: var(--six-height-small);\n\n    &--line {\n      border: none;\n      border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n    }\n  }\n\n  .select__label {\n    margin: 0 var(--six-input-spacing-small);\n  }\n\n  .select__clear {\n    margin-right: var(--six-spacing-xxx-small);\n  }\n\n  .select__icon {\n    margin-right: var(--six-spacing-x-small);\n  }\n\n  .select__tags {\n    padding-bottom: 2px;\n\n    six-tag {\n      padding-top: 2px;\n    }\n\n    six-tag:not(:last-of-type) {\n      margin-right: var(--six-spacing-xx-small);\n    }\n  }\n\n  &.select--has-tags .select__label {\n    margin-left: 0;\n  }\n}\n\n.select--medium {\n  .select__box {\n    border-radius: var(--six-input-border-radius-medium);\n    font-size: var(--six-input-font-size-medium);\n    min-height: var(--six-height-medium);\n\n    &--line {\n      border: none;\n      border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n    }\n  }\n\n  .select__label {\n    margin: 0 var(--six-input-spacing-medium);\n  }\n\n  .select__clear {\n    margin-right: var(--six-spacing-xxx-small);\n  }\n\n  .select__icon {\n    margin-right: var(--six-spacing-x-small);\n  }\n\n  .select__tags {\n    padding-bottom: 3px;\n\n    six-tag {\n      padding-top: 3px;\n    }\n\n    six-tag:not(:last-of-type) {\n      margin-right: var(--six-spacing-xx-small);\n    }\n  }\n\n  &.select--has-tags .select__label {\n    margin-left: 0;\n  }\n}\n\n.select--large {\n  .select__box {\n    border-radius: var(--six-input-border-radius-large);\n    font-size: var(--six-input-font-size-large);\n    min-height: var(--six-height-large);\n\n    &--line {\n      border: none;\n      border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n    }\n  }\n\n  .select__label {\n    margin: 0 var(--six-input-spacing-large);\n  }\n\n  .select__clear {\n    margin-right: var(--six-spacing-xxx-small);\n  }\n\n  .select__icon {\n    margin-right: var(--six-spacing-x-small);\n  }\n\n  .select__tags {\n    padding-bottom: 4px;\n\n    six-tag {\n      padding-top: 4px;\n    }\n\n    six-tag:not(:last-of-type) {\n      margin-right: var(--six-spacing-xx-small);\n    }\n  }\n\n  &.select--has-tags .select__label {\n    margin-left: 0;\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.select--pill {\n  &.select--small .select__box {\n    border-radius: var(--six-height-small);\n  }\n\n  &.select--medium .select__box {\n    border-radius: var(--six-height-medium);\n  }\n\n  &.select--large .select__box {\n    border-radius: var(--six-height-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Menu\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n.select {\n  &__menu {\n    max-width: 50vw;\n    width: fit-content;\n\n    &--filtered {\n      // fixes problem where when filter is enabled the popup has the width of the input field but the menu has the width\n      // of the trigger element and we thus get weird UI glitches when trigger is narrower than filter input field\n      width: 100% !important;\n    }\n\n    &--hidden {\n      // hide the menu panel if there are no menu items\n      display: none;\n    }\n  }\n}\n\n// fixes problem where six-select height changes when size=\"small\" and clearing button is visible\nsix-icon-button::part(base) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { getTextContent, hasSlot } from '../../utils/slot';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { SixMenuItemData } from '../six-menu/six-menu';\nimport { getValue, isValidValue, isValueEmpty, valueEquals } from './util';\n\nexport interface SixSelectChangePayload {\n  value: string | string[];\n  isSelected: boolean;\n}\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The select's options in the form of menu items.\n * @slot label - The select's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the select.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part clear-button - The input's clear button, exported from six-input.\n * @part form-control - The form control that wraps the label, input, and help text.\n * @part help-text - The select's help text.\n * @part icon - The select's icon.\n * @part label - The select's label.\n * @part menu - The select menu, a six-menu element.\n * @part tag - The multiselect option, a six-tag element.\n * @part tags - The container in which multiselect options are rendered.\n */\n\n@Component({\n  tag: 'six-select',\n  styleUrl: 'six-select.scss',\n  shadow: true,\n})\nexport class SixSelect {\n  private inputId = `select-${++id}`;\n  private labelId = `select-label-${id}`;\n  private helpTextId = `select-help-text-${id}`;\n  private errorTextId = `select-error-text-${id}`;\n  private touched = false;\n  private customErrorText = '';\n  private customValidation = false;\n  private box?: HTMLElement;\n  private dropdown?: HTMLSixDropdownElement;\n  private inputElement?: HTMLSixInputElement;\n  private menu?: HTMLSixMenuElement;\n  private resizeObserver?: ResizeObserver;\n\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixSelectElement;\n\n  @State() hasFocus = false;\n  @State() hasHelpTextSlot = false;\n  @State() hasErrorTextSlot = false;\n  @State() hasLabelSlot = false;\n  @State() isOpen = false;\n  @State() displayLabel = '';\n  @State() displayTags: HTMLSixSelectElement[] = [];\n\n  /** Set to true to enable multiselect. */\n  @Prop() multiple = false;\n\n  /**\n   * The maximum number of tags to show when `multiple` is true. After the maximum, \"+n\" will be shown to indicate the\n   * number of additional items that are selected. Set to -1 to remove the limit.\n   */\n  @Prop() maxTagsVisible = 3;\n\n  /** Set to true to disable the select control. */\n  @Prop() disabled = false;\n\n  /** The select's name. */\n  @Prop() name = '';\n\n  /** The select's placeholder text. */\n  @Prop() placeholder = '';\n\n  /** The filter's placeholder text. */\n  @Prop() filterPlaceholder?: string;\n\n  /** The debounce for the filter callbacks. */\n  @Prop() filterDebounce = DEFAULT_DEBOUNCE_FAST;\n\n  /** The select's size. */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  /** The value of the control. This will be a string or an array depending on `multiple`. */\n  @Prop({ mutable: true }) value: string | string[] = '';\n\n  /** Set to true to draw a pill-style select with rounded edges. */\n  @Prop() pill = false;\n\n  /** The select's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The select's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** The select's error text. Alternatively, you can use the error-text slot. */\n  @Prop() errorText = '';\n\n  /** The select's required attribute. */\n  @Prop() required = false;\n\n  /** Set to true to add a clear button when the select is populated. */\n  @Prop() clearable = false;\n\n  /** This will be true when the control is in an invalid state. Validity is determined by the `required` prop. */\n  @Prop({ mutable: true }) invalid = false;\n\n  /** Set to render as line */\n  @Prop() line = false;\n\n  /** Set to display the error text on blur and not when typing */\n  @Prop() errorOnBlur = false;\n\n  /** Set to true to allow filtering for entries in the dropdown */\n  @Prop() filter = false;\n\n  /**\n   * Set to true to allow async filtering.\n   * When you enter something in the search field the component will only emit an event but not filter any elements itself.\n   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself\n   */\n  @Prop() asyncFilter = false;\n\n  /**\n   * Set to true to turn the six-select into an autocomplete.\n   */\n  @Prop() autocomplete = false;\n\n  /** The debounce for when the input changes for autocompletes should be emitted */\n  @Prop() inputDebounce = DEFAULT_DEBOUNCE_FAST;\n\n  /** Set the options to be shown in the dropdown (alternative to setting the elements via html) */\n  @Prop() options: SixMenuItemData[] | null = null;\n\n  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n  @Prop() virtualScroll = false;\n\n  /** The default value the select will be reverted to when reset is executed */\n  @Prop() defaultValue: string | string[] | undefined;\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    if (this.disabled && this.isOpen && this.dropdown != null) {\n      this.dropdown.hide();\n    }\n  }\n\n  @Watch('helpText')\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  @Watch('multiple')\n  handleMultipleChange() {\n    this.update();\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: unknown, oldValue: unknown) {\n    let items = this.options ?? this.getItems();\n\n    // normalize invalid values. This will re-trigger this watch handler\n    if (!isValidValue(newValue, this.multiple, items)) {\n      this.value = getValue(newValue, this.multiple, items);\n      return;\n    }\n\n    // avoid re-triggering if old and new values are equal. Needed because\n    // watch does a shallow comparison only.\n    if (valueEquals(getValue(oldValue, this.multiple, items), getValue(newValue, this.multiple, items))) {\n      return;\n    }\n\n    this.update();\n    this.sixChange.emit({ value: this.value, isSelected: true });\n  }\n\n  private update() {\n    const items = this.getItems();\n    this.value = getValue(this.value, this.multiple, this.options ?? items);\n\n    if (!Array.isArray(this.value)) {\n      // Sync checked states\n      items.forEach((item) => (item.checked = false));\n      const item = items.find((item) => this.value.includes(item.value));\n      if (item != null) {\n        item.checked = true;\n      }\n\n      // Sync input element content\n      this.displayLabel = this.extractLabelForSelectedItem([this.value], items);\n      this.displayTags = [];\n      const hasSelection = !isValueEmpty(this.value);\n      if (hasSelection) {\n        this.touched = true;\n      }\n      if (this.inputElement && this.touched) {\n        if (!this.autocomplete) {\n          this.inputElement.value = hasSelection ? this.displayLabel : '';\n        } else if (hasSelection) {\n          this.inputElement.value = this.value;\n        }\n        this.inputElement.checkValidity().then((valid) => (this.invalid = !valid));\n      }\n    } else {\n      // Sync checked states\n      items.forEach((item) => (item.checked = this.value.includes(item.value)));\n\n      // Sync display label\n      const checkedItems: HTMLSixMenuItemElement[] = [];\n      this.value.forEach((val) => items.map((item) => (item.value === val ? checkedItems.push(item) : null)));\n\n      this.displayTags = checkedItems.map((item) => {\n        return (\n          <six-tag\n            exportparts=\"base:tag\"\n            type=\"primary\"\n            size={this.size}\n            pill={this.pill}\n            clearable\n            onClick={this.handleTagInteraction}\n            onKeyDown={this.handleTagInteraction}\n            onSix-tag-clear={(event) => {\n              event.stopPropagation();\n              if (!this.disabled) {\n                this.toggleItem(item);\n              }\n            }}\n          >\n            {this.getItemLabel(item)}\n          </six-tag>\n        );\n      });\n\n      if (this.maxTagsVisible > 0 && this.displayTags.length > this.maxTagsVisible) {\n        const total = this.displayTags.length;\n        this.displayLabel = '';\n        this.displayTags = this.displayTags.slice(0, this.maxTagsVisible);\n        this.displayTags.push(\n          <six-tag exportparts=\"base:tag\" type=\"info\" size={this.size}>\n            +{total - this.maxTagsVisible}\n          </six-tag>\n        );\n      }\n\n      // Sync input element content\n      const hasSelection = !isValueEmpty(this.value);\n      if (hasSelection) {\n        this.touched = true;\n      }\n      if (this.inputElement && this.touched) {\n        if (!this.autocomplete) {\n          this.inputElement.value = hasSelection ? this.displayLabel : '';\n        } else if (hasSelection) {\n          this.inputElement.value = this.value.join(',');\n        }\n        this.inputElement.checkValidity().then((valid) => (this.invalid = !valid));\n      }\n    }\n  }\n\n  /** Emitted when the control's value changes. */\n  @Event({ eventName: 'six-select-change' }) sixChange!: EventEmitter<SixSelectChangePayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-select-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-select-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    if (this.virtualScroll && this.options === null) {\n      console.error('Options must be defined when using virtual scrolling');\n    }\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    const inputElement = this.inputElement;\n    if (inputElement == null) {\n      return;\n    }\n    this.resizeObserver = new ResizeObserver(() => this.resizeMenu());\n    this.eventListeners.add(inputElement, 'invalid', async (event) => {\n      if (this.customValidation || (!this.hasErrorTextSlot && this.errorText === '' && this.customErrorText === '')) {\n        this.customErrorText = await inputElement.getValidationMessage();\n      }\n      event.preventDefault();\n    });\n\n    this.eventListeners.add(\n      inputElement,\n      'six-input-input',\n      debounce((event: Event) => {\n        const enteredValue = inputElement.value;\n        this.clearValues();\n        this.sixChange.emit({ value: enteredValue, isSelected: false });\n        event.stopPropagation();\n      }, this.inputDebounce)\n    );\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  @Method()\n  async reportValidity() {\n    return this.inputElement?.reportValidity();\n  }\n\n  /** Checks for validity. */\n  @Method()\n  async checkValidity() {\n    return this.inputElement?.isValid();\n  }\n\n  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */\n  @Method()\n  async setCustomValidity(message: string) {\n    this.customErrorText = '';\n    this.customValidation = message !== '';\n    if (this.inputElement != null) {\n      await this.inputElement.setCustomValidity(message);\n      this.invalid = !(await this.inputElement.checkValidity());\n    }\n  }\n\n  /** Resets the formcontrol */\n  @Method()\n  async reset() {\n    this.clearValues();\n    this.customErrorText = '';\n    this.customValidation = false;\n    await this.inputElement?.setCustomValidity('');\n    this.invalid = false;\n  }\n\n  private getItemLabel(item: HTMLSixMenuItemElement): string {\n    const slot = item.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot != null) {\n      return getTextContent(slot);\n    } else {\n      // bugfix/COMSLI-203-six-select-value-is-not-updated-if-the-slot-is-changed\n      return item.textContent ?? '';\n    }\n  }\n\n  private getItems(): HTMLSixMenuItemElement[] {\n    if (this.options !== null) {\n      return this.options.map((option) => <six-menu-item value={option.value}>{option.label}</six-menu-item>);\n    }\n\n    return [...this.host.querySelectorAll('six-menu-item')];\n  }\n\n  private hasMenuItems() {\n    return this.getItems().length > 0;\n  }\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleInvalid = () => {\n    this.invalid = true;\n  };\n\n  private handleClearClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.clearValues();\n  };\n\n  private clearValues() {\n    this.value = this.defaultValue ?? (this.multiple ? [] : '');\n    this.update();\n  }\n\n  private handleSelectAll = (event: KeyboardEvent) => {\n    const nonFilteredItems = this.getItems().filter((item) => item.style.display !== 'none');\n    const keyName = event.key;\n    const keyCode = event.code;\n\n    if (keyName === 'Control') {\n      return;\n    }\n\n    if (this.isOpen && this.multiple && keyCode === 'KeyA' && event.ctrlKey) {\n      event.preventDefault();\n      const hasDeselectedOptions = nonFilteredItems.some((opt) => !opt.disabled && !opt.checked);\n\n      nonFilteredItems\n        .filter((option) => !option.disabled)\n        .forEach((option) => (option.checked = hasDeselectedOptions));\n      const checkedItems = nonFilteredItems.filter((option) => option.checked).map((option) => option.value);\n      this.value = hasDeselectedOptions ? checkedItems : [];\n    }\n  };\n\n  private handleKeyDown = async (event: KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n\n    const items = this.getItems();\n    const firstItem = items[0];\n    const lastItem = items[items.length - 1];\n\n    // Ignore key presses on tags\n    if (target.tagName.toLowerCase() === 'six-tag') {\n      return;\n    }\n\n    // Tabbing out of the control closes it\n    if (event.key === 'Tab') {\n      if (this.isOpen && this.dropdown != null) {\n        await this.dropdown.hide();\n      }\n      return;\n    }\n\n    // Up/down opens the menu\n    if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n      event.preventDefault();\n\n      // Show the menu if it's not already open\n      if (!this.isOpen && this.dropdown != null) {\n        await this.dropdown.show();\n      }\n\n      // Focus on a menu item\n      if (event.key === 'ArrowDown' && firstItem) {\n        firstItem.setFocus();\n      } else if (event.key === 'ArrowUp' && lastItem) {\n        lastItem.setFocus();\n      }\n    }\n\n    // All other keys open the menu and initiate type to select\n    if (!this.isOpen && this.dropdown != null) {\n      event.stopPropagation();\n      event.preventDefault();\n      await this.dropdown.show();\n      await this.menu?.typeToSelect(event.key);\n    }\n  };\n\n  private handleLabelClick = () => {\n    this.box?.focus();\n  };\n\n  private handleMenuShow = (event: CustomEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    this.resizeMenu();\n    this.resizeObserver?.observe(this.host);\n    this.isOpen = true;\n  };\n\n  private handleMenuHide = () => {\n    this.resizeObserver?.unobserve(this.host);\n    this.isOpen = false;\n  };\n\n  private handleSlotChange = () => {\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.update();\n  };\n\n  private handleTagInteraction = (event: KeyboardEvent | MouseEvent) => {\n    // Don't toggle the menu when a tag's clear button is activated\n    const path = event.composedPath() as EventTarget[];\n    const clearButton = path.find((el) => {\n      if (el instanceof HTMLElement) {\n        const element = el as HTMLElement;\n        return element.classList.contains('tag__clear');\n      }\n    });\n\n    if (clearButton) {\n      event.stopPropagation();\n    }\n  };\n\n  private async resizeMenu() {\n    if (this.menu == null || this.box == null) {\n      return;\n    }\n    this.menu.style.minWidth = `${this.box.clientWidth}px`;\n\n    if (this.dropdown) {\n      await this.dropdown.reposition();\n    }\n  }\n\n  private extractLabelForSelectedItem(value: string[], items: HTMLSixMenuItemElement[]): string {\n    if (value.length === 0 || (value.length === 1 && value[0] === '')) {\n      return '';\n    }\n\n    if (this.options !== null) {\n      const selectedOption = this.options.find((item) => item.value === value[0]);\n      return selectedOption?.value || '';\n    }\n\n    const checkedItem = items.find((item) => item.value === value[0]);\n    return checkedItem ? this.getItemLabel(checkedItem) : '';\n  }\n\n  private toggleItem(item: HTMLSixMenuItemElement) {\n    const value = getValue(this.value, this.multiple, this.options ?? this.getItems());\n    if (Array.isArray(value)) {\n      const itemFound = value.find((v) => v === item.value);\n      if (itemFound == null) {\n        this.value = [...this.value, item.value];\n      } else {\n        this.value = value.filter((v) => v !== item.value);\n      }\n    } else {\n      if (item.value === value) {\n        this.value = '';\n      } else {\n        this.value = item.value;\n      }\n    }\n  }\n\n  private displayError() {\n    return this.invalid && (!this.errorOnBlur || (!this.hasFocus && !this.isOpen));\n  }\n\n  render() {\n    const hasSelection = !isValueEmpty(this.value);\n\n    return (\n      <FormControl\n        inputId={this.inputId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        errorTextId={this.errorTextId}\n        errorText={this.customErrorText != null ? this.customErrorText : this.errorText}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size={this.size}\n        onLabelClick={this.handleLabelClick}\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.displayError()}\n      >\n        <six-dropdown\n          part=\"base\"\n          ref={(el) => (this.dropdown = el)}\n          hoist={this.hoist}\n          closeOnSelect={!this.multiple}\n          containingElement={this.host}\n          disableHideOnEnterAndSpace={this.autocomplete}\n          class={{\n            select: true,\n            'select--open': this.isOpen,\n            'select--empty': this.value?.length === 0,\n            'select--focused': this.hasFocus,\n            'select--clearable': this.clearable,\n            'select--disabled': this.disabled,\n            'select--multiple': this.multiple,\n            'select--has-tags': this.multiple && hasSelection,\n            'select--placeholder-visible': this.displayLabel === '',\n            'select--small': this.size === 'small',\n            'select--medium': this.size === 'medium',\n            'select--large': this.size === 'large',\n            'select--pill': this.pill,\n            'select--invalid': this.invalid,\n          }}\n          onKeyDown={this.handleSelectAll}\n          onSix-dropdown-show={this.handleMenuShow}\n          onSix-dropdown-hide={this.handleMenuHide}\n          filterPlaceholder={this.filterPlaceholder}\n          filterDebounce={this.filterDebounce}\n          filter={this.filter}\n          asyncFilter={this.asyncFilter}\n        >\n          <div\n            slot=\"trigger\"\n            ref={(el) => (this.box = el)}\n            id={this.inputId}\n            class={{\n              select__box: true,\n              'select__box--line': this.line,\n              'select__box--autocomplete': this.autocomplete,\n            }}\n            role=\"combobox\"\n            aria-labelledby={this.labelId}\n            aria-describedby={this.helpTextId}\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            tabIndex={this.disabled ? -1 : 0}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onKeyDown={this.handleKeyDown}\n          >\n            <span class=\"select__label\">\n              {this.displayTags.length ? (\n                <span part=\"tags\" class=\"select__tags\">\n                  {this.displayTags}\n                </span>\n              ) : (\n                this.displayLabel || this.placeholder\n              )}\n            </span>\n\n            {this.clearable && hasSelection && (\n              <six-icon-button\n                exportparts=\"base:clear-button\"\n                class=\"select__clear\"\n                name=\"clear\"\n                size=\"small\"\n                onClick={this.handleClearClick}\n                tabindex=\"-1\"\n              />\n            )}\n\n            {this.hasMenuItems() && (\n              <span part=\"icon\" class=\"select__icon\">\n                <six-icon size=\"medium\">expand_more</six-icon>\n              </span>\n            )}\n\n            {/*\n              The hidden input tricks the browser's built-in validation so it works as expected. We use an input instead\n              of a select because, otherwise, iOS will show a list of options during validation.\n            */}\n            <six-input\n              ref={(el) => (this.inputElement = el)}\n              class={{\n                select__input: true,\n                'select__hidden-select': !this.autocomplete,\n              }}\n              aria-hidden=\"true\"\n              required={this.required}\n              onInvalid={this.handleInvalid}\n              onFocus={this.handleFocus}\n              clearable={this.clearable}\n              placeholder={this.placeholder}\n              pill={this.pill}\n              disabled={this.disabled}\n              size={this.size}\n              tabIndex={-1}\n            />\n          </div>\n\n          <six-menu\n            ref={(el) => (this.menu = el)}\n            part=\"menu\"\n            class={{\n              select__menu: true,\n              'select__menu--filtered': this.filter || this.asyncFilter,\n              'select__menu--hidden': !this.hasMenuItems(),\n            }}\n            onSix-menu-item-selected={(event) => this.toggleItem(event.detail.item)}\n            items={this.options}\n            virtualScroll={this.virtualScroll}\n            remove-box-shadow\n          >\n            <slot onSlotchange={this.handleSlotChange} />\n          </six-menu>\n        </six-dropdown>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-18e5f772.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as r,g as i}from"./p-ac4f4d45.js";import{s,g as a}from"./p-eb8f05a9.js";import{f as e}from"./p-b1e66136.js";const b=":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}";const l=class{constructor(r){t(this,r);this.sixTabShow=o(this,"six-tab-show",7);this.sixTabHide=o(this,"six-tab-hide",7);this.hasScrollControls=false;this.placement="top";this.noScrollControls=false}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(){const t=new IntersectionObserver(((t,o)=>{if(t[0].intersectionRatio>0){this.setAriaLabels();this.setActiveTab(this.getActiveTab()||this.getAllTabs()[0],false);o.unobserve(t[0].target)}}));t.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=>{if(t.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))){setTimeout((()=>this.setAriaLabels()))}}));this.mutationObserver.observe(this.host,{attributes:true,childList:true,subtree:true})}disconnectedCallback(){this.mutationObserver.disconnect();e.unobserve(this.tabGroup);this.resizeObserver.unobserve(this.nav)}async show(t){const o=this.getAllTabs();const r=o.find((o=>o.panel===t));if(r){this.setActiveTab(r)}}getAllTabs(t=false){const o=this.tabs.querySelector("slot");return[...o.assignedElements()].filter((o=>t?o.tagName.toLowerCase()==="six-tab":o.tagName.toLowerCase()==="six-tab"&&!o.disabled))}getAllPanels(){const t=this.body.querySelector("slot");return[...t.assignedElements()].filter((t=>t.tagName.toLowerCase()==="six-tab-panel"))}getActiveTab(){return this.getAllTabs().find((t=>t.active))}handleClick(t){const o=t.target;const r=o.closest("six-tab");const i=r===null||r===void 0?void 0:r.closest("six-tab-group");if(i!==this.host){return false}if(r){this.setActiveTab(r)}}handleKeyDown(t){const o=t.target;const r=o.closest("six-tab");const i=r===null||r===void 0?void 0:r.closest("six-tab-group");if(i!==this.host){return false}if(["Enter"," "].includes(t.key)){if(r){this.setActiveTab(r);t.preventDefault()}}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const o=document.activeElement;if(o&&o.tagName.toLowerCase()==="six-tab"){const r=this.getAllTabs();let i=r.indexOf(o);if(t.key==="Home"){i=0}else if(t.key==="End"){i=r.length-1}else if(t.key==="ArrowLeft"){i=Math.max(0,i-1)}else if(t.key==="ArrowRight"){i=Math.min(r.length-1,i+1)}r[i].setFocus({preventScroll:true});if(["top","bottom"].includes(this.placement)){s(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?false:["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth}setActiveTab(t,o=true){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();if(["top","bottom"].includes(this.placement)){s(this.activeTab,this.nav,"horizontal")}if(o){if(r){this.sixTabHide.emit({name:r.panel})}this.sixTabShow.emit({name:this.activeTab.panel})}}}setAriaLabels(){const t=this.getAllTabs();const o=this.getAllPanels();t.map((t=>{const r=o.find((o=>o.name===t.panel));if(r){t.setAttribute("aria-controls",r.getAttribute("id"));r.setAttribute("aria-labelledby",t.getAttribute("id"))}}))}syncActiveTabIndicator(){const t=this.getActiveTab();if(t){this.activeTabIndicator.style.display="block"}else{this.activeTabIndicator.style.display="none";return}const o=t.clientWidth;const r=t.clientHeight;const i=a(t,this.nav);const s=i.top+this.nav.scrollTop;const 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(${s}px)`;break}}render(){return r("div",{part:"base",ref:t=>this.tabGroup=t,class:{"tab-group":true,"tab-group--top":this.placement==="top","tab-group--bottom":this.placement==="bottom","tab-group--left":this.placement==="left","tab-group--right":this.placement==="right","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"]}}};l.style=b;export{l as six_tab_group};
-//# sourceMappingURL=p-18e5f772.entry.js.map

package/dist/ui-library/p-18e5f772.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixTabGroupCss","SixTabGroup","handlePlacementChange","this","syncActiveTabIndicator","handleNoScrollControlsChange","updateScrollControls","connectedCallback","handleClick","bind","handleKeyDown","handleScrollLeft","handleScrollRight","componentDidLoad","observer","IntersectionObserver","entries","intersectionRatio","setAriaLabels","setActiveTab","getActiveTab","getAllTabs","unobserve","target","observe","host","focusVisible","tabGroup","resizeObserver","ResizeObserver","nav","requestAnimationFrame","mutationObserver","MutationObserver","mutations","some","mutation","includes","attributeName","setTimeout","attributes","childList","subtree","disconnectedCallback","disconnect","async","panel","tabs","tab","find","el","includeDisabled","slot","querySelector","assignedElements","filter","tagName","toLowerCase","disabled","getAllPanels","body","active","event","closest","key","preventDefault","activeEl","document","activeElement","index","indexOf","length","Math","max","min","setFocus","preventScroll","placement","scrollIntoView","scroll","left","scrollLeft","clientWidth","behavior","hasScrollControls","noScrollControls","scrollWidth","emitEvents","activeTab","previousTab","map","name","sixTabHide","emit","sixTabShow","panels","setAttribute","getAttribute","activeTabIndicator","style","display","width","height","clientHeight","offset","getOffset","offsetTop","top","scrollTop","offsetLeft","transform","render","h","part","ref","class","onClick","onKeyDown","exportparts","role","onSlotchange"],"sources":["./src/components/six-tab-group/six-tab-group.scss?tag=six-tab-group&encapsulation=shadow","./src/components/six-tab-group/six-tab-group.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hide-scrollbar';\n\n/**\n * @prop --tabs-border-color: The color of the border that separates tabs.\n */\n:host {\n  --tabs-border-color: var(--six-tab-border-color);\n  display: block;\n}\n\n.tab-group {\n  display: flex;\n  border: solid 1px transparent;\n  border-radius: 0;\n\n  .tab-group__tabs {\n    display: flex;\n    position: relative;\n  }\n\n  .tab-group__active-tab-indicator {\n    position: absolute;\n    transition: var(--six-transition-fast) transform ease, var(--six-transition-fast) width ease;\n  }\n\n  // Remove the focus ring when the user isn't interacting with a keyboard\n  &:not(.focus-visible) ::slotted(six-tab) {\n    --focus-ring: none;\n  }\n}\n\n.tab-group--has-scroll-controls .tab-group__nav-container {\n  position: relative;\n  padding: 0 var(--six-spacing-x-large);\n}\n\n.tab-group__scroll-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: var(--six-spacing-x-large);\n}\n\n.tab-group__scroll-button--left {\n  left: 0;\n}\n\n.tab-group__scroll-button--right {\n  right: 0;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Top\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--top {\n  flex-direction: column;\n\n  .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n    @include hide-scrollbar();\n  }\n\n  .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-bottom: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    bottom: -2px;\n    border-bottom: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    order: 2;\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Bottom\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--bottom {\n  flex-direction: column;\n\n  .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n    @include hide-scrollbar();\n  }\n\n  .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-top: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    top: calc(-1 * 2px);\n    border-top: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    order: 1;\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Left\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--left {\n  flex-direction: row;\n\n  .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-right: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    right: calc(-1 * 2px);\n    border-right: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    flex: 1 1 auto;\n    order: 2;\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Right\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--right {\n  flex-direction: row;\n\n  .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-left: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    left: calc(-1 * 2px);\n    border-left: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    flex: 1 1 auto;\n    order: 1;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { getOffset } from '../../utils/offset';\nimport { scrollIntoView } from '../../utils/scroll';\nimport { focusVisible } from '../../utils/focus-visible';\n\nexport interface SixTabShowPayload {\n  name: string;\n}\n\nexport interface SixTabHidePayload {\n  name: string;\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot nav - Used for grouping tabs in the tab group.\n * @slot - Used for grouping tab panels in the tab group.\n *\n * @part base - The component's base wrapper.\n * @part nav - The tab group navigation container.\n * @part tabs - The container that wraps the slotted tabs.\n * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container.\n * @part body - The tab group body where tab panels are slotted in.\n * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.\n */\n@Component({\n  tag: 'six-tab-group',\n  styleUrl: 'six-tab-group.scss',\n  shadow: true,\n})\nexport class SixTabGroup {\n  activeTab: HTMLSixTabElement;\n  activeTabIndicator: HTMLElement;\n  body: HTMLElement;\n  mutationObserver: MutationObserver;\n  nav: HTMLElement;\n  resizeObserver: ResizeObserver;\n  tabGroup: HTMLElement;\n  tabs: HTMLElement;\n\n  @Element() host: HTMLSixTabGroupElement;\n\n  @State() hasScrollControls = false;\n\n  /** The placement of the tabs. */\n  @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\n\n  /** Disables the scroll arrows that appear when tabs overflow. */\n  @Prop() noScrollControls = false;\n\n  @Watch('placement')\n  handlePlacementChange() {\n    this.syncActiveTabIndicator();\n  }\n\n  @Watch('noScrollControls')\n  handleNoScrollControlsChange() {\n    this.updateScrollControls();\n  }\n\n  /** Emitted when a tab is shown. */\n  @Event({ eventName: 'six-tab-show' }) sixTabShow: EventEmitter<SixTabShowPayload>;\n\n  /** Emitted when a tab is hidden. */\n  @Event({ eventName: 'six-tab-hide' }) sixTabHide: EventEmitter<SixTabHidePayload>;\n\n  connectedCallback() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleScrollLeft = this.handleScrollLeft.bind(this);\n    this.handleScrollRight = this.handleScrollRight.bind(this);\n    this.syncActiveTabIndicator = this.syncActiveTabIndicator.bind(this);\n  }\n\n  componentDidLoad() {\n    // Set initial tab state when the tabs first become visible\n    const observer = new IntersectionObserver((entries, observer) => {\n      if (entries[0].intersectionRatio > 0) {\n        this.setAriaLabels();\n        this.setActiveTab(this.getActiveTab() || this.getAllTabs()[0], false);\n        observer.unobserve(entries[0].target);\n      }\n    });\n    observer.observe(this.host);\n\n    focusVisible.observe(this.tabGroup);\n\n    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());\n    this.resizeObserver.observe(this.nav);\n    requestAnimationFrame(() => this.updateScrollControls());\n\n    // Update aria labels if the DOM changes\n    this.mutationObserver = new MutationObserver((mutations) => {\n      if (\n        mutations.some((mutation) => {\n          return !['aria-labelledby', 'aria-controls'].includes(mutation.attributeName);\n        })\n      ) {\n        setTimeout(() => this.setAriaLabels());\n      }\n    });\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver.disconnect();\n    focusVisible.unobserve(this.tabGroup);\n    this.resizeObserver.unobserve(this.nav);\n  }\n\n  /** Shows the specified tab panel. */\n  @Method()\n  async show(panel: string) {\n    const tabs = this.getAllTabs();\n    const tab = tabs.find((el) => el.panel === panel);\n\n    if (tab) {\n      this.setActiveTab(tab);\n    }\n  }\n\n  getAllTabs(includeDisabled = false) {\n    const slot = this.tabs.querySelector('slot');\n\n    return [...slot.assignedElements()].filter((el: any) => {\n      return includeDisabled\n        ? el.tagName.toLowerCase() === 'six-tab'\n        : el.tagName.toLowerCase() === 'six-tab' && !el.disabled;\n    }) as [HTMLSixTabElement];\n  }\n\n  getAllPanels() {\n    const slot = this.body.querySelector('slot');\n    return [...slot.assignedElements()].filter((el: any) => el.tagName.toLowerCase() === 'six-tab-panel') as [\n      HTMLSixTabPanelElement\n    ];\n  }\n\n  getActiveTab() {\n    return this.getAllTabs().find((el) => el.active);\n  }\n\n  handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    if (tab) {\n      this.setActiveTab(tab);\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    // Activate a tab\n    if (['Enter', ' '].includes(event.key)) {\n      if (tab) {\n        this.setActiveTab(tab);\n        event.preventDefault();\n      }\n    }\n\n    // Move focus left or right\n    if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      const activeEl = document.activeElement as any;\n\n      if (activeEl && activeEl.tagName.toLowerCase() === 'six-tab') {\n        const tabs = this.getAllTabs();\n        let index = tabs.indexOf(activeEl);\n\n        if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = tabs.length - 1;\n        } else if (event.key === 'ArrowLeft') {\n          index = Math.max(0, index - 1);\n        } else if (event.key === 'ArrowRight') {\n          index = Math.min(tabs.length - 1, index + 1);\n        }\n\n        tabs[index].setFocus({ preventScroll: true });\n\n        if (['top', 'bottom'].includes(this.placement)) {\n          scrollIntoView(tabs[index], this.nav, 'horizontal');\n        }\n\n        event.preventDefault();\n      }\n    }\n  }\n\n  handleScrollLeft() {\n    this.nav.scroll({\n      left: this.nav.scrollLeft - this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  }\n\n  handleScrollRight() {\n    this.nav.scroll({\n      left: this.nav.scrollLeft + this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  }\n\n  updateScrollControls() {\n    this.hasScrollControls = this.noScrollControls\n      ? false\n      : ['top', 'bottom'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth;\n  }\n\n  setActiveTab(tab: HTMLSixTabElement, emitEvents = true) {\n    if (tab && tab !== this.activeTab && !tab.disabled) {\n      const previousTab = this.activeTab;\n      this.activeTab = tab;\n\n      // Sync tabs and panels\n      this.getAllTabs().map((el) => (el.active = el === this.activeTab));\n      this.getAllPanels().map((el) => (el.active = el.name === this.activeTab.panel));\n      this.syncActiveTabIndicator();\n\n      if (['top', 'bottom'].includes(this.placement)) {\n        scrollIntoView(this.activeTab, this.nav, 'horizontal');\n      }\n\n      // Emit events\n      if (emitEvents) {\n        if (previousTab) {\n          this.sixTabHide.emit({ name: previousTab.panel });\n        }\n\n        this.sixTabShow.emit({ name: this.activeTab.panel });\n      }\n    }\n  }\n\n  setAriaLabels() {\n    const tabs = this.getAllTabs();\n    const panels = this.getAllPanels();\n\n    // Link each tab with its corresponding panel\n    tabs.map((tab) => {\n      const panel = panels.find((el) => el.name === tab.panel);\n      if (panel) {\n        tab.setAttribute('aria-controls', panel.getAttribute('id'));\n        panel.setAttribute('aria-labelledby', tab.getAttribute('id'));\n      }\n    });\n  }\n\n  syncActiveTabIndicator() {\n    const tab = this.getActiveTab();\n\n    if (tab) {\n      this.activeTabIndicator.style.display = 'block';\n    } else {\n      this.activeTabIndicator.style.display = 'none';\n      return;\n    }\n\n    const width = tab.clientWidth;\n    const height = tab.clientHeight;\n    const offset = getOffset(tab, this.nav);\n    const offsetTop = offset.top + this.nav.scrollTop;\n    const offsetLeft = offset.left + this.nav.scrollLeft;\n\n    switch (this.placement) {\n      case 'top':\n      case 'bottom':\n        this.activeTabIndicator.style.width = `${width}px`;\n        this.activeTabIndicator.style.height = null;\n        this.activeTabIndicator.style.transform = `translateX(${offsetLeft}px)`;\n        break;\n\n      case 'left':\n      case 'right':\n        this.activeTabIndicator.style.width = null;\n        this.activeTabIndicator.style.height = `${height}px`;\n        this.activeTabIndicator.style.transform = `translateY(${offsetTop}px)`;\n        break;\n    }\n  }\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        ref={(el) => (this.tabGroup = el)}\n        class={{\n          'tab-group': true,\n\n          // Placements\n          'tab-group--top': this.placement === 'top',\n          'tab-group--bottom': this.placement === 'bottom',\n          'tab-group--left': this.placement === 'left',\n          'tab-group--right': this.placement === 'right',\n\n          'tab-group--has-scroll-controls': this.hasScrollControls,\n        }}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div class=\"tab-group__nav-container\">\n          {this.hasScrollControls && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--left\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_left\"\n              onClick={this.handleScrollLeft}\n            />\n          )}\n          <div ref={(el) => (this.nav = el)} key=\"nav\" part=\"nav\" class=\"tab-group__nav\">\n            <div ref={(el) => (this.tabs = el)} part=\"tabs\" class=\"tab-group__tabs\" role=\"tablist\">\n              <div\n                ref={(el) => (this.activeTabIndicator = el)}\n                part=\"active-tab-indicator\"\n                class=\"tab-group__active-tab-indicator\"\n              />\n              <slot name=\"nav\" onSlotchange={this.syncActiveTabIndicator} />\n            </div>\n          </div>\n          {this.hasScrollControls && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--right\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_right\"\n              onClick={this.handleScrollRight}\n            />\n          )}\n        </div>\n\n        <div ref={(el) => (this.body = el)} part=\"body\" class=\"tab-group__body\">\n          <slot onSlotchange={this.syncActiveTabIndicator} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-18ea0c56.js

@@ -1,2 +0,0 @@
-var r="top";var t="bottom";var e="right";var n="left";var a="auto";var i=[r,t,e,n];var o="start";var v="end";var f="clippingParents";var u="viewport";var s="popper";var c="reference";var l=i.reduce((function(r,t){return r.concat([t+"-"+o,t+"-"+v])}),[]);var d=[].concat(i,[a]).reduce((function(r,t){return r.concat([t,t+"-"+o,t+"-"+v])}),[]);var p="beforeRead";var h="read";var b="afterRead";var m="beforeMain";var y="main";var x="afterMain";var w="beforeWrite";var O="write";var g="afterWrite";var j=[p,h,b,m,y,x,w,O,g];function A(r){return r?(r.nodeName||"").toLowerCase():null}function k(r){if(r==null){return window}if(r.toString()!=="[object Window]"){var t=r.ownerDocument;return t?t.defaultView||window:window}return r}function M(r){var t=k(r).Element;return r instanceof t||r instanceof Element}function E(r){var t=k(r).HTMLElement;return r instanceof t||r instanceof HTMLElement}function q(r){if(typeof ShadowRoot==="undefined"){return false}var t=k(r).ShadowRoot;return r instanceof t||r instanceof ShadowRoot}function P(r){var t=r.state;Object.keys(t.elements).forEach((function(r){var e=t.styles[r]||{};var n=t.attributes[r]||{};var a=t.elements[r];if(!E(a)||!A(a)){return}Object.assign(a.style,e);Object.keys(n).forEach((function(r){var t=n[r];if(t===false){a.removeAttribute(r)}else{a.setAttribute(r,t===true?"":t)}}))}))}function B(r){var t=r.state;var e={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,e.popper);t.styles=e;if(t.elements.arrow){Object.assign(t.elements.arrow.style,e.arrow)}return function(){Object.keys(t.elements).forEach((function(r){var n=t.elements[r];var a=t.attributes[r]||{};var i=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:e[r]);var o=i.reduce((function(r,t){r[t]="";return r}),{});if(!E(n)||!A(n)){return}Object.assign(n.style,o);Object.keys(a).forEach((function(r){n.removeAttribute(r)}))}))}}const S={name:"applyStyles",enabled:true,phase:"write",fn:P,effect:B,requires:["computeStyles"]};function T(r){return r.split("-")[0]}var R=Math.max;var W=Math.min;var H=Math.round;function L(){var r=navigator.userAgentData;if(r!=null&&r.brands&&Array.isArray(r.brands)){return r.brands.map((function(r){return r.brand+"/"+r.version})).join(" ")}return navigator.userAgent}function F(){return!/^((?!chrome|android).)*safari/i.test(L())}function I(r,t,e){if(t===void 0){t=false}if(e===void 0){e=false}var n=r.getBoundingClientRect();var a=1;var i=1;if(t&&E(r)){a=r.offsetWidth>0?H(n.width)/r.offsetWidth||1:1;i=r.offsetHeight>0?H(n.height)/r.offsetHeight||1:1}var o=M(r)?k(r):window,v=o.visualViewport;var f=!F()&&e;var u=(n.left+(f&&v?v.offsetLeft:0))/a;var s=(n.top+(f&&v?v.offsetTop:0))/i;var c=n.width/a;var l=n.height/i;return{width:c,height:l,top:s,right:u+c,bottom:s+l,left:u,x:u,y:s}}function C(r){var t=I(r);var e=r.offsetWidth;var n=r.offsetHeight;if(Math.abs(t.width-e)<=1){e=t.width}if(Math.abs(t.height-n)<=1){n=t.height}return{x:r.offsetLeft,y:r.offsetTop,width:e,height:n}}function z(r,t){var e=t.getRootNode&&t.getRootNode();if(r.contains(t)){return true}else if(e&&q(e)){var n=t;do{if(n&&r.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function D(r){return k(r).getComputedStyle(r)}function U(r){return["table","td","th"].indexOf(A(r))>=0}function V(r){return((M(r)?r.ownerDocument:r.document)||window.document).documentElement}function _(r){if(A(r)==="html"){return r}return r.assignedSlot||r.parentNode||(q(r)?r.host:null)||V(r)}function G(r){if(!E(r)||D(r).position==="fixed"){return null}return r.offsetParent}function J(r){var t=/firefox/i.test(L());var e=/Trident/i.test(L());if(e&&E(r)){var n=D(r);if(n.position==="fixed"){return null}}var a=_(r);if(q(a)){a=a.host}while(E(a)&&["html","body"].indexOf(A(a))<0){var i=D(a);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function K(r){var t=k(r);var e=G(r);while(e&&U(e)&&D(e).position==="static"){e=G(e)}if(e&&(A(e)==="html"||A(e)==="body"&&D(e).position==="static")){return t}return e||J(r)||t}function N(r){return["top","bottom"].indexOf(r)>=0?"x":"y"}function Q(r,t,e){return R(r,W(t,e))}function X(r,t,e){var n=Q(r,t,e);return n>e?e:n}function Y(){return{top:0,right:0,bottom:0,left:0}}function Z(r){return Object.assign({},Y(),r)}function $(r,t){return t.reduce((function(t,e){t[e]=r;return t}),{})}var rr=function r(t,e){t=typeof t==="function"?t(Object.assign({},e.rects,{placement:e.placement})):t;return Z(typeof t!=="number"?t:$(t,i))};function tr(a){var i;var o=a.state,v=a.name,f=a.options;var u=o.elements.arrow;var s=o.modifiersData.popperOffsets;var c=T(o.placement);var l=N(c);var d=[n,e].indexOf(c)>=0;var p=d?"height":"width";if(!u||!s){return}var h=rr(f.padding,o);var b=C(u);var m=l==="y"?r:n;var y=l==="y"?t:e;var x=o.rects.reference[p]+o.rects.reference[l]-s[l]-o.rects.popper[p];var w=s[l]-o.rects.reference[l];var O=K(u);var g=O?l==="y"?O.clientHeight||0:O.clientWidth||0:0;var j=x/2-w/2;var A=h[m];var k=g-b[p]-h[y];var M=g/2-b[p]/2+j;var E=Q(A,M,k);var q=l;o.modifiersData[v]=(i={},i[q]=E,i.centerOffset=E-M,i)}function er(r){var t=r.state,e=r.options;var n=e.element,a=n===void 0?"[data-popper-arrow]":n;if(a==null){return}if(typeof a==="string"){a=t.elements.popper.querySelector(a);if(!a){return}}if(!z(t.elements.popper,a)){return}t.elements.arrow=a}const nr={name:"arrow",enabled:true,phase:"main",fn:tr,effect:er,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ar(r){return r.split("-")[1]}var ir={top:"auto",right:"auto",bottom:"auto",left:"auto"};function or(r,t){var e=r.x,n=r.y;var a=t.devicePixelRatio||1;return{x:H(e*a)/a||0,y:H(n*a)/a||0}}function vr(a){var i;var o=a.popper,f=a.popperRect,u=a.placement,s=a.variation,c=a.offsets,l=a.position,d=a.gpuAcceleration,p=a.adaptive,h=a.roundOffsets,b=a.isFixed;var m=c.x,y=m===void 0?0:m,x=c.y,w=x===void 0?0:x;var O=typeof h==="function"?h({x:y,y:w}):{x:y,y:w};y=O.x;w=O.y;var g=c.hasOwnProperty("x");var j=c.hasOwnProperty("y");var A=n;var M=r;var E=window;if(p){var q=K(o);var P="clientHeight";var B="clientWidth";if(q===k(o)){q=V(o);if(D(q).position!=="static"&&l==="absolute"){P="scrollHeight";B="scrollWidth"}}q=q;if(u===r||(u===n||u===e)&&s===v){M=t;var S=b&&q===E&&E.visualViewport?E.visualViewport.height:q[P];w-=S-f.height;w*=d?1:-1}if(u===n||(u===r||u===t)&&s===v){A=e;var T=b&&q===E&&E.visualViewport?E.visualViewport.width:q[B];y-=T-f.width;y*=d?1:-1}}var R=Object.assign({position:l},p&&ir);var W=h===true?or({x:y,y:w},k(o)):{x:y,y:w};y=W.x;w=W.y;if(d){var H;return Object.assign({},R,(H={},H[M]=j?"0":"",H[A]=g?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",H))}return Object.assign({},R,(i={},i[M]=j?w+"px":"",i[A]=g?y+"px":"",i.transform="",i))}function fr(r){var t=r.state,e=r.options;var n=e.gpuAcceleration,a=n===void 0?true:n,i=e.adaptive,o=i===void 0?true:i,v=e.roundOffsets,f=v===void 0?true:v;var u={placement:T(t.placement),variation:ar(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,vr(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:f})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,vr(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:f})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const ur={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:fr,data:{}};var sr={passive:true};function cr(r){var t=r.state,e=r.instance,n=r.options;var a=n.scroll,i=a===void 0?true:a,o=n.resize,v=o===void 0?true:o;var f=k(t.elements.popper);var u=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(i){u.forEach((function(r){r.addEventListener("scroll",e.update,sr)}))}if(v){f.addEventListener("resize",e.update,sr)}return function(){if(i){u.forEach((function(r){r.removeEventListener("scroll",e.update,sr)}))}if(v){f.removeEventListener("resize",e.update,sr)}}}const lr={name:"eventListeners",enabled:true,phase:"write",fn:function r(){},effect:cr,data:{}};var dr={left:"right",right:"left",bottom:"top",top:"bottom"};function pr(r){return r.replace(/left|right|bottom|top/g,(function(r){return dr[r]}))}var hr={start:"end",end:"start"};function br(r){return r.replace(/start|end/g,(function(r){return hr[r]}))}function mr(r){var t=k(r);var e=t.pageXOffset;var n=t.pageYOffset;return{scrollLeft:e,scrollTop:n}}function yr(r){return I(V(r)).left+mr(r).scrollLeft}function xr(r,t){var e=k(r);var n=V(r);var a=e.visualViewport;var i=n.clientWidth;var o=n.clientHeight;var v=0;var f=0;if(a){i=a.width;o=a.height;var u=F();if(u||!u&&t==="fixed"){v=a.offsetLeft;f=a.offsetTop}}return{width:i,height:o,x:v+yr(r),y:f}}function wr(r){var t;var e=V(r);var n=mr(r);var a=(t=r.ownerDocument)==null?void 0:t.body;var i=R(e.scrollWidth,e.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=R(e.scrollHeight,e.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var v=-n.scrollLeft+yr(r);var f=-n.scrollTop;if(D(a||e).direction==="rtl"){v+=R(e.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:v,y:f}}function Or(r){var t=D(r),e=t.overflow,n=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(e+a+n)}function gr(r){if(["html","body","#document"].indexOf(A(r))>=0){return r.ownerDocument.body}if(E(r)&&Or(r)){return r}return gr(_(r))}function jr(r,t){var e;if(t===void 0){t=[]}var n=gr(r);var a=n===((e=r.ownerDocument)==null?void 0:e.body);var i=k(n);var o=a?[i].concat(i.visualViewport||[],Or(n)?n:[]):n;var v=t.concat(o);return a?v:v.concat(jr(_(o)))}function Ar(r){return Object.assign({},r,{left:r.x,top:r.y,right:r.x+r.width,bottom:r.y+r.height})}function kr(r,t){var e=I(r,false,t==="fixed");e.top=e.top+r.clientTop;e.left=e.left+r.clientLeft;e.bottom=e.top+r.clientHeight;e.right=e.left+r.clientWidth;e.width=r.clientWidth;e.height=r.clientHeight;e.x=e.left;e.y=e.top;return e}function Mr(r,t,e){return t===u?Ar(xr(r,e)):M(t)?kr(t,e):Ar(wr(V(r)))}function Er(r){var t=jr(_(r));var e=["absolute","fixed"].indexOf(D(r).position)>=0;var n=e&&E(r)?K(r):r;if(!M(n)){return[]}return t.filter((function(r){return M(r)&&z(r,n)&&A(r)!=="body"}))}function qr(r,t,e,n){var a=t==="clippingParents"?Er(r):[].concat(t);var i=[].concat(a,[e]);var o=i[0];var v=i.reduce((function(t,e){var a=Mr(r,e,n);t.top=R(a.top,t.top);t.right=W(a.right,t.right);t.bottom=W(a.bottom,t.bottom);t.left=R(a.left,t.left);return t}),Mr(r,o,n));v.width=v.right-v.left;v.height=v.bottom-v.top;v.x=v.left;v.y=v.top;return v}function Pr(a){var i=a.reference,f=a.element,u=a.placement;var s=u?T(u):null;var c=u?ar(u):null;var l=i.x+i.width/2-f.width/2;var d=i.y+i.height/2-f.height/2;var p;switch(s){case r:p={x:l,y:i.y-f.height};break;case t:p={x:l,y:i.y+i.height};break;case e:p={x:i.x+i.width,y:d};break;case n:p={x:i.x-f.width,y:d};break;default:p={x:i.x,y:i.y}}var h=s?N(s):null;if(h!=null){var b=h==="y"?"height":"width";switch(c){case o:p[h]=p[h]-(i[b]/2-f[b]/2);break;case v:p[h]=p[h]+(i[b]/2-f[b]/2);break}}return p}function Br(n,a){if(a===void 0){a={}}var o=a,v=o.placement,l=v===void 0?n.placement:v,d=o.strategy,p=d===void 0?n.strategy:d,h=o.boundary,b=h===void 0?f:h,m=o.rootBoundary,y=m===void 0?u:m,x=o.elementContext,w=x===void 0?s:x,O=o.altBoundary,g=O===void 0?false:O,j=o.padding,A=j===void 0?0:j;var k=Z(typeof A!=="number"?A:$(A,i));var E=w===s?c:s;var q=n.rects.popper;var P=n.elements[g?E:w];var B=qr(M(P)?P:P.contextElement||V(n.elements.popper),b,y,p);var S=I(n.elements.reference);var T=Pr({reference:S,element:q,strategy:"absolute",placement:l});var R=Ar(Object.assign({},q,T));var W=w===s?R:S;var H={top:B.top-W.top+k.top,bottom:W.bottom-B.bottom+k.bottom,left:B.left-W.left+k.left,right:W.right-B.right+k.right};var L=n.modifiersData.offset;if(w===s&&L){var F=L[l];Object.keys(H).forEach((function(n){var a=[e,t].indexOf(n)>=0?1:-1;var i=[r,t].indexOf(n)>=0?"y":"x";H[n]+=F[i]*a}))}return H}function Sr(r,t){if(t===void 0){t={}}var e=t,n=e.placement,a=e.boundary,o=e.rootBoundary,v=e.padding,f=e.flipVariations,u=e.allowedAutoPlacements,s=u===void 0?d:u;var c=ar(n);var p=c?f?l:l.filter((function(r){return ar(r)===c})):i;var h=p.filter((function(r){return s.indexOf(r)>=0}));if(h.length===0){h=p}var b=h.reduce((function(t,e){t[e]=Br(r,{placement:e,boundary:a,rootBoundary:o,padding:v})[T(e)];return t}),{});return Object.keys(b).sort((function(r,t){return b[r]-b[t]}))}function Tr(r){if(T(r)===a){return[]}var t=pr(r);return[br(r),t,br(t)]}function Rr(i){var v=i.state,f=i.options,u=i.name;if(v.modifiersData[u]._skip){return}var s=f.mainAxis,c=s===void 0?true:s,l=f.altAxis,d=l===void 0?true:l,p=f.fallbackPlacements,h=f.padding,b=f.boundary,m=f.rootBoundary,y=f.altBoundary,x=f.flipVariations,w=x===void 0?true:x,O=f.allowedAutoPlacements;var g=v.options.placement;var j=T(g);var A=j===g;var k=p||(A||!w?[pr(g)]:Tr(g));var M=[g].concat(k).reduce((function(r,t){return r.concat(T(t)===a?Sr(v,{placement:t,boundary:b,rootBoundary:m,padding:h,flipVariations:w,allowedAutoPlacements:O}):t)}),[]);var E=v.rects.reference;var q=v.rects.popper;var P=new Map;var B=true;var S=M[0];for(var R=0;R<M.length;R++){var W=M[R];var H=T(W);var L=ar(W)===o;var F=[r,t].indexOf(H)>=0;var I=F?"width":"height";var C=Br(v,{placement:W,boundary:b,rootBoundary:m,altBoundary:y,padding:h});var z=F?L?e:n:L?t:r;if(E[I]>q[I]){z=pr(z)}var D=pr(z);var U=[];if(c){U.push(C[H]<=0)}if(d){U.push(C[z]<=0,C[D]<=0)}if(U.every((function(r){return r}))){S=W;B=false;break}P.set(W,U)}if(B){var V=w?3:1;var _=function r(t){var e=M.find((function(r){var e=P.get(r);if(e){return e.slice(0,t).every((function(r){return r}))}}));if(e){S=e;return"break"}};for(var G=V;G>0;G--){var J=_(G);if(J==="break")break}}if(v.placement!==S){v.modifiersData[u]._skip=true;v.placement=S;v.reset=true}}const Wr={name:"flip",enabled:true,phase:"main",fn:Rr,requiresIfExists:["offset"],data:{_skip:false}};function Hr(r,t,e){if(e===void 0){e={x:0,y:0}}return{top:r.top-t.height-e.y,right:r.right-t.width+e.x,bottom:r.bottom-t.height+e.y,left:r.left-t.width-e.x}}function Lr(a){return[r,e,t,n].some((function(r){return a[r]>=0}))}function Fr(r){var t=r.state,e=r.name;var n=t.rects.reference;var a=t.rects.popper;var i=t.modifiersData.preventOverflow;var o=Br(t,{elementContext:"reference"});var v=Br(t,{altBoundary:true});var f=Hr(o,n);var u=Hr(v,a,i);var s=Lr(f);var c=Lr(u);t.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:u,isReferenceHidden:s,hasPopperEscaped:c};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}const Ir={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Fr};function Cr(t,a,i){var o=T(t);var v=[n,r].indexOf(o)>=0?-1:1;var f=typeof i==="function"?i(Object.assign({},a,{placement:t})):i,u=f[0],s=f[1];u=u||0;s=(s||0)*v;return[n,e].indexOf(o)>=0?{x:s,y:u}:{x:u,y:s}}function zr(r){var t=r.state,e=r.options,n=r.name;var a=e.offset,i=a===void 0?[0,0]:a;var o=d.reduce((function(r,e){r[e]=Cr(e,t.rects,i);return r}),{});var v=o[t.placement],f=v.x,u=v.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=f;t.modifiersData.popperOffsets.y+=u}t.modifiersData[n]=o}const Dr={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:zr};function Ur(r){var t=r.state,e=r.name;t.modifiersData[e]=Pr({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const Vr={name:"popperOffsets",enabled:true,phase:"read",fn:Ur,data:{}};function _r(r){return r==="x"?"y":"x"}function Gr(a){var i=a.state,v=a.options,f=a.name;var u=v.mainAxis,s=u===void 0?true:u,c=v.altAxis,l=c===void 0?false:c,d=v.boundary,p=v.rootBoundary,h=v.altBoundary,b=v.padding,m=v.tether,y=m===void 0?true:m,x=v.tetherOffset,w=x===void 0?0:x;var O=Br(i,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var g=T(i.placement);var j=ar(i.placement);var A=!j;var k=N(g);var M=_r(k);var E=i.modifiersData.popperOffsets;var q=i.rects.reference;var P=i.rects.popper;var B=typeof w==="function"?w(Object.assign({},i.rects,{placement:i.placement})):w;var S=typeof B==="number"?{mainAxis:B,altAxis:B}:Object.assign({mainAxis:0,altAxis:0},B);var H=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null;var L={x:0,y:0};if(!E){return}if(s){var F;var I=k==="y"?r:n;var z=k==="y"?t:e;var D=k==="y"?"height":"width";var U=E[k];var V=U+O[I];var _=U-O[z];var G=y?-P[D]/2:0;var J=j===o?q[D]:P[D];var Z=j===o?-P[D]:-q[D];var $=i.elements.arrow;var rr=y&&$?C($):{width:0,height:0};var tr=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:Y();var er=tr[I];var nr=tr[z];var ir=Q(0,q[D],rr[D]);var or=A?q[D]/2-G-ir-er-S.mainAxis:J-ir-er-S.mainAxis;var vr=A?-q[D]/2+G+ir+nr+S.mainAxis:Z+ir+nr+S.mainAxis;var fr=i.elements.arrow&&K(i.elements.arrow);var ur=fr?k==="y"?fr.clientTop||0:fr.clientLeft||0:0;var sr=(F=H==null?void 0:H[k])!=null?F:0;var cr=U+or-sr-ur;var lr=U+vr-sr;var dr=Q(y?W(V,cr):V,U,y?R(_,lr):_);E[k]=dr;L[k]=dr-U}if(l){var pr;var hr=k==="x"?r:n;var br=k==="x"?t:e;var mr=E[M];var yr=M==="y"?"height":"width";var xr=mr+O[hr];var wr=mr-O[br];var Or=[r,n].indexOf(g)!==-1;var gr=(pr=H==null?void 0:H[M])!=null?pr:0;var jr=Or?xr:mr-q[yr]-P[yr]-gr+S.altAxis;var Ar=Or?mr+q[yr]+P[yr]-gr-S.altAxis:wr;var kr=y&&Or?X(jr,mr,Ar):Q(y?jr:xr,mr,y?Ar:wr);E[M]=kr;L[M]=kr-mr}i.modifiersData[f]=L}const Jr={name:"preventOverflow",enabled:true,phase:"main",fn:Gr,requiresIfExists:["offset"]};function Kr(r){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}function Nr(r){if(r===k(r)||!E(r)){return mr(r)}else{return Kr(r)}}function Qr(r){var t=r.getBoundingClientRect();var e=H(t.width)/r.offsetWidth||1;var n=H(t.height)/r.offsetHeight||1;return e!==1||n!==1}function Xr(r,t,e){if(e===void 0){e=false}var n=E(t);var a=E(t)&&Qr(t);var i=V(t);var o=I(r,a,e);var v={scrollLeft:0,scrollTop:0};var f={x:0,y:0};if(n||!n&&!e){if(A(t)!=="body"||Or(i)){v=Nr(t)}if(E(t)){f=I(t,true);f.x+=t.clientLeft;f.y+=t.clientTop}else if(i){f.x=yr(i)}}return{x:o.left+v.scrollLeft-f.x,y:o.top+v.scrollTop-f.y,width:o.width,height:o.height}}function Yr(r){var t=new Map;var e=new Set;var n=[];r.forEach((function(r){t.set(r.name,r)}));function a(r){e.add(r.name);var i=[].concat(r.requires||[],r.requiresIfExists||[]);i.forEach((function(r){if(!e.has(r)){var n=t.get(r);if(n){a(n)}}}));n.push(r)}r.forEach((function(r){if(!e.has(r.name)){a(r)}}));return n}function Zr(r){var t=Yr(r);return j.reduce((function(r,e){return r.concat(t.filter((function(r){return r.phase===e})))}),[])}function $r(r){var t;return function(){if(!t){t=new Promise((function(e){Promise.resolve().then((function(){t=undefined;e(r())}))}))}return t}}function rt(r){var t=r.reduce((function(r,t){var e=r[t.name];r[t.name]=e?Object.assign({},e,t,{options:Object.assign({},e.options,t.options),data:Object.assign({},e.data,t.data)}):t;return r}),{});return Object.keys(t).map((function(r){return t[r]}))}var tt={placement:"bottom",modifiers:[],strategy:"absolute"};function et(){for(var r=arguments.length,t=new Array(r),e=0;e<r;e++){t[e]=arguments[e]}return!t.some((function(r){return!(r&&typeof r.getBoundingClientRect==="function")}))}function nt(r){if(r===void 0){r={}}var t=r,e=t.defaultModifiers,n=e===void 0?[]:e,a=t.defaultOptions,i=a===void 0?tt:a;return function r(t,e,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},tt,i),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}};var v=[];var f=false;var u={state:o,setOptions:function r(a){var v=typeof a==="function"?a(o.options):a;c();o.options=Object.assign({},i,o.options,v);o.scrollParents={reference:M(t)?jr(t):t.contextElement?jr(t.contextElement):[],popper:jr(e)};var f=Zr(rt([].concat(n,o.options.modifiers)));o.orderedModifiers=f.filter((function(r){return r.enabled}));s();return u.update()},forceUpdate:function r(){if(f){return}var t=o.elements,e=t.reference,n=t.popper;if(!et(e,n)){return}o.rects={reference:Xr(e,K(n),o.options.strategy==="fixed"),popper:C(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(r){return o.modifiersData[r.name]=Object.assign({},r.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],v=i.fn,s=i.options,c=s===void 0?{}:s,l=i.name;if(typeof v==="function"){o=v({state:o,options:c,name:l,instance:u})||o}}},update:$r((function(){return new Promise((function(r){u.forceUpdate();r(o)}))})),destroy:function r(){c();f=true}};if(!et(t,e)){return u}u.setOptions(a).then((function(r){if(!f&&a.onFirstUpdate){a.onFirstUpdate(r)}}));function s(){o.orderedModifiers.forEach((function(r){var t=r.name,e=r.options,n=e===void 0?{}:e,a=r.effect;if(typeof a==="function"){var i=a({state:o,name:t,instance:u,options:n});var f=function r(){};v.push(i||f)}}))}function c(){v.forEach((function(r){return r()}));v=[]}return u}}var at=[lr,Vr,ur,S,Dr,Wr,Jr,nr,Ir];var it=nt({defaultModifiers:at});class ot{constructor(r,t,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.anchor=r;this.popover=t;this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{}},e);this.isVisible=false;this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(r){const t=r.target;if(t===this.options.transitionElement){this.options.onTransitionEnd.call(this,r);if(!this.isVisible&&!this.popover.hidden){this.popover.hidden=true;this.popover.classList.remove(this.options.visibleClass);this.options.onAfterHide.call(this)}}}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd);if(this.popper){this.popper.destroy();this.popper=null}}show(){this.isVisible=true;this.popover.hidden=false;requestAnimationFrame((()=>this.popover.classList.add(this.options.visibleClass)));if(this.popper){this.popper.destroy()}this.popper=it(this.anchor,this.popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{offset:[this.options.skidding,this.options.distance]}}]});this.popover.addEventListener("transitionend",(()=>this.options.onAfterShow.call(this)),{once:true});requestAnimationFrame((()=>{var r;return(r=this.popper)===null||r===void 0?void 0:r.update()}))}reposition(){this.popper.update()}hide(){this.isVisible=false;this.popover.classList.remove(this.options.visibleClass)}setOptions(r){this.options=Object.assign(this.options,r);this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass);if(this.popper){this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy});requestAnimationFrame((()=>this.popper.update()))}}}export{ot as P};
-//# sourceMappingURL=p-18ea0c56.js.map