genesys-spark-components 4.132.0 → 4.132.1

package/dist/genesys-webcomponents/{p-f72579a5.entry.js → p-f1bcf9b6.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as s}from"./p-c2a62a18.js";import{t as a}from"./p-20c93eaf.js";import{a as o}from"./p-8eaf8caf.js";import{s as n,r}from"./p-cc3c3c56.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.processedGroupItems=[],this.quantity=7}async componentWillLoad(){a(this.root,{variant:this.quantity.toString()})}componentDidLoad(){this.setInitialFocusTarget()}componentWillRender(){this.processGroupItems(),this.hideOverflowGroupItems()}onMouseOver(t){this.hideCurrentTooltip(t)}getGroupItems(){return Array.from(this.root.children)}setInitialFocusTarget(){const t=this.getGroupItems();t.length>0&&n(t[0])}processGroupItems(){const t=this.getGroupItems();this.validateChildElements(t),this.processedGroupItems=t.map(((t,e)=>{var i,s,a;return{img:null!==(i=t.querySelector("img"))&&void 0!==i?i:null,name:null!==(s=null==t?void 0:t.name)&&void 0!==s?s:"",accent:null!==(a=null==t?void 0:t.accent)&&void 0!==a?a:null,isOverflow:e>=this.quantity,groupItem:t}}))}hideOverflowGroupItems(){this.processedGroupItems.filter((t=>t.isOverflow)).forEach((t=>{t.groupItem.setAttribute("hidden","")}))}hideCurrentTooltip(t){const e=t.target,i=[...this.getGroupItems(),this.root.shadowRoot.querySelector("gux-avatar-group-add-item-beta")].find((t=>null==t?void 0:t.matches(":focus-within")));i&&i!==e&&i.hideTooltip()}handleClick(t){const e=t.target;"GUX-AVATAR-GROUP-ITEM-BETA"!==e.tagName||e.hasAttribute("hidden")||(r(e),n(e))}validateChildElements(t){0===t.length&&o(this.root,"gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot");const e=["GUX-AVATAR-GROUP-ITEM-BETA","GUX-AVATAR-GROUP-ADD-ITEM-BETA"];t.some((t=>!e.includes(t.tagName)))&&o(this.root,"gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components")}renderOverflowMenu(){if(this.root.children.length>this.quantity){const t=this.processedGroupItems.filter((t=>t.isOverflow&&"GUX-AVATAR-GROUP-ITEM-BETA"===t.groupItem.tagName));return e("gux-avatar-overflow-beta",null,t.map((t=>{var i,s;return e("gux-avatar-overflow-item-beta",{name:t.name,accent:t.accent,onClick:()=>t.groupItem.click()},t.img?e("img",{slot:"image",src:null===(i=t.img)||void 0===i?void 0:i.src,alt:null===(s=t.img)||void 0===s?void 0:s.alt}):null)})))}return null}renderAddToGroup(){return this.processedGroupItems.find((t=>"GUX-AVATAR-GROUP-ADD-ITEM-BETA"===t.groupItem.tagName))&&this.root.children.length>this.quantity?e("gux-avatar-group-add-item-beta",{class:"gux-add-item-overflow"}):null}render(){return e(i,{key:"4fb2cc50bd34d1c068ee37e93ebb623b353c095d",role:"menu",onClick:this.handleClick.bind(this)},e("slot",{key:"a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225"}),this.renderOverflowMenu(),this.renderAddToGroup())}get root(){return s(this)}};l.style=":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-add-item-overflow{padding-inline-start:calc(var(--gse-core-spacing-4xs) + 2px)}";export{l as gux_avatar_group_beta}
+import{r as t,h as e,H as i,g as s}from"./p-c2a62a18.js";import{t as a}from"./p-7ee8db27.js";import{a as o}from"./p-8eaf8caf.js";import{s as n,r}from"./p-cc3c3c56.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.processedGroupItems=[],this.quantity=7}async componentWillLoad(){a(this.root,{variant:this.quantity.toString()})}componentDidLoad(){this.setInitialFocusTarget()}componentWillRender(){this.processGroupItems(),this.hideOverflowGroupItems()}onMouseOver(t){this.hideCurrentTooltip(t)}getGroupItems(){return Array.from(this.root.children)}setInitialFocusTarget(){const t=this.getGroupItems();t.length>0&&n(t[0])}processGroupItems(){const t=this.getGroupItems();this.validateChildElements(t),this.processedGroupItems=t.map(((t,e)=>{var i,s,a;return{img:null!==(i=t.querySelector("img"))&&void 0!==i?i:null,name:null!==(s=null==t?void 0:t.name)&&void 0!==s?s:"",accent:null!==(a=null==t?void 0:t.accent)&&void 0!==a?a:null,isOverflow:e>=this.quantity,groupItem:t}}))}hideOverflowGroupItems(){this.processedGroupItems.filter((t=>t.isOverflow)).forEach((t=>{t.groupItem.setAttribute("hidden","")}))}hideCurrentTooltip(t){const e=t.target,i=[...this.getGroupItems(),this.root.shadowRoot.querySelector("gux-avatar-group-add-item-beta")].find((t=>null==t?void 0:t.matches(":focus-within")));i&&i!==e&&i.hideTooltip()}handleClick(t){const e=t.target;"GUX-AVATAR-GROUP-ITEM-BETA"!==e.tagName||e.hasAttribute("hidden")||(r(e),n(e))}validateChildElements(t){0===t.length&&o(this.root,"gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot");const e=["GUX-AVATAR-GROUP-ITEM-BETA","GUX-AVATAR-GROUP-ADD-ITEM-BETA"];t.some((t=>!e.includes(t.tagName)))&&o(this.root,"gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components")}renderOverflowMenu(){if(this.root.children.length>this.quantity){const t=this.processedGroupItems.filter((t=>t.isOverflow&&"GUX-AVATAR-GROUP-ITEM-BETA"===t.groupItem.tagName));return e("gux-avatar-overflow-beta",null,t.map((t=>{var i,s;return e("gux-avatar-overflow-item-beta",{name:t.name,accent:t.accent,onClick:()=>t.groupItem.click()},t.img?e("img",{slot:"image",src:null===(i=t.img)||void 0===i?void 0:i.src,alt:null===(s=t.img)||void 0===s?void 0:s.alt}):null)})))}return null}renderAddToGroup(){return this.processedGroupItems.find((t=>"GUX-AVATAR-GROUP-ADD-ITEM-BETA"===t.groupItem.tagName))&&this.root.children.length>this.quantity?e("gux-avatar-group-add-item-beta",{class:"gux-add-item-overflow"}):null}render(){return e(i,{key:"4fb2cc50bd34d1c068ee37e93ebb623b353c095d",role:"menu",onClick:this.handleClick.bind(this)},e("slot",{key:"a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225"}),this.renderOverflowMenu(),this.renderAddToGroup())}get root(){return s(this)}};l.style=":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-add-item-overflow{padding-inline-start:calc(var(--gse-core-spacing-4xs) + 2px)}";export{l as gux_avatar_group_beta}