@freshworks/crayons/dist/crayons/p-da94c815.entry.js

Crayons Web Components library

import{r as t,h as e,c as i,e as o,i as n}from"./p-c5706edf.js";import{h as s,r,a}from"./p-c9855591.js";import{F as l}from"./p-07dc799d.js";import{c as h}from"./p-d4599615.js";let c=class{constructor(e){t(this,e),this.shape="circle",this.name="",this.size="large",this.mode="dark"}getInitials(){let t="";if(this.initials)t=this.initials;else if(this.name.trim().length>0){const e=this.name.trim().split(" ");1===e.length?t=e.shift().charAt(0):e.length>1&&(t=e.shift().charAt(0)+e.pop().charAt(0))}return t}render(){let t=`avatar \n    avatar--${this.shape}\n    avatar--${this.size}\n    avatar--${this.mode}\n    `;return this.image||(t+=` avatar--${this.mode}--initials`),e("div",{class:t,"aria-label":this.alt},this.image?e("img",{part:"image",class:"avatar__image",src:this.image,alt:this.alt}):e("div",{part:"initials",class:"avatar__initials"},this.getInitials()))}};c.style=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:inline-block;--size:3rem}.avatar{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:calc(var(--size) * 0.5);font-weight:400;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.avatar__initials{line-height:1;font-weight:600;font-size:32px;text-align:center;text-transform:uppercase}.avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar--dark{background-color:#527fa5;color:#fff}.avatar--dark--initials{border:2px solid rgba(18, 52, 77, 0.16)}.avatar--light{background-color:#dff0ff;color:#12344d}.avatar--light--initials{border:2px solid #bedbf5}.avatar--circle{border-radius:50%}.avatar--rounded{border-radius:4px}.avatar--square{border-radius:0}.avatar--xxlarge{width:96px;height:96px}.avatar--xxlarge .avatar__initials{font-size:32px}.avatar--xlarge{width:72px;height:72px}.avatar--xlarge .avatar__initials{font-size:24px}.avatar--large{width:56px;height:56px}.avatar--large .avatar__initials{font-size:20px}.avatar--medium{width:40px;height:40px}.avatar--medium .avatar__initials{font-size:16px}.avatar--small{width:32px;height:32px}.avatar--small .avatar__initials{font-size:14px}.avatar--xsmall{width:24px;height:24px}.avatar--xsmall .avatar__initials{font-size:12px}.avatar--xxsmall{width:20px;height:20px}.avatar--xxsmall .avatar__initials{font-size:10px}';let d=class{constructor(e){t(this,e),this.fwChange=i(this,"fwChange",7),this.fwFocus=i(this,"fwFocus",7),this.fwBlur=i(this,"fwBlur",7),this.checked=!1,this.disabled=!1,this.description="",this.label="",this.name="",this.value="",this.required=!1,this.state="normal",this.hintText="",this.warningText="",this.errorText="",this.hasHintTextSlot=!1,this.hasWarningTextSlot=!1,this.hasErrorTextSlot=!1,this.onFocus=()=>{this.fwFocus.emit()},this.onBlur=t=>{this.fwBlur.emit({event:t,name:this.name})},this.toggle=t=>{this.disabled||(this.checked=!this.checked,this.fwChange.emit({event:t,value:this.value,name:this.name,meta:{checked:this.checked}}))}}componentDidLoad(){this.checkbox.checked=this.checked,this.checkbox.disabled=this.disabled}checkChanged(t){this.checkbox.checked=t}componentWillLoad(){this.checkSlotContent()}checkSlotContent(){this.hasHintTextSlot=s(this.host,"hint-text"),this.hasWarningTextSlot=s(this.host,"warning-text"),this.hasErrorTextSlot=s(this.host,"error-text")}async setFocus(){var t;null===(t=this.host)||void 0===t||t.focus()}disabledChanged(t){this.checkbox.disabled=t}handleKeydown(t){"Space"===t.code&&t.preventDefault()}handleKeyup(t){"Space"===t.code&&this.toggle(t)}getAriaDescribedBy(){return"normal"===this.state?`hint-${this.name}`:"error"===this.state?`error-${this.name}`:"warning"===this.state?`warning-${this.name}`:null}render(){const{host:t,name:i,value:n}=this;this.checked&&r(t,i,n);const s=!!this.hintText||this.hasHintTextSlot,a=!!this.errorText||this.hasErrorTextSlot,l=!!this.warningText||this.hasWarningTextSlot,h="normal"===this.state,c="error"===this.state,d="warning"===this.state,p=`hint-${this.name}`,b=`warning-${this.name}`,f=`error-${this.name}`;return e(o,{role:"checkbox",tabIndex:"0","aria-disabled":this.disabled?"true":"false","aria-checked":this.checked?"true":"false","aria-labelledby":"label","aria-describedby":`description ${this.getAriaDescribedBy()}`,onClick:this.toggle,onFocus:this.onFocus,onBlur:this.onBlur,"aria-invalid":"error"===this.state},e("div",{class:{"checkbox-container":!0,disabled:this.disabled}},e("input",{type:"checkbox",ref:t=>this.checkbox=t,required:this.required,name:this.name,id:this.name}),e("label",{class:{error:"error"===this.state}},e("span",{id:"label",class:{"with-description":""!==this.description,required:this.required}},e("slot",null)),""!==this.description||""!==this.label?e("div",{id:"description"},this.description?this.description:this.label):"",this.checked&&e("span",{class:"after"},e("fw-icon",{name:"check",color:this.disabled?"#92A2B1":"#ffffff",size:8})))),h&&s&&e("div",{id:p,class:"field-control-hint-text","aria-hidden":s?"false":"true"},e("slot",{name:"hint-text"},this.hintText)),c&&a&&e("div",{id:f,class:"field-control-error-text","aria-hidden":a?"false":"true"},e("slot",{name:"error-text"},this.errorText)),d&&l&&e("div",{id:b,class:"field-control-warning-text","aria-hidden":l?"false":"true"},e("slot",{name:"warning-text"},this.warningText)))}get host(){return n(this)}static get watchers(){return{checked:["checkChanged"],disabled:["disabledChanged"]}}};d.style=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.field-control{position:relative}.field-control-label{display:block;font-size:12px;color:var(--fw-label-color, #475867);font-weight:600;margin-bottom:4px;padding-left:2px;line-height:20px}.field-control-label.required::after{content:"*";position:relative;display:inline-block;top:2px;font-size:14px;color:#d72d30;padding-left:2px;font-weight:700}.field-control-hint-text{font-family:-apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;font-size:12px;line-height:20px;margin-top:4px;margin-bottom:0;color:var(--fw-hint-color, #acb6be);position:inherit;display:block;padding-left:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.field-control-error-text{font-family:-apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;font-size:12px;line-height:20px;margin-top:4px;margin-bottom:0;color:var(--fw-error-color, #d72d30);position:inherit;display:block;padding-left:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.field-control-warning-text{font-family:-apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;font-size:12px;line-height:20px;margin-top:4px;margin-bottom:0;color:var(--fw-warning-color, #f8ab59);position:inherit;display:block;padding-left:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host{display:inline-block;position:relative}:host(:focus){outline:none}:host(:focus) input[type=checkbox]+label::before{border:1px solid transparent;-webkit-box-shadow:0 0 0 2px #2c5cc5;box-shadow:0 0 0 2px #2c5cc5}:host(:focus) input[type=checkbox]:checked+label::before{border:1px solid #ffffff}:host(:focus) input[type=checkbox][disabled]+label::before{-webkit-box-shadow:none;box-shadow:none;border:1px solid #dadfe3}:host(:hover) input[type=checkbox]+label::before{border-color:#cfd7df;-webkit-box-shadow:0 0 0 5px #ebeff3;box-shadow:0 0 0 5px #ebeff3}:host(:hover) input[type=checkbox]:checked+label::before{border-color:#2c5cc5}:host(:hover) input[type=checkbox][disabled]+label{cursor:not-allowed}:host(:hover) input[type=checkbox][disabled]+label::before{-webkit-box-shadow:none;box-shadow:none;border:1px solid #dadfe3}.checkbox-container{cursor:pointer}.checkbox-container.disabled{cursor:not-allowed}#description{font-size:12px;color:#475867;letter-spacing:0;line-height:20px;position:relative;font-weight:400;word-wrap:break-word;padding-left:22px}input[type=checkbox]{display:none}input[type=checkbox]+label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:0;vertical-align:middle;font-size:14px;color:#12344d;line-height:20px;font-weight:400;cursor:inherit}input[type=checkbox]+label .with-description{font-weight:600}input[type=checkbox]+label #label{padding-left:22px;box-decoration-break:clone;-webkit-box-decoration-break:clone}input[type=checkbox]+label #label.required::after{content:"*";position:relative;display:inline-block;top:2px;font-size:14px;color:#d72d30;padding-left:2px;font-weight:700}@media screen and (prefers-reduced-motion: reduce){input[type=checkbox]+label::before{-webkit-transition:none;transition:none}}input[type=checkbox]+label::before{position:absolute;left:0;top:3px;display:block;content:"";border:1px solid #475867;height:14px;width:14px;background-color:#fff;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}@media screen and (prefers-reduced-motion: reduce){input[type=checkbox]+label.error::before{-webkit-transition:none;transition:none}}input[type=checkbox]+label.error::before{position:absolute;left:0;top:3px;display:block;content:"";border:1px solid #d72d30;height:14px;width:14px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}@media screen and (prefers-reduced-motion: reduce){input[type=checkbox]+label .after{-webkit-transition:none;transition:none}}input[type=checkbox]+label .after{position:absolute;display:block;content:"";left:3px;top:-1px;width:8px;height:8px;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=checkbox]:checked+label::before{background:#2c5cc5;border-color:#2c5cc5;-webkit-box-shadow:none;box-shadow:none}input[type=checkbox]:checked+label .after{opacity:1}input[type=checkbox]:checked:hover+label::before{border-color:#2c5cc5;-webkit-box-shadow:0 0 0 5px #ebeff3;box-shadow:0 0 0 5px #ebeff3}input[type=checkbox]:checked:hover+label .after{opacity:1}input[type=checkbox]:checked:focus+label::before{background:#2c5cc5;border-color:#fff;-webkit-box-shadow:0 0 0 1px #2c5cc5;box-shadow:0 0 0 1px #2c5cc5}input[type=checkbox]:checked:focus+label .after{opacity:1}input[type=checkbox][disabled]+label{color:#92a2b1}input[type=checkbox][disabled]+label .label-field{color:#92a2b1}input[type=checkbox][disabled]+label::before{border-color:#dadfe3;background-color:#ebeff3}input[type=checkbox][disabled]:checked+label{color:#92a2b1}input[type=checkbox][disabled]:checked+label::before{background-color:#ebeff3;border-color:#dadfe3}';let p=class{constructor(e){t(this,e),this.fwFocus=i(this,"fwFocus",7),this.fwBlur=i(this,"fwBlur",7),this.fwInput=i(this,"fwInput",7),this.fwInputClear=i(this,"fwInputClear",7),this.hasFocus=!1,this.hasPrefix=!1,this.hasHintTextSlot=!1,this.hasWarningTextSlot=!1,this.hasErrorTextSlot=!1,this.label="",this.value="",this.type="text",this.autocomplete="off",this.clearInput=!1,this.step="any",this.name="",this.state="normal",this.readonly=!1,this.required=!1,this.disabled=!1,this.iconLeft=void 0,this.iconRight=void 0,this.hintText="",this.warningText="",this.errorText="",this.onInput=t=>{this.value=t.target.value||"",this.fwInput.emit({event:t,name:this.name,value:this.getValue()})},this.onFocus=()=>{this.hasFocus=!0,this.fwFocus.emit()},this.onBlur=t=>{this.hasFocus=!1,this.fwBlur.emit({event:t,name:this.name})},this.clearTextInput=t=>{this.disabled||(this.value="",this.nativeInput&&(this.nativeInput.value=""),this.fwInputClear.emit({event:t,name:this.name,value:this.value}))}}showClearButton(){var t;return this.clearInput&&!this.disabled&&(null===(t=this.value)||void 0===t?void 0:t.length)>0}getValue(){return this.value||""}hasValue(){return this.getValue().length>0}async setFocus(){this.nativeInput&&this.nativeInput.focus()}renderClearButton(){return e("div",{class:"clear-button",role:"button",tabindex:"0",onClick:t=>this.clearTextInput(t),onKeyDown:a(this.clearTextInput)},e("fw-icon",{class:"clear-img",name:"cross",size:8,library:"system"}))}renderIcon(t){return e("fw-icon",{name:t})}componentWillLoad(){this.hasPrefix=!!this.host.querySelector('[slot="input-prefix"]')||!!this.iconLeft,this.checkSlotContent()}getAriaDescribedBy(){return"normal"===this.state?`hint-${this.name}`:"error"===this.state?`error-${this.name}`:"warning"===this.state?`warning-${this.name}`:null}checkSlotContent(){this.hasHintTextSlot=s(this.host,"hint-text"),this.hasWarningTextSlot=s(this.host,"warning-text"),this.hasErrorTextSlot=s(this.host,"error-text")}render(){const{host:t,name:i,value:o}=this;return r(t,i,o),e(l,{inputId:this.name,label:this.label,labelId:`${this.label}-${this.name}`,state:this.state,hintTextId:`hint-${this.name}`,hintText:this.hintText,hasHintTextSlot:this.hasHintTextSlot,errorTextId:`error-${this.name}`,errorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,warningTextId:`warning-${this.name}`,warningText:this.warningText,hasWarningTextSlot:this.hasWarningTextSlot,required:this.required},e("div",{"aria-disabled":this.disabled,class:{"has-value":this.hasValue(),"has-focus":this.hasFocus}},e("div",{class:{"input-container":!0}},e("div",{class:{"input-container-inner":!0,"has-focus":this.hasFocus,disabled:this.disabled,[this.state]:!0}},e("div",{class:"inner__content"},e("div",{class:{input__prefix:!0,hasContent:this.hasPrefix}},this.iconLeft&&this.renderIcon(this.iconLeft),e("slot",{name:"input-prefix"})),e("div",{class:"input__label"},e("input",{ref:t=>{this.nativeInput=t},id:this.name,autoComplete:this.autocomplete,disabled:this.disabled,name:this.name,placeholder:this.placeholder||"",minLength:this.minlength,maxLength:this.maxlength,min:this.min,max:this.max,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:this.value,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-invalid":"error"===this.state,"aria-describedby":this.getAriaDescribedBy()}),this.showClearButton()&&this.renderClearButton())),e("div",{class:"inner__suffix"},this.iconRight&&this.renderIcon(this.iconRight),e("slot",{name:"input-suffix"}))))))}get host(){return n(this)}};p.style=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.field-control{position:relative}.field-control-label{display:block;font-size:12px;color:var(--fw-label-color, #475867);font-weight:600;margin-bottom:4px;padding-left:2px;line-height:20px}.field-control-label.required::after{content:"*";position:relative;display:inline-block;top:2px;font-size:14px;color:#d72d30;padding-left:2px;font-weight:700}.field-control-hint-text{font-family:-apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;font-size:12px;line-height:20px;margin-top:4px;margin-bottom:0;color:var(--fw-hint-color, #acb6be);position:inherit;display:block;padding-left:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.field-control-error-text{font-family:-apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;font-size:12px;line-height:20px;margin-top:4px;margin-bottom:0;color:var(--fw-error-color, #d72d30);position:inherit;display:block;padding-left:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.field-control-warning-text{font-family:-apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;font-size:12px;line-height:20px;margin-top:4px;margin-bottom:0;color:var(--fw-warning-color, #f8ab59);position:inherit;display:block;padding-left:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:host{display:block}.input-container{width:inherit;height:inherit}.input-container-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;border:1px solid #cfd7df;background-color:#fff;position:relative;border-radius:4px;-webkit-box-shadow:inset 0px 1px 2px rgba(24, 50, 71, 0.05);box-shadow:inset 0px 1px 2px rgba(24, 50, 71, 0.05)}.input-container-inner.error{border-color:#d72d30}.input-container-inner.error.has-focus{-webkit-box-shadow:none;box-shadow:none;border-color:#d72d30}.input-container-inner.error:hover,.input-container-inner.error:focus{border-color:#d72d30}.input-container-inner.error+.help-block{color:#d72d30}.input-container-inner.warning{border-color:#f8ab59}.input-container-inner.warning.has-focus{-webkit-box-shadow:none;box-shadow:none;border-color:#f8ab59}.input-container-inner.warning:hover,.input-container-inner.warning:focus{border-color:#f8ab59}.input-container-inner.warning+.help-block{color:#f8ab59}.input-container-inner .inner__content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.input-container-inner .inner__content .input__label{-ms-flex:1 1 40%;flex:1 1 40%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:8px}.input-container-inner .inner__content .input__label input{width:100%;padding:5px 0px;resize:none;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;min-height:24px;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;color:#183247;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:text;display:inline-block;font-family:inherit}.input-container-inner .inner__content .input__label input[disabled]{font-weight:400;color:#92a2b1;background-color:#f7f9fa;pointer-events:none}.input-container-inner .inner__content .input__prefix{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:0 1 auto;flex:0 1 auto;margin-left:4px}.input-container-inner .inner__content .input__prefix.hasContent{margin-left:8px}.input-container-inner .inner__suffix{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:8px}@media (prefers-reduced-motion){.input-container-inner{}.input-container-inner:hover{-webkit-transition:none;transition:none}}.input-container-inner:hover{border:1px #475867 solid}.input-container-inner.has-focus{outline:none;background:#fff;background-color:#fff;border:1px solid #2c5cc5;-webkit-box-shadow:0 0 0 1px #2c5cc5;box-shadow:0 0 0 1px #2c5cc5}.input-container-inner.disabled{font-weight:400;color:#92a2b1;border:1px solid #ebeff3;background-color:#f7f9fa;border-style:solid;pointer-events:none}.input-container-inner .clear-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:16px;width:16px}.input-container-inner .clear-button:hover,.input-container-inner .clear-button:focus{cursor:pointer;pointer-events:initial}.input-container-inner .clear-button .clear-img{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:12px;height:12px}.input-container-inner+.help-block{font-family:-apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;font-size:12px;line-height:20px;margin-top:4px;margin-bottom:0;color:var(--fw-hint-color, #acb6be);position:inherit;display:block;padding-left:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-input-placeholder{color:#acb6be}::-moz-placeholder{color:#acb6be}:-ms-input-placeholder{color:#acb6be}:-moz-placeholder{color:#acb6be}';let b=class{constructor(e){t(this,e),this.fwShow=i(this,"fwShow",7),this.fwHide=i(this,"fwHide",7),this.triggerRefSlot=null,this.isOpen=!1,this.placement="bottom",this.fallbackPlacements=["top"],this.skidding="0",this.distance="0",this.variant="select",this.sameWidth=!0,this.trigger="click",this.hasBorder=!0,this.hoist=!1,this.disableTransition=!1,this.autoFocusOnContent=!1,this.hideOnTab=!0}onKeyDown(t){switch(t.key){case"Tab":this.hideOnTab&&this.hide();break;case"Escape":this.hide()}}async show(){var t,e,i;this.isOpen||(this.sameWidth&&(this.popperDiv.style.width=String(this.triggerRef.getBoundingClientRect().width)+"px"),!this.popperInstance&&this.createPopperInstance(),this.popperDiv.setAttribute("data-show",""),this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.popperInstance.update(),"hover"!==this.trigger&&(this.overlay.style.display="block"),this.isOpen=!this.isOpen,"FW-LIST-OPTIONS"===(null===(t=this.contentRef)||void 0===t?void 0:t.tagName)&&this.contentRef.scrollToLastSelected(),this.autoFocusOnContent&&(this.contentRef.setFocus?this.contentRef.setFocus():null===(i=(e=this.contentRef).focus)||void 0===i||i.call(e)),this.fwShow.emit())}async hide(){var t,e,i;this.isOpen&&(this.popperDiv.removeAttribute("data-show"),this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),"hover"!==this.trigger&&(this.overlay.style.display="none"),this.isOpen=!this.isOpen,"FW-LIST-OPTIONS"===(null===(t=this.contentRef)||void 0===t?void 0:t.tagName)&&this.contentRef.clearFilter(),this.autoFocusOnContent&&(this.triggerRef.setFocus?this.triggerRef.setFocus():null===(i=(e=this.triggerRef).focus)||void 0===i||i.call(e)),this.fwHide.emit())}componentWillLoad(){if(this.contentRef=this.host.querySelector('[slot="popover-content"]'),this.triggerRef=this.host.querySelector('[slot="popover-trigger"]'),"SLOT"===this.triggerRef.nodeName){const t=this.triggerRef.assignedElements();t.length&&(this.triggerRefSlot=t[0])}if("click"===this.trigger)this.triggerRef.addEventListener(this.trigger,(()=>{this.isOpen?this.hide():this.show()}));else if("hover"===this.trigger){const t=this.triggerRefSlot||this.triggerRef;t.addEventListener("focus",this.show.bind(this)),t.addEventListener("blur",this.hide.bind(this)),t.addEventListener("mouseenter",this.show.bind(this)),this.host.addEventListener("mouseleave",(t=>{const e=(t.path?t.path:t.composedPath()).filter((t=>"FW-TOOLTIP"===t.nodeName))[0];if(e){const t=(()=>{const t=document.querySelectorAll(":hover");[].indexOf.call(t,e)<0&&this.hide()}).bind(this);setTimeout(t,200)}else this.hide()}))}this.popperOptions={placement:this.placement,strategy:this.hoist?"fixed":"absolute",modifiers:[{name:"flip",options:{fallbackPlacements:this.fallbackPlacements}},{name:"preventOverflow",options:{boundary:this.boundary||"clippingParents"}},{name:"offset",options:{offset:[Number(this.skidding),Number(this.distance)]}}]}}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy()}createPopperInstance(){this.popperInstance=h(this.triggerRefSlot||this.triggerRef,this.popperDiv,this.popperOptions)}render(){return[e("slot",{name:"popover-trigger"}),e("div",{class:{"popper-content":!0,"no-border":!this.hasBorder,"no-transition":this.disableTransition},ref:t=>this.popperDiv=t},e("slot",{name:"popover-content"})),"hover"!==this.trigger&&e("div",{"aria-hidden":"true",class:"overlay",ref:t=>this.overlay=t,onClick:()=>this.hide()})]}get host(){return n(this)}};b.style=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.popper-content{display:none;z-index:99;min-width:var(--fw-popover-min-width);max-width:var(--fw-popover-max-width);min-height:var(--fw-popover-min-height, 10px);max-height:var(--fw-popover-max-height, 400px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;margin:0px;border-radius:var(--fw-popover-border-radius, 8px);border:1px solid #ebeff3;position:absolute;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-box-shadow:-15px 20px 40px rgba(0, 0, 0, 0.04);box-shadow:-15px 20px 40px rgba(0, 0, 0, 0.04);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:150ms color, 150ms border, 150ms -webkit-box-shadow;transition:150ms color, 150ms border, 150ms -webkit-box-shadow;transition:150ms color, 150ms border, 150ms box-shadow;transition:150ms color, 150ms border, 150ms box-shadow, 150ms -webkit-box-shadow;will-change:auto}.popper-content.no-border{border:0px}.popper-content.no-transition{-webkit-transition:none;transition:none}.popper-content[data-show]{display:block}.overlay{width:100%;height:100%;display:none;position:fixed;top:0;left:0;z-index:95;background-color:transparent}@media screen and (prefers-reduced-motion: reduce){.popper-content{-webkit-transition:none;transition:none}}';export{c as fw_avatar,d as fw_checkbox,p as fw_input,b as fw_popover}