genesys-spark-components 4.201.1 → 4.202.0

package/dist/genesys-webcomponents/{p-08aad306.entry.js → p-69615472.entry.js}

@@ -1 +1 @@
-import{r as a,h as e,H as t,a as i}from"./p-C1fW4ajX.js";import{t as o}from"./p-DB6Bny-2.js";import{g as r}from"./p-vciQk5kR.js";import{b as n}from"./p-CvnIig10.js";import{a as s,c as u,o as c}from"./p-C8aV-TzO.js";import{O as l}from"./p-8c1Ci0M4.js";import{l as d}from"./p-DxtJDeL9.js";import{a as g}from"./p-Bg4q97BS.js";import{g as v,a as f}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var b={addToGroup:"Add more items to group"};const m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"939f8b3fc4660d4c3aae91b4b00ccbc3e48401f5",role:"menuitem"},e("button",{key:"85601e754565823963d5d3e9cba3f5c3f20f4a12",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"aeba5a058e5246d957672cca700b1cf8fdc0b268","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"ea4598ef51bf4584bbcaa8fa2bbf515de672b268","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"421774c94dcca4ded514a3d2c0e3922a188ef0cc",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"414e3e0aa9109a6b29a96b383440581715d30084",role:"menuitem"},e("button",{key:"cfc33402fa19164395049ebef4f8901c1bc1fecc",class:"gux-avatar-overflow",ref:a=>this.overflowButtonElement=a,onClick:()=>this.toggleOverflowMenu(),tabIndex:-1,"aria-haspopup":"true","aria-expanded":this.expanded.toString()},e("span",{key:"47face021168cc59f55094467413428787e1dfb9",class:"gux-avatar-overflow-wrapper"},e("span",{key:"bc2232575706eca207b7492f05d4ba1e4b550b0b",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"a0a0c501e62e9529af57f693de72855ae3efe686",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"ea9ff82a975185881c9c406d39a7347df079777b",role:"menu",class:"gux-menu-content"},e("slot",{key:"74cf98398e8c183532af8177c296cbf5c90734de"}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};function p(a){const e=function(a){let e=a;for(;null!==e.previousElementSibling;)e=e.previousElementSibling;return e}(a);e&&e.focus()}function x(a){const e=function(a){let e=a;for(;null!==e.nextElementSibling;)e=e.nextElementSibling;return e}(a);e&&e.focus()}(function(a,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(a,e,t,i);else for(var s=a.length-1;s>=0;s--)(o=a[s])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);r>3&&n&&Object.defineProperty(e,t,n)})([l({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;margin-inline-end:var(--gse-ui-avatar-groupSet-gap)}.gux-avatar-overflow{position:relative;box-sizing:border-box;inline-size:100%;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-avatar-overflow:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-avatar-overflow:hover,.gux-avatar-overflow:focus{z-index:var(--gse-semantic-zIndex-showFocus)}.gux-avatar-overflow .gux-avatar-overflow-wrapper{position:relative;display:flex}.gux-avatar-overflow .gux-avatar-overflow-wrapper .gux-avatar-overflow-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-overflowCount);border-radius:50%}.gux-menu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;flex-direction:column;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background-color:var(--gse-ui-menu-backgroundColor);border:none;border:var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-menu-wrapper.gux-shown{visibility:visible}";const k=class{constructor(e){a(this,e),this.accent="auto"}async componentWillLoad(){o(this.root)}componentDidLoad(){this.validatingInputs()}onKeydown(a){!function(a,e){switch(a.key){case"ArrowUp":case"ArrowLeft":a.stopPropagation(),a.preventDefault(),function(a){const e=a.previousElementSibling;e?e.focus():x(a)}(e);break;case"ArrowDown":case"ArrowRight":a.stopPropagation(),a.preventDefault(),function(a){const e=a.nextElementSibling;e?e.focus():p(a)}(e);break;case"Home":a.stopPropagation(),a.preventDefault(),p(e);break;case"End":a.stopPropagation(),a.preventDefault(),x(e)}}(a,this.root)}validatingInputs(){const a=this.root.querySelector("img");this.name||d(this.root,"Name prop is required"),a&&!a.getAttribute("alt")&&d(this.root,"Alt attribute is required for slotted image.")}render(){return e(t,{key:"3484a9766bc6579e0d0ff9ecc1072d4fe9daa3fb",role:"menuitem"},e("button",{key:"faf1ef959a2931375ccf2d2613c69d31df119d09",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"6365d5bc608ed6768e24137abe02e603bdc0556e",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"e6ac5bcdf9e44445782a7b520b9b4db50cd693c7",name:"image"},e("span",{key:"226ea2aa1ab9dc4a9246222ea146c8ac563af4a2",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"686671785a282abcc0e6369d700651643c82574a"},this.name)))}static get delegatesFocus(){return!0}get root(){return i(this)}};k.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{all:unset;box-sizing:border-box;display:flex;gap:var(--gse-ui-menu-option-gap);align-items:center;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);overflow-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible{outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover{background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active{font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button .gux-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-xsmall-content-size);block-size:var(--gse-ui-avatar-xsmall-content-size);padding:0;margin:0;overflow:hidden;color:var(--gse-ui-avatar-media-initialsForeground-inverse);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:none;border-radius:50%}button .gux-avatar .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button .gux-avatar.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button .gux-avatar.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button .gux-avatar.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button .gux-avatar.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button .gux-avatar.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button .gux-avatar.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button .gux-avatar.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button .gux-avatar.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button .gux-avatar.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button .gux-avatar.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button .gux-avatar.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button .gux-avatar.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button .gux-avatar.gux-accent-inherit{color:inherit;background-color:inherit}";export{m as gux_avatar_group_add_item_beta,h as gux_avatar_overflow_beta,k as gux_avatar_overflow_item_beta}
+import{r as a,h as e,H as t,a as i}from"./p-8p-S7f9X.js";import{t as o}from"./p-B9HnE3QT.js";import{g as r}from"./p-vciQk5kR.js";import{b as n}from"./p-DnzIYzsz.js";import{a as s,c as u,o as c}from"./p-C8aV-TzO.js";import{O as l}from"./p-CBv64JPn.js";import{l as d}from"./p-DxtJDeL9.js";import{a as g}from"./p-Bg4q97BS.js";import{g as v,a as f}from"./p-BV03_Ljp.js";import"./p-Cd4R0amv.js";var b={addToGroup:"Add more items to group"};const m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"939f8b3fc4660d4c3aae91b4b00ccbc3e48401f5",role:"menuitem"},e("button",{key:"85601e754565823963d5d3e9cba3f5c3f20f4a12",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"aeba5a058e5246d957672cca700b1cf8fdc0b268","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"ea4598ef51bf4584bbcaa8fa2bbf515de672b268","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"421774c94dcca4ded514a3d2c0e3922a188ef0cc",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"414e3e0aa9109a6b29a96b383440581715d30084",role:"menuitem"},e("button",{key:"cfc33402fa19164395049ebef4f8901c1bc1fecc",class:"gux-avatar-overflow",ref:a=>this.overflowButtonElement=a,onClick:()=>this.toggleOverflowMenu(),tabIndex:-1,"aria-haspopup":"true","aria-expanded":this.expanded.toString()},e("span",{key:"47face021168cc59f55094467413428787e1dfb9",class:"gux-avatar-overflow-wrapper"},e("span",{key:"bc2232575706eca207b7492f05d4ba1e4b550b0b",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"a0a0c501e62e9529af57f693de72855ae3efe686",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"ea9ff82a975185881c9c406d39a7347df079777b",role:"menu",class:"gux-menu-content"},e("slot",{key:"74cf98398e8c183532af8177c296cbf5c90734de"}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};function p(a){const e=function(a){let e=a;for(;null!==e.previousElementSibling;)e=e.previousElementSibling;return e}(a);e&&e.focus()}function x(a){const e=function(a){let e=a;for(;null!==e.nextElementSibling;)e=e.nextElementSibling;return e}(a);e&&e.focus()}(function(a,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(a,e,t,i);else for(var s=a.length-1;s>=0;s--)(o=a[s])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);r>3&&n&&Object.defineProperty(e,t,n)})([l({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;margin-inline-end:var(--gse-ui-avatar-groupSet-gap)}.gux-avatar-overflow{position:relative;box-sizing:border-box;inline-size:100%;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-avatar-overflow:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-avatar-overflow:hover,.gux-avatar-overflow:focus{z-index:var(--gse-semantic-zIndex-showFocus)}.gux-avatar-overflow .gux-avatar-overflow-wrapper{position:relative;display:flex}.gux-avatar-overflow .gux-avatar-overflow-wrapper .gux-avatar-overflow-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-overflowCount);border-radius:50%}.gux-menu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;flex-direction:column;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background-color:var(--gse-ui-menu-backgroundColor);border:none;border:var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-menu-wrapper.gux-shown{visibility:visible}";const k=class{constructor(e){a(this,e),this.accent="auto"}async componentWillLoad(){o(this.root)}componentDidLoad(){this.validatingInputs()}onKeydown(a){!function(a,e){switch(a.key){case"ArrowUp":case"ArrowLeft":a.stopPropagation(),a.preventDefault(),function(a){const e=a.previousElementSibling;e?e.focus():x(a)}(e);break;case"ArrowDown":case"ArrowRight":a.stopPropagation(),a.preventDefault(),function(a){const e=a.nextElementSibling;e?e.focus():p(a)}(e);break;case"Home":a.stopPropagation(),a.preventDefault(),p(e);break;case"End":a.stopPropagation(),a.preventDefault(),x(e)}}(a,this.root)}validatingInputs(){const a=this.root.querySelector("img");this.name||d(this.root,"Name prop is required"),a&&!a.getAttribute("alt")&&d(this.root,"Alt attribute is required for slotted image.")}render(){return e(t,{key:"3484a9766bc6579e0d0ff9ecc1072d4fe9daa3fb",role:"menuitem"},e("button",{key:"faf1ef959a2931375ccf2d2613c69d31df119d09",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"6365d5bc608ed6768e24137abe02e603bdc0556e",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"e6ac5bcdf9e44445782a7b520b9b4db50cd693c7",name:"image"},e("span",{key:"226ea2aa1ab9dc4a9246222ea146c8ac563af4a2",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"686671785a282abcc0e6369d700651643c82574a"},this.name)))}static get delegatesFocus(){return!0}get root(){return i(this)}};k.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{all:unset;box-sizing:border-box;display:flex;gap:var(--gse-ui-menu-option-gap);align-items:center;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);overflow-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible{outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover{background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active{font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button .gux-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-xsmall-content-size);block-size:var(--gse-ui-avatar-xsmall-content-size);padding:0;margin:0;overflow:hidden;color:var(--gse-ui-avatar-media-initialsForeground-inverse);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:none;border-radius:50%}button .gux-avatar .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button .gux-avatar.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button .gux-avatar.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button .gux-avatar.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button .gux-avatar.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button .gux-avatar.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button .gux-avatar.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button .gux-avatar.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button .gux-avatar.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button .gux-avatar.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button .gux-avatar.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button .gux-avatar.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button .gux-avatar.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button .gux-avatar.gux-accent-inherit{color:inherit;background-color:inherit}";export{m as gux_avatar_group_add_item_beta,h as gux_avatar_overflow_beta,k as gux_avatar_overflow_item_beta}

package/dist/genesys-webcomponents/{p-f15e8371.entry.js → p-69afb0b5.entry.js}

@@ -1 +1 @@
-import{r as e,c as r,h as t,a as i}from"./p-C1fW4ajX.js";import{t as o}from"./p-DB6Bny-2.js";const s=class{constructor(t){e(this,t),this.internalactivatestep=r(this,"internalactivatestep",7),this.status="incomplete",this.disabled=!1,this.active=!1}onClick(){this.active||this.disabled||this.internalactivatestep.emit(this.stepId)}async guxSetActive(e){this.active=e}componentWillLoad(){o(this.root)}getStatusIcon(e){switch(e){case"incomplete":default:return"fa/circle-dashed-regular";case"completed":return"fa/circle-check-solid";case"error":return"fa/hexagon-exclamation-solid"}}render(){return t("div",{key:"db9206d34fb9f3576f76e607ef3fb0ebe9e7fb73",class:{"gux-stepper":!0,[`gux-step-${this.status}`]:!0,"gux-disabled":this.disabled,"gux-active":this.active},"aria-current":this.active.toString(),"aria-disabled":this.disabled.toString()},t("gux-icon",{key:"8ea91c45d3494418d234f22068c79423189915df",size:"small","icon-name":this.active?"fa/circle-half-stroke-regular":this.getStatusIcon(this.status),decorative:!0}),t("div",{key:"74d4f2976ddc462b4b788f097b7c5c432dce43ef",class:"gux-step-information"},t("slot",{key:"8d7f804bf077487d3e2875f093effb64ff391b28",name:"title"}),t("gux-truncate",{key:"8e064aaec8c2f69b85362839d0bf56d18ba72682",maxLines:2},t("slot",{key:"46276aaf14a8baef7b13bb4c8f4e2aff6141ce08",name:"helper"}))))}get root(){return i(this)}};s.style=":host{inline-size:100%;max-inline-size:100%}.gux-stepper{display:flex;flex-direction:row;gap:var(--step-gap);align-items:flex-start;justify-content:flex-start;min-inline-size:var(--stepper-min-inline-size, 0);min-block-size:var(--stepper-min-block-size, 0);padding-block:var(--stepper-padding-block, 0);padding-inline:var(--stepper-padding-inline, 0);background-color:transparent;border:none}.gux-stepper gux-icon{flex-shrink:0;align-self:flex-start;margin-block-start:var(--stepper-step-body-margin, 0)}.gux-stepper.gux-step-incomplete{color:var(--gse-ui-stepper-icon-incompleted-foregroundColor);border-block-start:var(--stepper-border-block-start-incomplete, none);border-inline-start:var(--stepper-border-inline-start-incomplete)}.gux-stepper.gux-step-completed{color:var(--gse-ui-stepper-icon-completed-selectedForegroundColor);border-block-start:var(--stepper-border-block-start-completed, none);border-inline-start:var(--stepper-border-inline-start-completed, none)}.gux-stepper.gux-step-error{color:var(--gse-ui-stepper-icon-error-foregroundColor);border-block-start:var(--stepper-border-block-start-error, none);border-inline-start:var(--stepper-border-inline-start-error, none)}.gux-stepper.gux-active{color:var(--gse-ui-stepper-icon-active-foregroundColor);border-block-start:var(--stepper-border-block-start-active, none);border-inline-start:var(--stepper-border-inline-start-active, none)}.gux-stepper>.gux-step-information{margin-block-start:var(--stepper-step-body-margin, 0)}.gux-step-information{display:flex;flex:1 0 0;flex-direction:column;gap:var(--gse-ui-stepper-step-text-gap);align-items:flex-start;justify-content:flex-start;margin-inline-end:var(--gse-ui-stepper-step-horizontal-body-marginRight)}.gux-step-information slot[name=helper]{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);font-weight:var(--gse-ui-formControl-helper-helperText-fontWeight);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-disabled{pointer-events:none;cursor:default;user-select:none}.gux-disabled>*{opacity:var(--gse-ui-stepper-step-disabled-opacity)}gux-truncate{text-align:start}";export{s as gux_step}
+import{r as e,c as r,h as t,a as i}from"./p-8p-S7f9X.js";import{t as o}from"./p-B9HnE3QT.js";const s=class{constructor(t){e(this,t),this.internalactivatestep=r(this,"internalactivatestep",7),this.status="incomplete",this.disabled=!1,this.active=!1}onClick(){this.active||this.disabled||this.internalactivatestep.emit(this.stepId)}async guxSetActive(e){this.active=e}componentWillLoad(){o(this.root)}getStatusIcon(e){switch(e){case"incomplete":default:return"fa/circle-dashed-regular";case"completed":return"fa/circle-check-solid";case"error":return"fa/hexagon-exclamation-solid"}}render(){return t("div",{key:"db9206d34fb9f3576f76e607ef3fb0ebe9e7fb73",class:{"gux-stepper":!0,[`gux-step-${this.status}`]:!0,"gux-disabled":this.disabled,"gux-active":this.active},"aria-current":this.active.toString(),"aria-disabled":this.disabled.toString()},t("gux-icon",{key:"8ea91c45d3494418d234f22068c79423189915df",size:"small","icon-name":this.active?"fa/circle-half-stroke-regular":this.getStatusIcon(this.status),decorative:!0}),t("div",{key:"74d4f2976ddc462b4b788f097b7c5c432dce43ef",class:"gux-step-information"},t("slot",{key:"8d7f804bf077487d3e2875f093effb64ff391b28",name:"title"}),t("gux-truncate",{key:"8e064aaec8c2f69b85362839d0bf56d18ba72682",maxLines:2},t("slot",{key:"46276aaf14a8baef7b13bb4c8f4e2aff6141ce08",name:"helper"}))))}get root(){return i(this)}};s.style=":host{inline-size:100%;max-inline-size:100%}.gux-stepper{display:flex;flex-direction:row;gap:var(--step-gap);align-items:flex-start;justify-content:flex-start;min-inline-size:var(--stepper-min-inline-size, 0);min-block-size:var(--stepper-min-block-size, 0);padding-block:var(--stepper-padding-block, 0);padding-inline:var(--stepper-padding-inline, 0);background-color:transparent;border:none}.gux-stepper gux-icon{flex-shrink:0;align-self:flex-start;margin-block-start:var(--stepper-step-body-margin, 0)}.gux-stepper.gux-step-incomplete{color:var(--gse-ui-stepper-icon-incompleted-foregroundColor);border-block-start:var(--stepper-border-block-start-incomplete, none);border-inline-start:var(--stepper-border-inline-start-incomplete)}.gux-stepper.gux-step-completed{color:var(--gse-ui-stepper-icon-completed-selectedForegroundColor);border-block-start:var(--stepper-border-block-start-completed, none);border-inline-start:var(--stepper-border-inline-start-completed, none)}.gux-stepper.gux-step-error{color:var(--gse-ui-stepper-icon-error-foregroundColor);border-block-start:var(--stepper-border-block-start-error, none);border-inline-start:var(--stepper-border-inline-start-error, none)}.gux-stepper.gux-active{color:var(--gse-ui-stepper-icon-active-foregroundColor);border-block-start:var(--stepper-border-block-start-active, none);border-inline-start:var(--stepper-border-inline-start-active, none)}.gux-stepper>.gux-step-information{margin-block-start:var(--stepper-step-body-margin, 0)}.gux-step-information{display:flex;flex:1 0 0;flex-direction:column;gap:var(--gse-ui-stepper-step-text-gap);align-items:flex-start;justify-content:flex-start;margin-inline-end:var(--gse-ui-stepper-step-horizontal-body-marginRight)}.gux-step-information slot[name=helper]{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);font-weight:var(--gse-ui-formControl-helper-helperText-fontWeight);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-disabled{pointer-events:none;cursor:default;user-select:none}.gux-disabled>*{opacity:var(--gse-ui-stepper-step-disabled-opacity)}gux-truncate{text-align:start}";export{s as gux_step}