@xplortech/apollo-core 3.1.0 → 3.2.1

package/dist/esm/xpl-tabs.entry.js

@@ -324,11 +324,11 @@ const Tabs = class {
     }
     render() {
         const isSegment = this.type === 'segment';
-        return (h(Host, { key: '74e82ed3665bf7d8337d16f6253c2ae79d421473', class: {
+        return (h(Host, { key: '0bb77237fce464cc536ce4efabb29249fa14ef4a', class: {
                 'xpl-tabs': true,
                 'xpl-tabs--full-width': this.fullWidth,
                 'xpl-tabs--segment': isSegment,
-            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '8b706667897c20145cdd528b692affb0db7f7ebc', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
+            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: 'fbcc113cc9a308df73bf99f6c941612725e49ddb', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
                 if (event.detail) {
                     this.isMobileSelectChange = true;
                 }
@@ -339,17 +339,17 @@ const Tabs = class {
                     this.tabChange.emit(selectedValue);
                     this.isMobileSelectChange = false;
                 }
-            } }), h("nav", { key: 'd23f6edc5da0525e4c8fc10aa30af64986fdda36', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
+            } }), h("nav", { key: '1b93068116c5ff0ac94d5139e147daffc1157c73', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
                 this.headingsContainerRef = el;
             }, onTabChange: (event) => {
                 event.stopPropagation();
                 this.isMobileSelectChange = false;
                 this.handleTabChange(event.detail);
                 this.tabChange.emit(event.detail);
-            } }, !isSegment && (h("div", { key: 'd2d080ffc049a408f2d93f3ce3bc694c0954ece3', class: "xpl-tabs__active-bar", style: {
+            } }, !isSegment && (h("div", { key: '38a88df2520d308e3a22b4cd70ff274af7403616', class: "xpl-tabs__active-bar", style: {
                 transform: `translateX(${this.activeBarPosition.left}px)`,
                 width: `${this.activeBarPosition.width}px`,
-            } })), h("slot", { key: '8c4b1403048b0eba5125abfc22494641aaf955cf', name: "heading" })), h("div", { key: '54a04bd883f364457cdf5922cad8ac2b42eceb61', class: "xpl-tabs__panels" }, h("slot", { key: '2b51ebd00605dfbd76c6018d74f63f954016a025', name: "panel" }))));
+            } })), h("slot", { key: 'dc30ab2123d7c1c8b6591ac0129af44da3795977', name: "heading" })), h("div", { key: '36c1fc45216499d4af87b8fc536df3ea6af666ab', class: "xpl-tabs__panels" }, h("slot", { key: 'a660913c7d2fce500da666490b600b4c7fc93746', name: "panel" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-toast.entry.js

@@ -69,11 +69,11 @@ const Toast = class {
         }
     }
     render() {
-        return (h(Host, { key: '8628e33a84d0ca36d5b99c791cf7860cadae6fb8', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'd1ea50362731f7cef97152eac2962f4d4084c514', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '7eab4f78d0f8a2f5af12eeb1d74b14c300914841', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '335be6f702b7300498d2960cb7184fe1fec059b4', class: "xpl-toast__notification" }, h("p", { key: '1178d039190352d0482ae7486711ab2adfd2cc8f', class: "xpl-toast__title" }, h("slot", { key: '75a98536db36c7a140b3d908cbd8f3d2e201ca81', name: "title" })), this.caption !== '' && (h("p", { key: '009bba836fe9abbf34edf4618dd172961e9440fa', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '4f47e498ea0c7627d9041a7a2e898fcecff9f59c', class: "xpl-toast__action", ref: (el) => {
+        return (h(Host, { key: 'd51d901c62de43e0ad248a626e0447a7849e50f3', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'e2e3585a43272f51f6ace1ce62544ae41464a3e5', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: 'e3fd60595f205d8e15ed3ca1826e5e6d356e1a63', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '49642e6ee5502c09deb32188b62a160f748bb564', class: "xpl-toast__notification" }, h("p", { key: 'f7176eea6e6e125bec0c4397b0399bb76e8554b7', class: "xpl-toast__title" }, h("slot", { key: 'd5dd0d0413ec4f8198d16f8689791614fea877bc', name: "title" })), this.caption !== '' && (h("p", { key: '966112d3fe6dc1348341034685c606ca98e95d84', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: 'c9ba66aaf64f191d5bab1c3290e0981a86a3ef91', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, h("slot", { key: '6ad3199d265b1298ea8200ba53690dcc92bdbf92', name: "action" })), this.isDismissible && (h("div", { key: 'b1a1a790a592f5e4c7573c819b0c997a210bd68a', class: "xpl-toast__close" }, h("xpl-button", { key: '2d9ad71fc8f8233f2fc12453ca8268fd5f1d8f74', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, h("slot", { key: 'faad90759fd343be3caa4540422c09d04642a217', name: "action" })), this.isDismissible && (h("div", { key: '25f1140170ec9a242e62c6665ebf0eb8aa1bae64', class: "xpl-toast__close" }, h("xpl-button", { key: '635900d579bda4fb905c7280de700de1143d474b', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-toggle.entry.js

@@ -19,13 +19,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: '20b5e00613ac0f2567224d3ff2bcd7b7f761a8fc', class: containerClassName }, (this.heading || this.description) && (h("label", { key: 'a41dfe6403c629ef05792ba8dc7f0632fca9ca37', class: {
+        return (h(Host, { key: '79915f2091093b5440ca3a8e63584e448137f479', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '6660a95ec66eec9ed33016efcf58aaf0940f6f47', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'b0e1d30a0f5b358a7f588d3f8f0bc32f440b69df', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '160f0a90739142bc37779af28725183979de5a4c', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
-            } }, this.description)))), h("input", { key: 'a59406c7cccf8a43349841bb060496ce0832823f', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '276ce3ec937627fd9d21f2b3771d9c779c5f91f1', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: 'b136188b1de98d1ede875bf9f80b97c9ee66321d', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '0329f2badfa3b3e8c1153c2e5baa4ee76e40ac5d', htmlFor: this.id }, this.label)));
     }
 };
 

package/dist/esm/xpl-toolbar.entry.js

@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: 'd834b3f68a399f33c02e2a7d85623d9fbe2a21e2', class: {
+        return (h(Host, { key: '688ada0542f0634df6b447331833205149e88a94', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '54c4638e003685ade49f243f688e3ff5997f8759', class: "toolbar" }, h("p", { key: '92815a7d1b10582742906aefa0ee9ef81311c459', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'dc1b9ee686a57bd7bca45785f90586751770f556', class: "actions" }, h("slot", { key: '2cc26af5467e9ad44962bd1ac65f0b1087f86f7f', name: "actions-left" }), h("slot", { key: 'f5f46662191f52c79f81ffd1ce47a492041c10ad', name: "actions-right" })))));
+            } }, h("div", { key: '6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7', class: "toolbar" }, h("p", { key: '60923603e318d109fd794259863a684d749ed52b', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '77df55c910d8ce89a4ff2a0356bc7cf78120e49a', class: "actions" }, h("slot", { key: '5de2e6bd168c31be133c55758acd2f95c56b715c', name: "actions-left" }), h("slot", { key: '3f8b3540adbd441c28771410f4d33e29d87d3be9', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-tooltip.entry.js

@@ -9,7 +9,7 @@ const Tooltip = class {
         this.hideArrow = false;
     }
     render() {
-        return (h(Host, { key: '834ba80f410bd7ed079b674b6f1d110235aaf826' }, h("div", { key: 'e45a7048339ce835ecabf5ef832a5ef2df6ded70', class: "xpl-tooltip-container" }, h("slot", { key: 'f56272df982aa6dc72ba2bf9776017235223de95' }), h("div", { key: 'c5b1054301d08e1b83da61b565f0116f83f395c7', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: 'e6a833629cf409644969d9c4da461a2016f2986b', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '7a5893a25978635864ada200aea48660ca90d33c' })))))));
+        return (h(Host, { key: '916a12e608a6e40c40ddfdbe40f12e115215758e' }, h("div", { key: '2f6c39a146fb2ba830306933309ffad9e8919eab', class: "xpl-tooltip-container" }, h("slot", { key: '39b1b2cf370620b96fd00b6343dc0896791ad510' }), h("div", { key: '34198d0f1184a3e05236a508e94531f503309691', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '42f42b07b4f0ae6bd7cbd31837e4846a28ed4e72', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'af8672da89cda34507e53906937e600400b26953' })))))));
     }
 };
 

package/dist/esm/xpl-top-nav-item.entry.js

@@ -409,7 +409,7 @@ const TopNavItem = class {
         return (h("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (h(Host, { key: 'f895d73fc0f4c07150e9cd1c34d7b78a338a2032', class: {
+        return (h(Host, { key: 'fe53cfd84cba8502089c4a3fae62dfed10c0cdf0', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -417,7 +417,7 @@ const TopNavItem = class {
                 'xpl-top-nav-item--has-dropdown': this.hasDropdown,
                 'xpl-top-nav-item--selected': this.selected,
                 dark: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '3ec121421a45b3e5ef00f3fe76be80c910759f02', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '715393a7ba3474c1afc9e0aa29276335537021e5', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '954f83c94bd56d9bd328212f2ecc070861b1fd54', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '4d830a9386f12026cd1a2ecb454bcb9df2202431', name: "dropdown" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-top-nav-menu.entry.js

@@ -78,10 +78,10 @@ const TopNavMenu = class {
         return (h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
     }
     render() {
-        return (h(Host, { key: '4b28448ecb93e59d9bdc731a8b56dd42ebda2c66', class: {
+        return (h(Host, { key: '10a844d721713b72f636a8a3a3e266139b9c0193', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'aa51dc10509298e469ca41a99ae7108283ee8f89' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'e7db1c580f34bf388658f6baacfc325322e2670e' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-top-nav.entry.js

@@ -307,7 +307,7 @@ const TopNav = class {
         }
     }
     render() {
-        return (h(Host, { key: '00d598070bc4cee97d311206f48bf5cd873dcc8e', class: {
+        return (h(Host, { key: 'f51ed285523198b4ef39de7ea1e5dc025d5a308a', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -315,15 +315,15 @@ const TopNav = class {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, h("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '37589314adb7f9cc4a33dd4bc421b2473ece5b54', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, h("nav", { key: 'c2c14ed2ba975299efd76a391dfd6371b9214449', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'c223b947ffbcb55c6c6a06fa3adaeaee7661b61e', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: 'd364b6dd709d59730d40e7a0d41f9dd8fd55d40b', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'b84614dc20189f641b2f5a08eef1c76610135598', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '90b104133cbdea89643923fd06f54179978862a5', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: '2b40b31ba1312a76231f7a89b1e95508a5a146a1', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'ca3e9b4501ab3756301b2079bcb9632734e56922', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, h("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), h("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
+            } }, h("div", { key: 'f2674faf140853536150058d13a5d40c7399979e', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: '29363ac15d3f3bf7a43b237a7f7e0622c5bd54c4', name: "left-aside" })))), h("div", { key: '7c83bd0a80649b9cbe9ed757ead1136b6fabd09c', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, h("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, h("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, h("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+            } }, h("div", { key: 'c67e6d3365d90cd7f7c55b08dcc4fa56dcb3e291', class: "xpl-nav-right__list" }, h("div", { key: '46b9c3b0b010bf52a5632bc81b279310c0a54438', class: "xpl-top-nav__right-rail" }, h("div", { key: '72279d15a5464dfabd9f92c04bc231e270ea04b9', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'd8b44d01141f9cfbeb7d6b019345ffc8c94fd0c3', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
                 ? undefined
                 : 'Open account menu' }, this.childAccountLabelText.length > 0
             ? this.childAccountLabelText

package/dist/esm/xpl-utility-bar.entry.js

@@ -14,7 +14,7 @@ const UtilityBar = class {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (h(Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, h("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
+        return (h(Host, { key: '9bb4778368fca3035fc19b74ec3881b9c21ce856' }, h("nav", { key: '909606f5baaef1a9c7402ac18107a607aa1df742', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: 'd6bce27702906a01823de67d63173406ceb06290', name: "main" }))));
     }
 };
 

package/dist/types/components/xpl-table/utils/move-row-dom.d.ts

@@ -0,0 +1,3 @@
+export declare function getNearestTableBodyRowFromNode(node: Node | null): HTMLXplTableRowElement | null;
+export declare function getNextVisibleTableBodyRowAfter(element: Element): HTMLElement | null;
+export declare function moveRowInTableBody(body: HTMLElement, draggedRow: HTMLElement, dropTargetRow: HTMLElement): void;

package/dist/types/components/xpl-table/utils/table-internal.d.ts

@@ -0,0 +1,8 @@
+export declare const XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = "xplTableColumnWidthsChange";
+export declare const TABLE_HEADER_CELL_MIN_WIDTH_PX = 48;
+export declare const getGridColumnWidthFromHeaderCell: (cell: Element) => string;
+export declare const SELECTION_MARK = "data-xpl-selection-managed";
+export declare const ROW_REORDER_MARK = "data-xpl-row-reorder-managed";
+export declare const getSortAffordanceIconName: (sortDirection: "asc" | "desc" | null | undefined) => "arrow-down" | "arrow-up";
+export declare const cycleSortDirection: (current: "asc" | "desc" | null | undefined) => "asc" | "desc" | null;
+export declare const getIconType: (sortType: string | null) => string;

package/dist/types/components/xpl-table/xpl-table-cell/xpl-table-cell.d.ts

@@ -0,0 +1,11 @@
+export declare class XplTableCell {
+    el: HTMLElement;
+    align: 'left' | 'right' | 'center';
+    bold: boolean;
+    disabled: boolean;
+    onDisabledChange(): void;
+    underline: boolean;
+    componentDidLoad(): void;
+    private propagateDisabledToSlotted;
+    render(): any;
+}

package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export interface HeaderSortChangeDetail {
+    columnIndex: number;
+    sortKey: string;
+}
+export declare class TableHeaderCell {
+    el: HTMLXplTableHeaderCellElement;
+    align: 'left' | 'right' | 'center';
+    checkboxAriaLabel?: string;
+    checked: boolean;
+    columnWidth?: string;
+    watchColumnWidth(): void;
+    icon?: string;
+    indeterminate: boolean;
+    label?: string;
+    sortDirection?: 'asc' | 'desc' | null;
+    sortKey?: string;
+    sortable: boolean;
+    type: 'label' | 'checkbox' | 'icon' | 'empty';
+    width?: number;
+    watchWidth(): void;
+    headerCheckboxChange: EventEmitter<boolean>;
+    headerSortChange: EventEmitter<HeaderSortChangeDetail>;
+    componentDidLoad(): void;
+    private notifyColumnWidthsChange;
+    private onHeaderInnerCheckboxChange;
+    private getColumnIndex0;
+    private getSortKeySlug;
+    private onSortActivate;
+    private renderLabelText;
+    private renderLabelContent;
+    render(): any;
+}

package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts

@@ -1,6 +1,13 @@
 export declare class XplTableRow {
+    private cellObserver?;
+    el: HTMLElement;
     disabled: boolean;
+    onDisabledChange(): void;
     rowId?: string;
     selected: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
+    private propagateDisabledToCells;
     render(): any;
 }

package/dist/types/components/xpl-table/xpl-table.d.ts

@@ -1,40 +1,144 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+export interface XplTableRowOrderChangeDetail {
+    rowId: string;
+    direction: 'up' | 'down';
+    orderedRowIds: string[];
+    fromIndex: number;
+    toIndex: number;
+}
+export interface XplTableSortChangedDetail {
+    colNum?: number;
+    colName?: string;
+    sortTypeArr?: ('asc' | 'desc' | null)[];
+    [slug: string]: 'asc' | 'desc' | null | number | string | ('asc' | 'desc' | null)[] | undefined;
+}
 export declare class Table {
     private static selectAllSeq;
+    private container;
+    private columnWidthsToken;
+    private lastEmittedRowSelectionKey;
+    private selectAllValue?;
+    private tableInstanceId?;
+    private draggedRow;
+    private pendingDragRow;
+    private pointerUpClearPending;
+    private reorderAnnounceRaf?;
+    private reorderKeyboardTimers;
+    private readonly onReorderHandleKeydown;
     el: HTMLXplTableElement;
+    areAllSelected: boolean;
+    colCount: number;
+    hasScrolled: boolean;
+    private keyboardReorderRowId;
+    private reorderLiveMessage;
+    rowData: string[][];
+    rowFooterData: string[][];
+    selected: (string | boolean)[];
+    selectedRowIds: string[];
+    sortTypeArray: ('asc' | 'desc' | null)[];
     columns?: string[];
+    watchColumns(): void;
     data?: string[][];
+    watchData(): void;
     footer?: string[][];
+    watchFooterData(): void;
     freeze?: boolean;
+    isSortable?: boolean;
+    label?: string;
     multiselect?: boolean;
+    reorderHandleIcon?: string;
+    watchReorderHandleIcon(): void;
+    reorderHandleIconKeyboard?: string;
+    watchReorderHandleIconKeyboard(): void;
+    rowReorderable: boolean;
+    watchRowReorderable(next?: boolean): void;
+    selectable?: boolean;
+    watchSelectable(next?: boolean): void;
+    selectedValues?: string[];
+    sortableColumns?: boolean[];
     striped?: boolean;
-    selectedValues: string[];
-    isSortable: boolean;
-    sortableColumns: boolean[];
-    areAllSelected: boolean;
-    rowData: string[][];
-    hasScrolled: boolean;
-    selected: (string | boolean)[];
-    sortTypeArray: ('asc' | 'desc' | null)[];
+    rowOrderChange: EventEmitter<XplTableRowOrderChangeDetail>;
+    rowSelectionChange: EventEmitter<{
+        selectedRowIds: string[];
+    }>;
+    sortChanged: EventEmitter<XplTableSortChangedDetail>;
     tableSelect: EventEmitter;
-    private selectAllValue?;
-    private container;
+    componentWillLoad(): void;
+    private ensureSelectAllValue;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    handleHeaderCellColumnWidthsChange(ev: Event): void;
+    handleCompositionalCheckboxChange(ev: CustomEvent<string | boolean>): void;
+    handleCompositionalHeaderCheckboxChange(ev: CustomEvent<boolean>): void;
+    handlePointerDownExitKeyboardReorder(ev: PointerEvent): void;
+    private handleReorderHandleKeyDown;
+    handleRowReorderPointerDown(ev: PointerEvent): void;
+    handleRowReorderDragStart(ev: DragEvent): void;
+    handleRowReorderDragEnd(ev: DragEvent): void;
+    handleRowReorderDragOver(ev: DragEvent): void;
+    handleRowReorderDragEnter(ev: DragEvent): void;
+    handleRowReorderDragLeave(ev: DragEvent): void;
+    handleRowReorderDrop(ev: DragEvent): void;
+    private get isLegacyMode();
+    private ensureTableInstanceId;
+    private generateRowId;
+    private syncCompositionalLayout;
+    private getDirectChildTableSection;
+    private isDirectChildBodyRow;
+    private isCellInOurCompositionalHeader;
+    private getSelectionColumnIndex;
+    private static getBodyRowCells;
+    private queryBodyRows;
+    private querySelectableBodyRows;
+    private static getRowIdForRow;
+    private ensureBodyRowIds;
+    private removeManagedReorderCells;
+    private getSelectionSlotCellForReorderOrder;
+    private normalizeManagedColumnsOrder;
+    private syncReorderColumn;
+    private ensureHeaderReorderCell;
+    private ensureBodyReorderCells;
+    private getResolvedIconForRow;
+    private syncInjectedReorderHandleIcons;
+    private syncReorderHandleKeyboardA11y;
+    private attachReorderHandleKeydownListeners;
+    private detachReorderHandleKeydownListeners;
+    private performKeyboardRowReorder;
+    private ensureFooterReorderCells;
+    private static supportsSubgridBodyRow;
+    private applyReorderRowDraggableState;
+    private getVisibleBodyRowsForReorder;
+    private clearReorderDragOverClasses;
+    private clearPendingDragListeners;
+    private announceRowReorder;
+    private pruneStaleSelectedRowIds;
+    private static getBodyRowCheckboxAriaLabel;
+    private applyBodyCheckboxStates;
+    private getHeaderCheckboxCell;
+    private applyHeaderCheckboxState;
+    private syncRowSelectedProps;
+    private emitCompositionalSelection;
+    private isEventFromThisTable;
+    private static sortKeyFromHeaderCell;
+    handleCompositionalHeaderSort(ev: CustomEvent<{
+        columnIndex: number;
+        sortKey: string;
+    }>): void;
+    private legacySortStatePayload;
+    private legacySortChangedDetail;
+    private getCompositionalHeaderCells;
+    private updateColumnWidths;
+    private onGridScroll;
     private selectAll;
     private selectOne;
-    private onChange;
-    private onScroll;
+    private onSelectionChange;
+    private onLegacyScroll;
     private sortBy;
-    sortChanged: EventEmitter<{
-        colNum: number;
-        colName: string;
-        sortTypeArr: ('asc' | 'desc' | null)[];
-    }>;
     private handleSort;
     private setData;
-    watchData(): void;
-    watchColumns(): void;
-    componentWillLoad(): void;
-    private ensureSelectAllValue;
-    private ensureSortTypeArray;
+    private setFooterData;
+    private renderLegacy;
+    private renderCompositional;
     render(): any;
 }