genesys-spark-components 4.97.0 → 4.98.1

package/dist/genesys-webcomponents/p-eba77055.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,g as o,f as r,c as i}from"./p-6e010355.js";import{t as n}from"./p-04bb71da.js";import{r as a}from"./p-0934300e.js";import{b as s}from"./p-a82e4a04.js";import{c as l,o as u}from"./p-f4751a15.js";import{O as d}from"./p-e720c07a.js";import{o as c}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as p,c as h,g as f,v as b,a as v,d as m}from"./p-42f2e889.js";import{s as x}from"./p-2c25e2f2.js";import{h as y}from"./p-6d8b4027.js";import{a as C,G as k}from"./p-b8c3ecdc.js";import{G as w,a as j}from"./p-7e76ac06.js";import{f as z}from"./p-54822e3b.js";import{t as O}from"./p-20fbe34f.js";import{O as T}from"./p-b0758688.js";import{b as S}from"./p-cf0e7d3b.js";import{a as I,c as F,o as R,f as D,s as E,b as L}from"./p-31c31fe6.js";import{g as P}from"./p-1ccc4961.js";import{f as B}from"./p-9b0d3713.js";import"./p-4202e9f2.js";import"./p-8eaf8caf.js";const U=class{constructor(t){e(this,t),this.buttonId=a("button"),this.type="button",this.guxTitle=void 0,this.disabled=!1,this.accent="secondary",this.iconOnly=void 0}connectedCallback(){this.slotChanged()}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return[t("button",{key:"112135920ebd9b9553cd726b9b4ab5741ae5134f",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle},t("slot",{key:"e8954669d08aed5650fba904cea4c2fcd407201e",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(e){this.disabled&&(e.stopImmediatePropagation(),e.stopPropagation(),e.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(e=>this.stopEventIfDisabled(e))),Array.from(this.root.children).forEach((e=>{e.addEventListener("click",(e=>this.stopEventIfDisabled(e)))}))}hasIconOnly(){const e=Array.from(this.root.children);if(1===e.length){if("GUX-ICON"===e[0].tagName)return!0}else if(2===e.length&&"GUX-ICON"===e[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(e[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return o(this)}};U.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:8px;vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";const W={increment:"Increment",decrement:"Decrement"};const $=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=p(this.input),this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help"),r(this.root)}async componentWillLoad(){this.getI18nValue=await s(this.root,W),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help"),n(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return t(j,{key:"3004d1fb760b2df63465340c08b4ad957a7720a7",labelPosition:this.computedLabelPosition},t(w,{key:"7dfb26c04bec0911883fbd48ecf57685ab3c94ee",required:this.required,position:this.computedLabelPosition},t("slot",{key:"5fa22327a6ef85f8ae466d0ee440c0b5ed524f6d",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"d801b13b0622628955aa2bcd48fb50ae54e68d65",variant:this.indicatorMark,required:this.required}),t("slot",{key:"1511b51a2d23a83f51a199732831219df2e88a4c",name:"label-info"})),t("div",{key:"59942106060f0308ecac53674a2a341fb7b62195",class:"gux-input-and-error-container"},t("div",{key:"f240dcf81673e576be7811174c9da2e98d510c32",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},t("div",{key:"b6d055f198d692b7b4a1ee2257e2245f8f556cdf",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>z(this.input)},t("slot",{key:"124084c38252855178ccb345521ef5e337141665",name:"input",onSlotchange:()=>this.setInput()}),e&&t("gux-form-field-input-clear-button",{key:"5bc79a734818af72070bd82ce4275f1233edeb7c",onClick:()=>h(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),t(C,{key:"cdd574eafecc0a68265b7f319c4e258d5fd40e42",show:this.hasError},t("slot",{key:"be75190667c870278c5e9bd8658c9cf4bf27bd85",name:"error"})),t(k,{key:"5bddbb010f4e3cd9ef276110b8fb37a1e3db1a73",show:!this.hasError&&this.hasHelp},t("slot",{key:"82ae4ba91cfc869f614675c5d184b52b99820841",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=f(this.root,'input[type="number"][slot="input"]'),this.hasContent=p(this.input),g(this.input),this.input.addEventListener("input",(()=>{this.hasContent=p(this.input)})),this.disabled=l(this.input),this.required=this.input.required,this.disabledObserver=u(this.input,(e=>{this.disabled=e})),this.requiredObserver=c(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}renderStepButtons(e,o,r){return t("div",{class:"gux-step-buttons-container"},t("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("increment"),disabled:r,onClick:()=>this.stepUp(e)},t("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),t("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("decrement"),disabled:r,onClick:()=>this.stepDown(e)},t("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?m(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?m(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){x(e,"input"),x(e,"change")}static get delegatesFocus(){return!0}get root(){return o(this)}};(function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([d({childList:!0,subtree:!0})],$.prototype,"onMutation",null),$.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-width:var(--gse-ui-icon-small-size);min-height:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-bottom:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-top:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;padding-bottom:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";const _=class{constructor(t){e(this,t),this.goToPage=i(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){S((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await s(this.root,O,"gux-pagination-buttons"),n(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[t("gux-button",{key:"9edb6e9767ec656e9324362fc61f55f537b4f1ce",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},t("gux-icon",{key:"97e0b3624e7981516b6103d3bc66c4dccd674304",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular"})),t("gux-tooltip",{key:"7a870042737e509fcea5f17feef54cf7b023e765",for:"popover-target"},t("div",{key:"43771cefb10b695b0a6b64db5c895ee8a9c3d680",slot:"content"},this.i18n("goToPage"))),t("gux-popover",{key:"7b19bde4f77e4e144f3deb2e3ecb7787e9ef2647","is-open":this.isOpen,for:"popover-target"},t("span",{key:"3440beb60515684e7a38884fbb2439e468bc2b4a",slot:"title"},this.i18n("goToPage")),t("gux-form-field-number",{key:"0d9ae2272cd1d465096400ed4b0016b45717e370"},t("input",{key:"744e2b0cf012d8078e56515c3229979e0ee5e3dc",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),t("label",{key:"0d46facd40c446fc8c019582339079a86d3b64a2",slot:"label"})))]}get root(){return o(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([T({triggerEvents:"mousedown"})],_.prototype,"onClickOutside",null),_.style="gux-button gux-icon{width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size);padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";var G=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const H=class{constructor(t){e(this,t),this.guxdismiss=i(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(e){"Escape"===e.key&&this.dismiss()}onFocusout(e){!this.closeOnClickOutside&&this.displayDismissButton||e.relatedTarget&&!this.root.contains(e.relatedTarget)&&this.dismiss()}checkForClickOutside(e){const t=e.composedPath(),o=B(this.root,this.for),r=t.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return P(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=I(B(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const e=B(this.root,this.for);this.popupElement&&e&&F(e,this.popupElement,{placement:this.position,middleware:[R(7),D(),E(),L({element:this.arrowElement,padding:16})]}).then((({x:e,y:t,middlewareData:o,placement:r})=>{Object.assign(this.popupElement.style,{left:`${e}px`,top:`${t}px`});const i=r.split("-")[0],n={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:13;if(o.arrow){let e=o.arrow.x;const t=o.arrow.y;"left"!==i&&"right"!==i||(e+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:-s+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){n(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return t("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return t("div",{key:"ddf447a44ce4ca11d5f2ceacbb440a702d8686b2",ref:e=>this.popupElement=e,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"b6445f94664471e1217a4b38bbf81e9c1f260d4c",ref:e=>this.arrowElement=e,class:"gux-arrow"},t("div",{key:"97a25a2f85f0654dc7253469baf357e85aae3179",class:"gux-arrow-caret"})),t("div",{key:"2490613933a01a109c51040a1fdb139176111790",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"694be156b0275cdcee2a7e64767b04be6992eddd",name:"title"}),this.renderDismissButton()),t("div",{key:"db9dfc3b1619e0a84f910e3ceadcfe3f88c321d6",class:"gux-popover-content"},t("slot",{key:"5ffe140f119294d1d51c4ffef8ae10a72291ed67"})))}get root(){return o(this)}};G([T({triggerEvents:"mousedown"})],H.prototype,"checkForClickOutside",null),G([function(){let e=!1,t=null;return(o,r,i)=>{const n=i.value;i.value=function(...o){e||(n.apply(this,o),e=!0,clearTimeout(t),t=setTimeout((()=>{e=!1}),100))}}}()],H.prototype,"dismiss",null),H.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-popover-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:right}";export{U as gux_button,$ as gux_form_field_number,_ as gux_pagination_ellipsis_button,H as gux_popover}