genesys-spark-components 4.56.0 → 4.56.1

package/dist/types/components.d.ts

@@ -31,8 +31,8 @@ import { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
 import { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-legacy/gux-modal-legacy.types";
 import { GuxISOYearMonth } from "./utils/date/year-month-values";
 import { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
-import { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout } from "./components/stable/gux-pagination/gux-pagination.types";
-import { GuxItemsPerPage, GuxPaginationLayout as GuxPaginationLayout1, GuxPaginationState } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
+import { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/stable/gux-pagination/gux-pagination.types";
+import { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout as GuxPaginationLayout1, GuxPaginationState as GuxPaginationState1 } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
 import { GuxPaginationCursorDetail } from "./components/stable/gux-pagination-cursor/gux-pagination-cursor.types";
 import { Alpha2Code, Region } from "./components/beta/gux-phone-input/gux-phone.types";
 import { Placement } from "@floating-ui/dom";
@@ -77,8 +77,8 @@ export { GuxModalSize } from "./components/stable/gux-modal/gux-modal.types";
 export { GuxModalSize as GuxModalSize1 } from "./components/legacy/gux-modal-legacy/gux-modal-legacy.types";
 export { GuxISOYearMonth } from "./utils/date/year-month-values";
 export { GuxNotificationToastAccent } from "./components/legacy/gux-notification-toast-legacy/gux-notification-toast.types";
-export { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout } from "./components/stable/gux-pagination/gux-pagination.types";
-export { GuxItemsPerPage, GuxPaginationLayout as GuxPaginationLayout1, GuxPaginationState } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
+export { GuxItemsPerPage, GuxPaginationLayout, GuxPaginationState } from "./components/stable/gux-pagination/gux-pagination.types";
+export { GuxItemsPerPage as GuxItemsPerPage1, GuxPaginationLayout as GuxPaginationLayout1, GuxPaginationState as GuxPaginationState1 } from "./components/legacy/gux-pagination-legacy/gux-pagination.types";
 export { GuxPaginationCursorDetail } from "./components/stable/gux-pagination-cursor/gux-pagination-cursor.types";
 export { Alpha2Code, Region } from "./components/beta/gux-phone-input/gux-phone.types";
 export { Placement } from "@floating-ui/dom";
@@ -771,10 +771,10 @@ export namespace Components {
         "totalItems": number;
     }
     interface GuxPaginationItemsPerPage {
-        "itemsPerPage": GuxItemsPerPage1;
+        "itemsPerPage": GuxItemsPerPage;
     }
     interface GuxPaginationItemsPerPageLegacy {
-        "itemsPerPage": GuxItemsPerPage;
+        "itemsPerPage": GuxItemsPerPage1;
     }
     interface GuxPaginationLegacy {
         /**
@@ -784,7 +784,7 @@ export namespace Components {
         /**
           * The max number of items on a page. Used to calculate total page count
          */
-        "itemsPerPage": GuxItemsPerPage;
+        "itemsPerPage": GuxItemsPerPage1;
         /**
           * The pagination component can have different layouts to suit the available space
          */
@@ -2249,7 +2249,7 @@ declare global {
         new (): HTMLGuxPaginationItemsPerPageLegacyElement;
     };
     interface HTMLGuxPaginationLegacyElementEventMap {
-        "guxpaginationchange": GuxPaginationState;
+        "guxpaginationchange": GuxPaginationState1;
     }
     interface HTMLGuxPaginationLegacyElement extends Components.GuxPaginationLegacy, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGuxPaginationLegacyElementEventMap>(type: K, listener: (this: HTMLGuxPaginationLegacyElement, ev: GuxPaginationLegacyCustomEvent<HTMLGuxPaginationLegacyElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3596,11 +3596,11 @@ declare namespace LocalJSX {
         "totalItems"?: number;
     }
     interface GuxPaginationItemsPerPage {
-        "itemsPerPage"?: GuxItemsPerPage1;
+        "itemsPerPage"?: GuxItemsPerPage;
         "onInternalitemsperpagechange"?: (event: GuxPaginationItemsPerPageCustomEvent<number>) => void;
     }
     interface GuxPaginationItemsPerPageLegacy {
-        "itemsPerPage"?: GuxItemsPerPage;
+        "itemsPerPage"?: GuxItemsPerPage1;
         "onInternalitemsperpagechange"?: (event: GuxPaginationItemsPerPageLegacyCustomEvent<number>) => void;
     }
     interface GuxPaginationLegacy {
@@ -3611,12 +3611,12 @@ declare namespace LocalJSX {
         /**
           * The max number of items on a page. Used to calculate total page count
          */
-        "itemsPerPage"?: GuxItemsPerPage;
+        "itemsPerPage"?: GuxItemsPerPage1;
         /**
           * The pagination component can have different layouts to suit the available space
          */
         "layout"?: GuxPaginationLayout1;
-        "onGuxpaginationchange"?: (event: GuxPaginationLegacyCustomEvent<GuxPaginationState>) => void;
+        "onGuxpaginationchange"?: (event: GuxPaginationLegacyCustomEvent<GuxPaginationState1>) => void;
         /**
           * The total number of items in the data set. Used to calculate total page count
          */

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.56.0-224/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.56.1-226/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.56.0",
+  "version": "4.56.1",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",

package/dist/genesys-webcomponents/p-774abf16.entry.js

@@ -1 +0,0 @@
-import{r,h as s,g as t}from"./p-2e827df1.js";import{t as e}from"./p-96f31727.js";const a=class{constructor(s){r(this,s),this.screenreaderText=void 0}componentWillLoad(){e(this.root)}render(){return s("gux-radial-loading",{key:"f1d8f0c081b4690abea87368d89ac1754524478d",class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}

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

@@ -1 +0,0 @@
-import{r as e,f as t,h as o,g as r,c as i,H as s}from"./p-2e827df1.js";import{b as a}from"./p-0367930a.js";import{c as n,o as l}from"./p-f4751a15.js";import{O as u}from"./p-01471ba0.js";import{o as d}from"./p-e5b1cffc.js";import{p}from"./p-a11d5d42.js";import{h as f,c,g as h,v as g,a as b,d as m}from"./p-2c02d54d.js";import{s as v}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{G as w,a as y}from"./p-4ed61122.js";import{G as C,a as k}from"./p-9773c4fe.js";import{t as j}from"./p-96f31727.js";import{t as z}from"./p-20fbe34f.js";import{O as R}from"./p-e080422d.js";import{b as S}from"./p-cf0e7d3b.js";import{a as T,c as O,o as D,f as F,s as I,b as E}from"./p-b43ee47b.js";import{g as P}from"./p-1ccc4961.js";import{f as L}from"./p-9b0d3713.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const $={increment:"Increment",decrement:"Decrement"};const _=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}async guxForceUpdate(){this.hasContent=f(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await a(this.root,$),this.setInput(),this.setLabel(),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),j(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 o(k,{key:"a9a06a2ad9a0b1fb90f9c08e39e412b56724b5e8",labelPosition:this.computedLabelPosition},o(C,{key:"48428576ad89dbeef84489a4457548b1eb6fbe89",position:this.computedLabelPosition,required:this.required},o("slot",{key:"4df79bf4e59801c57f7333414d615ac9afb75f6d",name:"label",onSlotchange:()=>this.setLabel()})),o("div",{key:"ebc55fafb330cdfd68d4c582806887c90b497507",class:"gux-input-and-error-container"},o("div",{key:"f47ff506665012da5edd9f798cebde2b1e339740",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"cdc4e655e611a6742538ab5f4eac014a959e6fc8",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e}},o("slot",{key:"aa5b10586faa8e06051477bb6d7dacbad348988a",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{onClick:()=>c(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(w,{key:"1f169dd7cce45f773f094db4ce3da5ef32dda8e5",show:this.hasError},o("slot",{key:"eff3e2766fd1881e52c5bfcad5a4e184ac6754d6",name:"error"})),o(y,{key:"60f31cc749482b4fba9d5d62ca1387869d72399e",show:!this.hasError&&this.hasHelp},o("slot",{key:"cd49807bb8ef4719e8170445301360185357f758",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=h(this.root,'input[type="number"][slot="input"]'),this.hasContent=f(this.input),p(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=n(this.input),this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=d(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderStepButtons(e,t,r){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:r,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:r,onClick:()=>this.stepDown(e)},o("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){v(e,"input"),v(e,"change")}static get delegatesFocus(){return!0}get root(){return r(this)}};(function(e,t,o,r){var i,s=arguments.length,a=s<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 n=e.length-1;n>=0;n--)(i=e[n])&&(a=(s<3?i(a):s>3?i(t,o,a):i(t,o))||a);s>3&&a&&Object.defineProperty(t,o,a)})([u({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;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;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-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);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{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-focusRing-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 H=class{constructor(t){e(this,t),this.goToPage=i(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}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())}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=>{"Enter"!=e.key&&" "!=e.key||(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1)}))}async componentWillLoad(){this.i18n=await a(this.root,z),j(this.root)}componentDidLoad(){this.applyInputListener()}render(){return o(s,{key:"5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2"},o("button",{key:"39050d70fbad9934bfb716147bb6b34b8d93fe7a",id:"popover-target",type:"button",ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"1b770c24d315059b532fc0461d38a96b723a09bd",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular"})),o("gux-tooltip",{key:"5edec81da9f5d2cf5b6462faa22a2bcb6b244e15",for:"popover-target"},o("div",{key:"6b35b456eeed78feae1d5dee1d94f7937d607a0d",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"1575c0d1573a88ec4c6f6258851bebde33832706","is-open":this.isOpen,for:"popover-target"},o("span",{key:"51a98e4b06d6f5ab850cdb6fc2c71aa2f4b9cb0c",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"e0fe05c1bf3eb004cadd637467027d6244a4d86f"},o("input",{key:"99144f1f90e7ba16e00710da268df21645ae456d",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1"}),o("label",{key:"dd72b30cad5eaf7fdabe8279c512dd118e4f64a0",slot:"label"}))))}get root(){return r(this)}};(function(e,t,o,r){var i,s=arguments.length,a=s<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 n=e.length-1;n>=0;n--)(i=e[n])&&(a=(s<3?i(a):s>3?i(t,o,a):i(t,o))||a);s>3&&a&&Object.defineProperty(t,o,a)})([R({triggerEvents:"mousedown"})],H.prototype,"onClickOutside",null),H.style="button{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer;background:none;border:none}button:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";const B=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()}checkForClickOutside(e){const t=e.composedPath(),o=L(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=T(L(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const e=L(this.root,this.for);this.popupElement&&e&&O(e,this.popupElement,{placement:this.position,middleware:[D(7),F(),I(),E({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],s={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],n="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:"",[s]:-n+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){j(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 o("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return o("div",{key:"7bf5f65da1df65ddfca8f8d6f3edc5981a4b8368",ref:e=>this.popupElement=e,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},o("div",{key:"6fb89e7413e82843c5bb6df5047ce5693049ad7f",ref:e=>this.arrowElement=e,class:"gux-arrow"},o("div",{key:"da4a064505c3e8a3e48405bce24bb41a2e7cb789",class:"gux-arrow-caret"})),o("div",{key:"f25f43e3417e8789808cd2b328a6555472d5678c",class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{key:"6af3160507024501dd9942322bcde72f758d9e29",name:"title"}),this.renderDismissButton()),o("div",{key:"bafb5459b541fccd4ce87f7ad25802d9b694d89e",class:"gux-popover-content"},o("slot",{key:"c806ef946192d874f8fbab8fe87a8efdf46d74b6"})))}get root(){return r(this)}};(function(e,t,o,r){var i,s=arguments.length,a=s<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 n=e.length-1;n>=0;n--)(i=e[n])&&(a=(s<3?i(a):s>3?i(t,o,a):i(t,o))||a);s>3&&a&&Object.defineProperty(t,o,a)})([R({triggerEvents:"mousedown"})],B.prototype,"checkForClickOutside",null),B.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-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-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-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-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:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";export{_ as gux_form_field_number,H as gux_pagination_ellipsis_button,B as gux_popover}