npm - genesys-spark-components - Versions diffs - 4.121.0 → 4.123.0 - Mend

genesys-spark-components 4.121.0 → 4.123.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (737) hide show

package/dist/collection/components/beta/gux-avatar-group/gux-avatar-group.js CHANGED Viewed

@@ -56,7 +56,9 @@ export class GuxAvatarGroup {
     hideCurrentTooltip(event) {
         const target = event.target;
         const groupItems = this.getGroupItems();
-        const focusedChild = groupItems.find(child => child.matches(':focus-within'));
+        const addToGroup = this.root.shadowRoot.querySelector('gux-avatar-group-add-item-beta');
+        const itemsWithTooltip = [...groupItems, addToGroup];
+        const focusedChild = itemsWithTooltip.find(child => child === null || child === void 0 ? void 0 : child.matches(':focus-within'));
         if (focusedChild && focusedChild !== target) {
             focusedChild.hideTooltip();
         }
@@ -73,7 +75,10 @@ export class GuxAvatarGroup {
         if (childElements.length === 0) {
             logWarn(this.root, 'gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot');
         }
-        const validTagNames = ['GUX-AVATAR-GROUP-ITEM-BETA'];
+        const validTagNames = [
+            'GUX-AVATAR-GROUP-ITEM-BETA',
+            'GUX-AVATAR-GROUP-ADD-ITEM-BETA'
+        ];
         const invalidElements = childElements.some(el => !validTagNames.includes(el.tagName));
         if (invalidElements) {
             logWarn(this.root, 'gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components');
@@ -81,7 +86,8 @@ export class GuxAvatarGroup {
     }
     renderOverflowMenu() {
         if (this.root.children.length > this.quantity) {
-            const overflowItems = this.processedGroupItems.filter(item => item.isOverflow);
+            const overflowItems = this.processedGroupItems.filter(item => item.isOverflow &&
+                item.groupItem.tagName === 'GUX-AVATAR-GROUP-ITEM-BETA');
             return (h("gux-avatar-overflow-beta", null, overflowItems.map(item => {
                 var _a, _b;
                 return (h("gux-avatar-overflow-item-beta", { name: item.name, accent: item.accent, onClick: () => item.groupItem.click() }, item.img ? (h("img", { slot: "image", src: (_a = item.img) === null || _a === void 0 ? void 0 : _a.src, alt: (_b = item.img) === null || _b === void 0 ? void 0 : _b.alt })) : null));
@@ -91,8 +97,17 @@ export class GuxAvatarGroup {
             return null;
         }
     }
+    renderAddToGroup() {
+        const hasAddToGroup = this.processedGroupItems.find(item => item.groupItem.tagName === 'GUX-AVATAR-GROUP-ADD-ITEM-BETA');
+        if (hasAddToGroup && this.root.children.length > this.quantity) {
+            return (h("gux-avatar-group-add-item-beta", { class: "gux-add-item-overflow" }));
+        }
+        else {
+            return null;
+        }
+    }
     render() {
-        return (h(Host, { key: 'fd252cb40f60c329c1c8330a8df415e3fe0ce86a', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: '754b66b2e4024abba062e2a9aa0cbe3933b75139' }), this.renderOverflowMenu()));
+        return (h(Host, { key: '4fb2cc50bd34d1c068ee37e93ebb623b353c095d', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: 'a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225' }), this.renderOverflowMenu(), this.renderAddToGroup()));
     }
     static get is() { return "gux-avatar-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-avatar-group/gux-avatar-group.service.js CHANGED Viewed

@@ -95,10 +95,14 @@ function getGroupItemButton(element) {
 }
 function getGroupItems(element) {
     const group = getClosestElement('gux-avatar-group-beta', element);
-    const slottedItems = Array.from(group.querySelectorAll('gux-avatar-group-item-beta')).filter(child => !isHidden(child));
+    const slottedItems = Array.from(group.querySelectorAll('gux-avatar-group-item-beta, gux-avatar-group-add-item-beta')).filter(child => !isHidden(child));
     const overflow = group.shadowRoot.querySelector('gux-avatar-overflow-beta');
     if (overflow) {
+        const addToGroup = group.shadowRoot.querySelector('gux-avatar-group-add-item-beta');
         slottedItems.push(overflow);
+        if (addToGroup) {
+            slottedItems.push(addToGroup);
+        }
     }
     return slottedItems;
 }

package/dist/collection/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow-item/gux-avatar-overflow-item.js CHANGED Viewed

@@ -31,10 +31,10 @@ export class GuxAvatarOverflowItem {
         }
     }
     render() {
-        return (h(Host, { key: '9a482a55db83dd77b4275313b5e91e6e35abbf67', role: "menuitem" }, h("button", { key: 'efb50ab018339921fff8605f18e94e3e1bb6bd85', type: "button", "aria-label": this.name, tabIndex: -1 }, h("span", { key: 'a9c32970cd2550b834c176f8552fe50d3c8db595', class: {
+        return (h(Host, { key: '34b0e018d662b7536da4a91d6ccc055c8cc730d7', role: "menuitem" }, h("button", { key: 'c59be9f70bc25dce8bc62dfc8739f93d6006e68e', type: "button", "aria-label": this.name, tabIndex: -1 }, h("span", { key: '024aae64707578c490f8fb2d2c2aa809e65ffefe', class: {
                 'gux-avatar': true,
                 [getAvatarAccentClass(this.accent, this.name)]: true
-            } }, h("slot", { key: 'c8268952f6531f9b3cdaf11b54bb5ca209c6df6b', name: "image" }, h("span", { key: '143d09b06886a32bae9343b5de8474ce4f036c85', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name)))), h("span", { key: '530801a4712419301043e9303544266dc5f7b021' }, this.name))));
+            } }, h("slot", { key: '1e657ac3badc1a73c283d82f0e0b6381033e179e', name: "image" }, h("span", { key: 'b63a8cce36637908e4c07f532fdf27e97831e019', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name)))), h("span", { key: '67247e6254beaa1b31374653ace95300a8e029a4' }, this.name))));
     }
     static get is() { return "gux-avatar-overflow-item-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow.js CHANGED Viewed

@@ -151,10 +151,10 @@ export class GuxAvatarOverflow {
         void nextFocusableElement.focus();
     }
     render() {
-        return (h(Host, { key: '1eca1d8373f1f8bce38195b234b2aa6c85489d66', role: "menuitem" }, h("button", { key: '52681498cf89bd86b0d0e906009feccf49254424', class: "gux-avatar-overflow", ref: el => (this.overflowButtonElement = el), onClick: () => this.toggleOverflowMenu(), tabIndex: -1, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("span", { key: 'e542e692be6b5e40794526311b35647dafa77a5a', class: "gux-avatar-overflow-wrapper" }, h("span", { key: 'fcf9797285a72682a4a676f980f9da0ebf98ff55', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), h("div", { key: '390fe4b03689c2390022d871bcdf46cfeae773c3', class: {
+        return (h(Host, { key: '56dc6348cc414fa170fa0ee06fe064f3450882bc', role: "menuitem" }, h("button", { key: '5b73425d77f78fce9d87b33487cea1abef6cb0a3', class: "gux-avatar-overflow", ref: el => (this.overflowButtonElement = el), onClick: () => this.toggleOverflowMenu(), tabIndex: -1, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("span", { key: 'a23023d03fb1b759e35f06dea6be0114ba5873db', class: "gux-avatar-overflow-wrapper" }, h("span", { key: 'ae083e3bbf584b59f5a00eac3585b79fa916a712', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), h("div", { key: 'cab97c98d994f16c09b24f8545b8cd7200388892', class: {
                 'gux-menu-wrapper': true,
                 'gux-shown': this.expanded
-            }, ref: el => (this.menuElement = el) }, h("div", { key: 'e9775de055cf867360eb43ef87b56c1e4846d283', role: "menu", class: "gux-menu-content" }, h("slot", { key: 'f87d83d682723774826e175ddac0142daa5340f5' })))));
+            }, ref: el => (this.menuElement = el) }, h("div", { key: '715af9beb5866644e7524b641ce2206b6b1b86d3', role: "menu", class: "gux-menu-content" }, h("slot", { key: 'fd5723c2b0f9bb1039e043d505ff7dff3ba70a18' })))));
     }
     static get is() { return "gux-avatar-overflow-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.js CHANGED Viewed

@@ -190,7 +190,7 @@ export class GuxCalendar {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: 'f9dd6b158f82afd04c1279f96e48f8b23b5ac500', class: "gux-calendar-beta" }, h("slot", { key: '4d4fdb3c7e7dae6f21ae9c1c8d6d5c15a0f8abda' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: 'fe589082cfba8016996a368ed45f95d718774fc1', class: "gux-calendar-beta" }, h("slot", { key: '2b12cdfc0b4487b103691766dcb6adfa30ed2b23' }), this.renderHeader(), this.renderContent()));
     }
     static get is() { return "gux-calendar-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-cta-group/gux-cta-group.js CHANGED Viewed

@@ -62,7 +62,7 @@ export class GuxCTAGroup {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (h("div", { key: '4dd3eefd10c0b9ec4700a79c133808dd9a12d657', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: 'ae76a7d3ded9990c91b0da787f2a6bc8fd06854c', name: "primary" }), h("slot", { key: '3059cb1e5f5e9d6b63543968f32beeb00e851531', name: "secondary" }), h("slot", { key: '2c4362717183c21600dfbb85965214ba26670c84', name: "dismiss" })));
+        return (h("div", { key: '2d0d16094015def93abded1fa432a367fb2eccf1', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '33058a762539821802457d1544d141ed2fe6d3b2', name: "primary" }), h("slot", { key: '98c7963a90bef02f28b003666b1037d7442c181a', name: "secondary" }), h("slot", { key: 'f1f9a8c8a2070a5ea3f918d819e642b32e4e9a37', name: "dismiss" })));
     }
     static get is() { return "gux-cta-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-date/gux-date.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class GuxDate {
         }
     }
     render() {
-        return (h(Host, { key: '34a577a4ae435b5debd5f2d50b8443364b669445' }, this.renderDate()));
+        return (h(Host, { key: '491e0809d9072e6cdddb2fbb18e9a19b0bb827f6' }, this.renderDate()));
     }
     static get is() { return "gux-date-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-date-time/gux-date-time.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class GuxDateTime {
         }
     }
     render() {
-        return (h(Host, { key: '4774e2ef9e07408d3687e6021cf24eb25cb9ba5f' }, this.renderDateTime()));
+        return (h(Host, { key: '225dd061be97e285818fd2cc95dc91f3ab8caad3' }, this.renderDateTime()));
     }
     static get is() { return "gux-date-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-flag-icon/gux-flag-icon.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class GuxFlagIconBeta {
     }
     render() {
         var _a;
-        return (h("span", { key: '80dfde1a4fccf8bf90c3583b3a51d2885ef36014', role: this.screenreaderText ? 'img' : '', class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.screenreaderText }));
+        return (h("span", { key: 'ef1f50d6f962f62e9d7e40d00651e252461c6028', role: this.screenreaderText ? 'img' : '', class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.screenreaderText }));
     }
     static get is() { return "gux-flag-icon-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form-description/gux-form-description.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxFormDescription {
     render() {
-        return (h("slot", { key: '36b2592cec2fd1ac72858ebd2b3f7126be9d2fde' }));
+        return (h("slot", { key: '590c919181bec614d45a8835a90d417572edc1bb' }));
     }
     static get is() { return "gux-form-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form-fieldset-heading/gux-form-fieldset-heading.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxFormFieldsetHeading {
     render() {
-        return (h("slot", { key: '53b701049b6b3af92766ee428bb48e34ea97a7a8' }));
+        return (h("slot", { key: '2b0d39d5e011ed0259867db24b94e54e4f162f61' }));
     }
     static get is() { return "gux-form-fieldset-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form-footer/gux-form-footer.js CHANGED Viewed

@@ -11,9 +11,9 @@ export class GuxFormFooter {
         trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (h(Host, { key: '1800b2ba3ff355461ca245554972bd430275bd21', class: {
+        return (h(Host, { key: '0774e81704c625853d6f739af363d893252daaae', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, h("slot", { key: 'a51e6da5a63bf167e8fed7dfff493e21c9a7b947' })));
+            } }, h("slot", { key: 'f498ba2dfb986be5650304b20dc23fc57d3ab316' })));
     }
     static get is() { return "gux-form-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form-heading/gux-form-heading.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxFormHeading {
     render() {
-        return (h("slot", { key: 'ab8e68c9891db9e8ed2186c43228a344187ee889' }));
+        return (h("slot", { key: 'c92319be9b754d89b654624db16477a68a11a9ea' }));
     }
     static get is() { return "gux-form-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxForm {
     render() {
-        return (h("slot", { key: '0609f7683ca92e45a2e0d2002c28e0d96640b40c' }));
+        return (h("slot", { key: '8985cb89deebce3d1358851b2816832daab4e646' }));
     }
     static get is() { return "gux-form-beta"; }
     static get encapsulation() { return "shadow"; }