udp-stencil-component-library 25.18.1-beta.8 → 25.18.1-beta.9

package/dist/components/udp-page-header2.js

@@ -19,7 +19,7 @@ const UdpColumnHeader = /*@__PURE__*/ proxyCustomElement(class UdpColumnHeader e
         this.valueChanged.emit(value);
     }
     render() {
-        return (h("div", { key: '62694c91f184154c96d4aee72bd33a61ebd62e00', class: "header-container" }, h("div", { key: '6ba17644c55afa3ae86174f042aecc9295d2f31d', class: "title" }, h("unity-typography", { key: '36f3684b89a6ff782e478b136ea1c001739d3bab', variant: "button" }, "Filter Conditions ")), h("div", { key: '22c7cd1d9b74156346ddaf38b40e1896f71c5b38', class: "radio-group" }, h("div", { key: 'b0d4e56161e8209c7f9cfb76c23841807379b449', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '32814de2f1db507fafb23d4e8f50d683c71ce38e', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '8d0d1a59f8b7e01f7f9f9ac0880798f465ee9a7d', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '5e07dc46080eb677e28dedca56e98fdd466cf8c0', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
+        return (h("div", { key: 'ac5b39592ebd163ccc5b8c7ddb983a277115e9d9', class: "header-container" }, h("div", { key: '2a619102d28e718ffe0a5006ea97879f1af5b151', class: "title" }, h("unity-typography", { key: 'ad9ad7479e21c3ad55eb4cdf5e2f44a32ee948fb', variant: "button" }, "Filter Conditions ")), h("div", { key: '3cb33cb74190cbee0a958ee612e14a28d68072fc', class: "radio-group" }, h("div", { key: '3393b068dbc7aa349a85b4355540c4f046dfa6a0', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '3d12495e652f1203d38514d6ae278e5b960bf502', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '9f767c0b4b022fd6c20db752291edb2c9ad3fdde', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '8c854533ba102e72f7b2b6c9ee74cff316eb9ead', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
     }
     static get style() { return udpPageHeaderCss; }
 }, [257, "udp-page-header", {

package/dist/components/udp-page.js

@@ -24,7 +24,7 @@ const UdpPage$1 = /*@__PURE__*/ proxyCustomElement(class UdpPage extends H {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: '9a506250a5ee7200c405e7f3fe0a018dda294ab4', style: style }, h("slot", { key: 'eea699d0fed23736cfe071b86ac1449a52f51b0f' }), " "));
+        return (h("div", { key: '9d70877a7fbe290ad177084f25f3058bf74a8390', style: style }, h("slot", { key: '8318769588558d8b958c56a88452d1ea042f97ff' }), " "));
     }
     static get style() { return udpPageCss; }
 }, [257, "udp-page", {

package/dist/components/udp-pop-over-grid-action-header2.js

@@ -44,7 +44,7 @@ const UdpPopOver = /*@__PURE__*/ proxyCustomElement(class UdpPopOver extends H {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (h("div", { key: '8db3050c709cd4652f36b7f7fccdf5474fef6786', class: "popover", style: style }, h("unity-typography", { key: '1d45adc91c79e9c417161bedd9c347884738b612', variant: "caption-text" }, h("slot", { key: '4782e7ff5fef34f131e21b3c6e85c6162543aa11' }))));
+        return (h("div", { key: '501d862f26a26f625a33c7ab6fd5dd83888cabfd', class: "popover", style: style }, h("unity-typography", { key: 'b77f4fcad25be974b79aa6a72d4b47e37c4d751f', variant: "caption-text" }, h("slot", { key: 'fc35f9c5ae175c396d908e85fb92dd8e0b3f4558' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-pop-over2.js

@@ -121,7 +121,7 @@ const UdpPopOver = /*@__PURE__*/ proxyCustomElement(class UdpPopOver extends H {
             maxHeight: this.popoverMaxHeight,
             overflow: this.overflow
         };
-        return (h(Host, { key: 'a064210032eb7db2bba02fee5c9a857fffc4cbcf' }, h("div", { key: '1cd02d254250afed442607f0925613dafb0ef63f', class: "popover", style: style }, h("slot", { key: '085cca6f9a387c33b56fd18d41b54fbfd4b59b90' }))));
+        return (h(Host, { key: '4459a8369eaff06485b83076205de4a2b71b8174' }, h("div", { key: '7fbd552e4a485fc2c913202d3c1baa5c68f1a64f', class: "popover", style: style }, h("slot", { key: 'a207f724e5941865b0221b28e42883b69e427d25' }))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-radio-button2.js

@@ -13,7 +13,7 @@ const UdpRadioButton = /*@__PURE__*/ proxyCustomElement(class UdpRadioButton ext
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: 'aa3fcd7570cb96b9e9d024e3f1214ed8fb0de6e2', class: "udp-radio-button" }, h("slot", { key: '8158e23ea7ff466cd66748ac8c6bbf00c03f7011' }, h("input", { key: 'b6a3a48346f421b2c84ef55f16d26717abc5c179', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '27beb73bc9f996499c0fc69ea74cf6d0f87b50e2', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: 'c339d392e61f02fabb1cf35478fd955922627478', variant: 'caption-text' }, " ", this.label, "  "), " "))));
+        return (h("div", { key: '1bf7fc9f24dfff966b384a52b51be3b3afaaa76a', class: "udp-radio-button" }, h("slot", { key: 'a04ce2e85cf69868add7dcd1f8d51829e3adbcb5' }, h("input", { key: '6062007ab20d41039dde00069e6df1dd22eaff3f', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '448388a4d86306f411e927568d7df3e7e40a16a6', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: 'a71401bee9ddc1cf2a306583a13b3cd4a5180c30', variant: 'caption-text' }, " ", this.label, "  "), " "))));
     }
     static get style() { return udpRadioButtonCss; }
 }, [260, "udp-radio-button", {

package/dist/components/udp-sankey-chart.js

@@ -74,7 +74,7 @@ const UdpSankeyChart$1 = /*@__PURE__*/ proxyCustomElement(class UdpSankeyChart e
         }
     }
     render() {
-        return (h("chart-container", { key: 'd172e6bdf59852b931e71f23412adac1d34f4773', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '6417cebcb21362b9653a8cae10dd81a111f22daf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-selector2.js

@@ -328,7 +328,7 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (h(Host, { key: 'ff3d430a821267669e8ba41d4d814be594042f0c', class: {
+        return (h(Host, { key: 'a9e2eebce84a6111dde139a5071b7563d06b2c64', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -338,9 +338,9 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
                 'udp-input--large': this.large,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'b81f9ba1806adfade81fb55b0f9ecc1fba2ce305', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'b207e16041dda5996f21e58c7d305a19ae9a5810', variant: "caption-text" }, h("label", { key: 'babd3165a21c7ff38199494a6276ee2c814632c5', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '08bd70119c4f353d8ad318e298da088e2812fd99', class: "udp-selector__container" }, h("div", { key: 'b4aff7c12f9199ce974bb9591812ff9ddd94ef46', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '3cd969528cea22bfc24b98e73711d474fc0591ac', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '3de45f16b31c530906698104455c5fedbf561ca4', variant: "caption-text" }, h("label", { key: '5ceddaf68f4339d544fdb96788fd876907bfd3dd', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '7b4b9a5a30857aea7efc4f045bc2ecc3b82e9453', class: "udp-selector__container" }, h("div", { key: '7b555975278ac0e26e7c317539f2cb7b9c2c24cd', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
             // @ts-ignore
-            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'fdc3d8248a8de967b0136f9cb8a259fcf0f309f2', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: '3bec9703ee182cdcb8e8697a356288b55079f303', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -349,7 +349,7 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '7bf13954e3374093da80d54c53f43d110f6575a5', class: "checkmark" }), h("div", { key: 'd3fe7ba8c3ab16fdc1073a8c9b494fbe324f23d0', class: "arrow" })), this.isOpen && (h("ul", { key: '0be46a38647b29310324b446993121d404e7bd77', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: '6fdfcb547313774dc09085af93e07c75379097cc', class: "error-message" }, h("unity-typography", { key: '93ff63ec2f2c8e318bcdd51bbbf88ad7047a8dbc', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '4448f90e3655a59440c37bcf55294bbe99cd9dbc', class: "checkmark" }), h("div", { key: 'd6a0f2fac80e4358528f6c34dab0fc14fd815e71', class: "arrow" })), this.isOpen && (h("ul", { key: '80676247f6cd11ac3f89006e989ec8e417d61a74', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: 'b6747a44312f3b35dbdeedad66e84fbb2da9ccd6', class: "error-message" }, h("unity-typography", { key: '2b134d1e82b86b14503fb29b8dd7df439662b315', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.

package/dist/components/udp-side-sheet2.js

@@ -241,27 +241,27 @@ const UdpSideSheet = /*@__PURE__*/ proxyCustomElement(class UdpSideSheet extends
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (h("udp-icon", { iconName: this.headerActionButtonIcon, color: "inherit" })) : undefined;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        const overflowIcon = h("udp-icon", { key: '3262baafbf833e25e0b4d1128b24fb503d1dd157', iconName: "overflowMenuVertical", color: "inherit" });
-        return (h("div", { key: '780c5705588899683400da7bce6569ad8ce15d30', class: "backdrop", onClick: this.onCloseBackdrop }, h("div", { key: 'a68811f8a6c59239c60c048453bb63eae7ed7ee0', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '82207996d3f164f4e4a27132a64d6ce6b82ac401', class: "title-container" }, h("div", { key: 'e29501f861893b9e61f72509c44c337e7d1a5fb1', class: "close-button" }, h("stencil-icon-button", { key: '8980a42b0d47582a0fd91998cafe5c57982e9c04',
+        const overflowIcon = h("udp-icon", { key: '8e59af17cf1b7020e45a13929dd9e46278a9a068', iconName: "overflowMenuVertical", color: "inherit" });
+        return (h("div", { key: 'bbd54f9f207337e25c445e1dd43e777e61ebaa76', class: "backdrop", onClick: this.onCloseBackdrop }, h("div", { key: '463d433bf00b07005353a55fd677617d514300a6', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '70075153a5213fb6fcf9aa9cfb76092d878c5887', class: "title-container" }, h("div", { key: '60e47f939481d0034c2ba21a6b0b1fd0e9d6c287', class: "close-button" }, h("stencil-icon-button", { key: 'a75372ccf0f85bcac71603564855e0012f60bae0',
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            icon: Close24, onClick: this.onClose, secondary: true })), h("div", { key: '6b71ecb62ed1bac4560ca3e8e4ff1f643ee98555', class: "title-text" }, h("unity-typography", { key: 'b5f420d289dd23f040100d82def0ff635038cafd', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (h("div", { key: '65b8198f2a63096839fa678b6b69761ea2a93196', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
-            _b.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (h("udp-button", { key: 'a9985bcd675163a0a3dc47ea88cfe35e98a830fb', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
+            icon: Close24, onClick: this.onClose, secondary: true })), h("div", { key: 'f5b7ad789cdae7a39a1d2f4625ccd1b29ca0691e', class: "title-text" }, h("unity-typography", { key: '0a9b9c05421673e376ebf4ff48e9d54b5f38b816', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (h("div", { key: '824c51aa4f6a3d22cb846448b9d04940f1bfe73b', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
+            _b.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (h("udp-button", { key: '01a18162e4c3ca98c3e3bb3fb79f2d8f288a657e', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), h("div", { key: '362358edc955be022239e6662a0403baf49a4444', class: "loader-container" }, h("udp-linear-loader", { key: '0f93c37fc52e8400fbdb2d0db0879b49eb605859', class: { 'is-loading': this.loading }, color: "primary" })), h("div", { key: 'a2e70b272eb6f02878845350b7057908fdbb0cb2', class: { content: true, padding: this.padding } }, h("slot", { key: 'c6128fac4e8549fda3c25db826ed0377759a3bbb' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (h("div", { key: '2d408d1f87df636effab01487739762b52c8897f' }, h("div", { key: '2fbdee5102a9837cc26d3f0cafb37141ebcc1527', class: "loader-container" }), h("div", { key: '8ba75738ab5ac6c4d33f828988f2d1e85ae1e3d5', class: {
+            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), h("div", { key: '2fc8c688b4a53b82c497943594cbd58396ff6deb', class: "loader-container" }, h("udp-linear-loader", { key: '301925168c0cbf064987a121948317ff5ebeb728', class: { 'is-loading': this.loading }, color: "primary" })), h("div", { key: '61de55a5e32c71982d3d90dc242d75c2e14d8a1e', class: { content: true, padding: this.padding } }, h("slot", { key: '14aea9d974a1af2325d7bc7574cea561218c02fb' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (h("div", { key: '1b036a85a6a499a8cbda3333d51ff96afb66a7f5' }, h("div", { key: 'e2c38b8ce3c6c8b80da87c4a938cf9bf0bcd1e1d', class: "loader-container" }), h("div", { key: '4510dc03ffa1eeb3776dfb7de10e641acf18cb2b', class: {
                 footer: true,
-            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '13c00f7ff092655600f11885ce39d9acd4b9b26a', class: "footer-secondary-buttons-container" }, h("div", { key: '9bc81711a693c84bdab3274e67588193dc226203', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (h("udp-button", { key: '92c871d74675c9fd42ac890d9c5efe8e39a6aeb2', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
+            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'ee00d11046a044b0a0c2fa51e45adfa9678fa4c1', class: "footer-secondary-buttons-container" }, h("div", { key: '953c029aab16c60de3b8f717a10bf7bf3d042489', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (h("udp-button", { key: '44c23081cb66dd26598c1f77c89a2b49e6fcc6e3', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (h("udp-button", { key: '94acda01904ab4265ced91dd6ef6e6d9ab788784', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (h("udp-pop-over", { key: 'c839371b5401fb7433417cba6b705c08c2242c09', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, h("div", { key: '368023d9643a123acfa8215dab9ceaa85e613fbf', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
+            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (h("udp-button", { key: 'cf898a3b44e55d43f6c9556429de2f230508f2c1', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (h("udp-pop-over", { key: '1685cb92b649360b680f75d7009d2394fc5db160', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, h("div", { key: '80993bf78dc2c248e0b33578c2418413467c0379', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
                 item === null || item === void 0 ? void 0 : item.onClick();
                 this.handleCloseOverflowMenu();
-            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), h("div", { key: '2dfb53eb181826fce129e856a4427da9edaeb756', ref: el => (this.measurementContainerRef = el), style: {
+            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), h("div", { key: '41a63c50ea0c6f348e962368b9b6867b8d7310d4', ref: el => (this.measurementContainerRef = el), style: {
                 position: 'absolute',
                 visibility: 'hidden',
                 pointerEvents: 'none',
                 display: 'flex',
                 gap: 'var(--spacing-02, 4px)',
             }, "aria-hidden": "true" }, (_g = this.footerSecondaryButtons) === null || _g === void 0 ? void 0 :
-            _g.map((item) => (h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (h("udp-button", { key: '5e6f99245f8649cbacfee9c34a88967966c2e856', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
+            _g.map((item) => (h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (h("udp-button", { key: '520a7ecd6b5859e2ff541bbd79be522c0b905cd6', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-skeleton-loading2.js

@@ -15,7 +15,7 @@ const UdpSkeletonLoading = /*@__PURE__*/ proxyCustomElement(class UdpSkeletonLoa
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: '8af6143940732dff91329dbd3acd7f0f9b9f2f97', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '890870d09f1a34c25a89de82a1c4576341ce2e14', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
     static get style() { return udpSkeletonLoadingCss; }
 }, [257, "udp-skeleton-loading", {

package/dist/components/udp-split-screen.js

@@ -59,7 +59,7 @@ const UdpSplitScreen$1 = /*@__PURE__*/ proxyCustomElement(class UdpSplitScreen e
         }
     }
     render() {
-        return (h("div", { key: 'ca232222c0c85071eb987d373ad1541631070e3e', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c221965b0e7542253986c878b05cc656289431e9', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '4edf17b48cf6d2e89826878ede587f0a9e2ce1e8', name: "first-panel" })), h("div", { key: '51b5ea69206ebf1221cbb9dbed3f9456fbf54c59', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '86d906ebb8e8561e7e564b6c8b4af62a03e1653c', class: "drag-handle" })), h("div", { key: '28fba6e4b0f176b7e08c1f29a3edc045f66346e8', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: 'b1215db69a194eced28d595a39322afbe4c7ccde', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'ae2926169301f17c2ee273430ce42d96cfaad170', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'd87e238ab4f5f2778feb496f21f317f46f7ee998', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '499f436025192de5dd301a8785e1f5c59c0d08ed', name: "first-panel" })), h("div", { key: '07551d3d07cdc8f29c3b141ebaa73506bea8780b', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1e2fc668e65a56c15b8bb46f7877555fafb60dae', class: "drag-handle" })), h("div", { key: '8aba88f35a57d47c9cc6200d8d7c8ae42c014ae3', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '61d02fc16218af6100cdd9c79bcc437425084645', name: "second-panel" }, this.panelContent))));
     }
     static get style() { return udpSplitScreenCss; }
 }, [257, "udp-split-screen", {

package/dist/components/udp-stepper-demo.js

@@ -99,7 +99,7 @@ const UdpStepperDemo$1 = /*@__PURE__*/ proxyCustomElement(class UdpStepperDemo e
         };
     }
     render() {
-        return (h("div", { key: 'e81619ca3c31f9f6662c0b3af6c02a2db3e3f564', style: { padding: '2rem' } }, h("unity-typography", { key: '5e11e57915b6081e460f47a344dd31bf722d7e5b', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: 'ec35e19cc92d59c85818becd4e4d56e065df5dc3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'f0011595e8eb435dd85b6c6c2570029a3cbd6afc', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'afe54dc4d369c757dcb6ba5fe455e84c95e86f07', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '394396ffff23cc1f4d99611bc3ccceeb096a2c1e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: '104aaf080e02cd0c9da8a84cf911b721883e0a37', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '90b1aaf901ca38b48c5584c0fb79d75a0f5a2a8c', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '219567475d5ea693bd77641df12c20ee9360367d', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: 'c5eeb235f431d179bff6fc2f3dedad7cae38c3fd', style: { padding: '2rem' } }, h("unity-typography", { key: '770f2b808734bc2b25156e6f828b89fc77867a01', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: 'f988b4e4b60e46c1096592c391d5c95a8b1a9852', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '1d2bfae7c6f7c861f91de32e1861847f434ec0b9', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'd54f08ef0f50d0ed75b7258af5857c2414a9b1c3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '0ad7daa55a787f68adb962bdf86faf4526b1ece2', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'c4a398059215ba9890093427b714b3f8c1527a18', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '3fac13b2bac2a1efb6bb9e1015c658c9db5cbb4e', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '3d803fe2891e8c5f0f0028db56ddccfb8a5c07df', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 }, [257, "udp-stepper-demo", {
         "activeStep": [32],

package/dist/components/udp-tab-panel.js

@@ -12,10 +12,10 @@ const UdpTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class UdpTabPanel extends
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: 'eaa68aa3e874dbf92d218eed44f6332efd7b4946', class: {
+        return (h("div", { key: '57acfd7252fdbb863d997a0f0d4b6e00cb6d8952', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '5ebaeac17012121bcdf75249edd5042f47473f58' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '1860be25551f2cc92da3e8d081dfa8738b77040f' })));
     }
     static get style() { return udpTabPanelCss; }
 }, [257, "udp-tab-panel", {

package/dist/components/udp-tab.js

@@ -1,4 +1,59 @@
-import { U as UdpTab$1, d as defineCustomElement$1 } from './udp-tab2.js';
+import { p as proxyCustomElement, H, h } from './index2.js';
+
+const udpTabCss = ".tab-panel{display:none}.tab-panel.active{display:block}";
+
+const UdpTab$1 = /*@__PURE__*/ proxyCustomElement(class UdpTab extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * True if this is the active tab.
+         * This is set by the parent <udp-tabs> component.
+         */
+        this.active = false;
+        /**
+         * Placement of the icon relative to the title.
+         * @default 'start'
+         */
+        this.iconPlacement = 'start';
+        /**
+         * If true, the tab will be hidden from the tab list.
+         * @default false
+         */
+        this.hidden = false;
+        /**
+         * If true, the tab will be unselectable.
+         * @default false
+         */
+        this.disabled = false;
+    }
+    render() {
+        return (h("div", { key: '90108764a6f54e335d1d140cb314c097035c457b', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '6a4ceb9d61a89e4ef6fb6c3d8da60af03aa6ca64' })));
+    }
+    static get style() { return udpTabCss; }
+}, [260, "udp-tab", {
+        "label": [1],
+        "active": [516],
+        "icon": [1],
+        "iconPlacement": [1, "icon-placement"],
+        "hidden": [4],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-tab"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-tab":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpTab$1);
+            }
+            break;
+    } });
+}
 
 const UdpTab = UdpTab$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/udp-tab.js.map

@@ -1 +1 @@
-{"file":"udp-tab.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"udp-tab.js","mappings":";;AAAA,MAAM,SAAS,GAAG,0DAA0D;;MCM/DA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AAJnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AAUE;;;AAGG;AACsB,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAOhD;;;AAGG;AACK,QAAA,IAAa,CAAA,aAAA,GAAwC,OAAO;AACpE;;;AAGG;AACK,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAEhC;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AASnC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAC,UAAU,EAAA,EACvE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpTab","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/tabs/tab/udp-tab.css?tag=udp-tab","src/components/my-component/UI/tabs/tab/udp-tab.tsx"],"sourcesContent":[".tab-panel {\n    display: none;\n  }\n\n  .tab-panel.active {\n    display: block;\n  }\n\n\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tab',\n  styleUrl: 'udp-tab.css',\n})\nexport class UdpTab {\n  /**\n   * The title of the tab, displayed in the tab-header.\n   */\n  @Prop() label: string;\n\n  /**\n   * True if this is the active tab.\n   * This is set by the parent <udp-tabs> component.\n   */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /**\n   * Optional icon to display in the tab.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Placement of the icon relative to the title.\n   * @default 'start'\n   */\n  @Prop() iconPlacement?: 'start' | 'end' | 'top' | 'bottom' = 'start';\n  /**\n   * If true, the tab will be hidden from the tab list.\n   * @default false\n   */\n  @Prop() hidden?: boolean = false;\n\n  /**\n   * If true, the tab will be unselectable.\n   * @default false\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <div class={{ 'tab-panel': true, 'active': this.active }} role=\"tabpanel\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/udp-tabs2.js

@@ -214,7 +214,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: '7446df2caa768cb8161b59992cdbbf5bbae2146f', class: "tab-container" }, h("div", { key: '78eb57f157f69543baaf8eab9b5282cdba37bbb9', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: 'eb45ebcbfd365a68412c9fa098669085925b5ab9', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '0066a09a8942b0624b3a6260a0934ce372e51473', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'd356a1ebae93318b97e7e9ada3d21fd44e9b1f37', class: "scroll-fade left" }), h("div", { key: '0040b9a6ff0dc8c8881a17b8c4d3f435cf2c67b3', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '1d30cc5bec9a2d221238e7f0742c6933c1cd2858', class: "tab-container" }, h("div", { key: '2334c1b333fc1703919b23b59c16e9d4f48018ca', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '36bda38b88870aed704a1b4ca7c73a086bc5218f', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'da40645390a32e708c2913409c3b6047e00890f5', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'cca33cbb7286875c127511a897c6f80f2e35ed37', class: "scroll-fade left" }), h("div", { key: '2de3d5622a2b541ccd777a49f97135f6097a2475', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
             if (tab.hidden) {
                 return null;
             }
@@ -228,7 +228,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
                     [`icon-${tab.iconPlacement}`]: !!tab.icon,
                     'disabled': tab.disabled,
                 }, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
-        }), h("div", { key: '7470bff947872896ee283c35cf37a45fb2a64631', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '820c57b5782c5c85f220fd7b7909351f4a76fcec', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: 'f8db99b5f8a7401449c3a55eb170b341eaf26df1', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: 'b14c8c86928352c683d1140c2b3ba2dd92ebee7f', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '95a11117862494527b06f1d5a8c92234a24e89d0' }, h("slot", { key: '4621baa5801a228fc9beb38e3b9b30dc7260e41a' })))));
+        }), h("div", { key: '14de43d3d5f2d28a35ed8bd135482ac6ea0201d9', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: 'c55a70f8934e38d287b9509eac9d3e2cf425e2e8', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: 'b82affbdb252a3a85cd61a843212438daed45cbe', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '1e0ce9f3bef37725edad166bd6d8db1511125676', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '3b8199ffc2b0de1232eb545456ae5de954a2418b' }, h("slot", { key: 'd2ead3e7e50ff8c9ad152ed5f4398405787512a4' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-time-selector2.js

@@ -229,7 +229,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '12a2d440fea4d80364d4df0211ba273830c10a1b', class: {
+        return (h(Host, { key: '19f1a1fea8761906bdd667e936d4ac04cba8c852', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -238,9 +238,9 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '5a48660fac4210a46ca101eeb40c5c47e7a6382a', class: "bx--form-item" }, h("unity-typography", { key: '1baa18f50e33c4dead50ecf5e5ab33c01ad903ec', variant: "caption-text" }, h("label", { key: '8d816c14c78edee99bef993a42d38acdf65ff520', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '708202991f4617424ad4774aea9745a5d87e867d', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '46cfa3db61b91480280b443a714cd286e243fda9', class: "bx--form-item" }, h("unity-typography", { key: 'a45a9f6441926ff798a27aac370f6c7d3223f84b', variant: "caption-text" }, h("label", { key: '5c5948cc709954c05fe1c7a91996f3cc4d6a62d7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '1847e1c043953fbc1e8c7ef12cc9a56baa68598b', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '4bf7b30038e585098859836eff7e6f2dcfdea8ad', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '4e267ed10b977ebe93a766de70a5cb19ffd09e8e', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-user-creator.js

@@ -1,4 +1,89 @@
-import { U as UserCreator, d as defineCustomElement$1 } from './udp-user-creator2.js';
+import { p as proxyCustomElement, H } from './index2.js';
+
+const TenantStorageKey = 'active-tenant';
+const getStoredTenant = () => {
+    return window.sessionStorage.getItem(TenantStorageKey);
+};
+
+const UserCreator = /*@__PURE__*/ proxyCustomElement(class UserCreator extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    async createUser(userInfo) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        const tenantId = getStoredTenant() ||
+            ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.defaultTenantId) !== null && _a !== void 0 ? _a : ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds) ? userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds[0] : ''));
+        let userTenantPermissions = [];
+        let userTenantRoles = [];
+        let userTenantProducts = [];
+        const currentUserTenantProperties = (_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.userTenantPropertiesView) === null || _b === void 0 ? void 0 : _b.find((propertyView) => (propertyView === null || propertyView === void 0 ? void 0 : propertyView.tenantId) === tenantId);
+        userTenantPermissions = currentUserTenantProperties
+            ? currentUserTenantProperties.permissions
+            : [];
+        userTenantRoles = currentUserTenantProperties
+            ? currentUserTenantProperties.securityRoles
+            : [];
+        userTenantProducts = currentUserTenantProperties
+            ? currentUserTenantProperties.products
+            : [];
+        return {
+            name: (_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.displayName) !== null && _c !== void 0 ? _c : '',
+            firstName: (_d = userInfo === null || userInfo === void 0 ? void 0 : userInfo.givenName) !== null && _d !== void 0 ? _d : '',
+            familyName: (_e = userInfo === null || userInfo === void 0 ? void 0 : userInfo.surname) !== null && _e !== void 0 ? _e : '',
+            jobTitle: (_f = userInfo === null || userInfo === void 0 ? void 0 : userInfo.jobTitle) !== null && _f !== void 0 ? _f : '',
+            email: (_g = userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) !== null && _g !== void 0 ? _g : '',
+            mobile: (_h = userInfo === null || userInfo === void 0 ? void 0 : userInfo.mobilePhone) !== null && _h !== void 0 ? _h : '',
+            phone: (_j = userInfo === null || userInfo === void 0 ? void 0 : userInfo.officePhone) !== null && _j !== void 0 ? _j : '',
+            id: (_k = userInfo === null || userInfo === void 0 ? void 0 : userInfo.userId) !== null && _k !== void 0 ? _k : '',
+            location: (_l = userInfo === null || userInfo === void 0 ? void 0 : userInfo.location) !== null && _l !== void 0 ? _l : '',
+            aadId: (_m = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) !== null && _m !== void 0 ? _m : '',
+            accessToken: (_o = userInfo === null || userInfo === void 0 ? void 0 : userInfo.accessToken) !== null && _o !== void 0 ? _o : '',
+            tenantIds: (_p = userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds) !== null && _p !== void 0 ? _p : [],
+            defaultTenantId: (_q = userInfo === null || userInfo === void 0 ? void 0 : userInfo.defaultTenantId) !== null && _q !== void 0 ? _q : '',
+            currentTenantId: process.env.REACT_APP_UNITY_TENANT_ID
+                ? process.env.REACT_APP_UNITY_TENANT_ID
+                : tenantId,
+            roleIds: (_r = userTenantRoles.map((role) => role.roleId)) !== null && _r !== void 0 ? _r : [],
+            products: userTenantProducts,
+            permissions: userTenantPermissions,
+            can: (_s = userTenantPermissions.reduce((can, permission) => {
+                if (permission.value === 'false') {
+                    can[permission.name] = false;
+                }
+                else if (permission.value === 'true') {
+                    can[permission.name] = true;
+                }
+                else {
+                    can[permission.name] = permission.value;
+                }
+                return can;
+            }, {})) !== null && _s !== void 0 ? _s : {},
+            statusCode: (_t = userInfo === null || userInfo === void 0 ? void 0 : userInfo.statusCode) !== null && _t !== void 0 ? _t : undefined,
+            unityId: (_u = userInfo === null || userInfo === void 0 ? void 0 : userInfo.unityId) !== null && _u !== void 0 ? _u : undefined,
+            additionalProperties: (_v = userInfo === null || userInfo === void 0 ? void 0 : userInfo.additionalProperties) !== null && _v !== void 0 ? _v : undefined,
+            roleNames: (_w = userTenantRoles.map((role) => role.name)) !== null && _w !== void 0 ? _w : []
+        };
+    }
+}, [1, "udp-user-creator", {
+        "createUser": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-user-creator"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-user-creator":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UserCreator);
+            }
+            break;
+    } });
+}
 
 const UdpUserCreator = UserCreator;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/udp-user-creator.js.map

@@ -1 +1 @@
-{"file":"udp-user-creator.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"udp-user-creator.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/udp-utilities/unity-session-storage.ts","src/udp-utilities/udp-user-creator.ts"],"sourcesContent":["const TenantStorageKey = 'active-tenant';\nconst AccessTokenKey = 'active-access-token';\nconst RefreshTokenKey = 'active-refresh-token';\n\nexport const storeInitialTenant = (): void => {\n  const urlParams = new URLSearchParams(window.location.search);\n  const urlTenantId = urlParams.get('tenantId');\n\n  if (urlTenantId) {\n    storeTenant(urlTenantId);\n  }\n};\n\nexport const storeTenant = (tenantId: string): void => {\n  window.sessionStorage.setItem(TenantStorageKey, tenantId);\n};\n\nexport const getStoredTenant = (): string | null => {\n  return window.sessionStorage.getItem(TenantStorageKey);\n};\n\nexport const clearStoredTenant = (): void => {\n  window.sessionStorage.removeItem(TenantStorageKey);\n};\n\nexport const storeAccessToken = (accessToken: string): void => {\n  window.localStorage.setItem(AccessTokenKey, accessToken);\n};\n\nexport const getStoredAccessToken = (): string | null => {\n  return window.localStorage.getItem(AccessTokenKey);\n};\n\nexport const clearStoredAccessToken = (): void => {\n  window.localStorage.removeItem(AccessTokenKey);\n};\n\nexport const storeRefreshToken = (refreshToken: string): void => {\n  window.localStorage.setItem(RefreshTokenKey, refreshToken);\n};\n\nexport const getStoredRefreshToken = (): string | null => {\n  return window.localStorage.getItem(RefreshTokenKey);\n};\n\nexport const clearStoredRefreshToken = (): void => {\n  window.localStorage.removeItem(RefreshTokenKey);\n};\n","import { Component, Method } from '@stencil/core';\nimport { getStoredTenant } from './unity-session-storage';\n\nexport interface User {\n  name: string | undefined;\n  firstName: string | undefined;\n  familyName: string | undefined;\n  jobTitle: string | undefined;\n  email: string | undefined;\n  mobile: string | undefined;\n  phone: string | undefined;\n  id: string | undefined;\n  location: string | undefined;\n  aadId: string | undefined;\n  accessToken: string | undefined;\n  defaultTenantId: string | undefined;\n  currentTenantId: string | undefined;\n  tenantIds: Array<string> | undefined;\n  roleIds: Array<string> | undefined;\n  products: Array<object> | undefined;\n  permissions: Array<object> | undefined;\n  can: any | undefined;\n  statusCode: number | undefined;\n  unityId: string | undefined;\n  additionalProperties: any | undefined;\n  roleNames: Array<string> | undefined;\n}\n\n@Component({\n  tag: 'udp-user-creator',  // The tag name to use this component\n  shadow: true\n})\nexport class UserCreator {\n  \n  @Method()\n  async createUser(userInfo: any): Promise<User> {\n    const tenantId: any =\n    getStoredTenant() ||\n    (userInfo?.defaultTenantId ??\n      (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ''));\n  let userTenantPermissions: any = [];\n  let userTenantRoles: any = [];\n  let userTenantProducts: any = [];\n  const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find(\n    (propertyView: any) => propertyView?.tenantId === tenantId\n  );\n  userTenantPermissions = currentUserTenantProperties\n    ? currentUserTenantProperties.permissions\n    : [];\n  userTenantRoles = currentUserTenantProperties\n    ? currentUserTenantProperties.securityRoles\n    : [];\n  userTenantProducts = currentUserTenantProperties\n    ? currentUserTenantProperties.products\n    : [];\n\n    return {\n      name: userInfo?.displayName ?? '',\n      firstName: userInfo?.givenName ?? '',\n      familyName: userInfo?.surname ?? '',\n      jobTitle: userInfo?.jobTitle ?? '',\n      email: userInfo?.email ?? '',\n      mobile: userInfo?.mobilePhone ?? '',\n      phone: userInfo?.officePhone ?? '',\n      id: userInfo?.userId ?? '',\n      location: userInfo?.location ?? '',\n      aadId: userInfo?.id ?? '',\n      accessToken: userInfo?.accessToken ?? '',\n      tenantIds: userInfo?.tenantIds ?? [],\n      defaultTenantId: userInfo?.defaultTenantId ?? '',\n      currentTenantId: process.env.REACT_APP_UNITY_TENANT_ID\n        ? process.env.REACT_APP_UNITY_TENANT_ID\n        : tenantId,\n      roleIds: userTenantRoles.map((role: any) => role.roleId) ?? [],\n      products: userTenantProducts,\n      permissions: userTenantPermissions,\n      can:\n        userTenantPermissions.reduce((can: any, permission: any) => {\n          if (permission.value === 'false') {\n            can[permission.name] = false;\n          } else if (permission.value === 'true') {\n            can[permission.name] = true;\n          } else {\n            can[permission.name] = permission.value;\n          }\n          return can;\n        }, {}) ?? {},\n      statusCode: userInfo?.statusCode ?? undefined,\n      unityId: userInfo?.unityId ?? undefined,\n      additionalProperties: userInfo?.additionalProperties ?? undefined,\n      roleNames: userTenantRoles.map((role) => role.name) ?? []\n    };\n  }\n\n}"],"version":3}

package/dist/components/udp-vertical-spacer.js

@@ -17,7 +17,7 @@ const UdpVerticalSpacer$1 = /*@__PURE__*/ proxyCustomElement(class UdpVerticalSp
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: 'e05ad349a3c1df3a515ede40f457661c8b7913b9', class: spacingClass }));
+        return (h("div", { key: '40591bca33eed59816db93c10b17e3fd869feda5', class: spacingClass }));
     }
     static get style() { return udpVerticalSpacerCss; }
 }, [257, "udp-vertical-spacer", {

package/dist/components/udp-xy-chart2.js

@@ -109,7 +109,7 @@ const UdpXyChart = /*@__PURE__*/ proxyCustomElement(class UdpXyChart extends H {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: 'd9fde65c90053420c8cd49cdf1563cad73eaef77', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'f43c02933036c59003480fcc015b4ed7a520ac1d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-xy-multi-series-chart.js

@@ -116,7 +116,7 @@ const UdpXyMultiSeriesChart$1 = /*@__PURE__*/ proxyCustomElement(class UdpXyMult
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '3d2981719204d4271691e787aa1b6809d3f4e7a0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ee130ed18c303e25fce7aa5dd5959a7ccabb7e8a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/upd-alert-banner2.js

@@ -15,7 +15,7 @@ const UpdAlertBanner = /*@__PURE__*/ proxyCustomElement(class UpdAlertBanner ext
         this.message = '';
     }
     render() {
-        return (h("div", { key: '4551695bcaba3fde5445c7a34f1d67d0444af855', class: `alert-banner ${this.type}` }, h("unity-typography", { key: 'd763dea98c2b14a12753f54d5b99c89be23aaf49', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (h("div", { key: '072252afd7e2269488d606c655df16bf01fbcffb', class: `alert-banner ${this.type}` }, h("unity-typography", { key: '3b789c8eea442c46423777b6bd08785f9a6c34fe', variant: "data-display-three" }, "   ", this.message, " ")));
     }
     static get style() { return updAlertBannerCss; }
 }, [257, "upd-alert-banner", {

package/dist/components/validation-chip2.js

@@ -21,7 +21,7 @@ const ValidationChip = /*@__PURE__*/ proxyCustomElement(class ValidationChip ext
             'is-invalid': !this.isValid,
         };
         const tooltipText = this.errorMessages.join('\n');
-        return (h("div", { key: '62d5cfd13e36e282cccb710002204b05c7b43c23', class: chipClass }, h("udp-chip", { key: '16cea46269ef0f5919c6926dbefae9e7d14f3a91', label: this.isValid ? 'Valid Filters' : 'Invalid Filters', color: this.isValid ? 'success' : 'error', startIcon: this.isValid ? 'checkMark' : 'close16', variant: 'outlined' }), !this.isValid && this.errorMessages.length > 0 && h("div", { key: 'cc3c5583afa5396bbe66391f5898aa81841ce018', class: "tooltip" }, tooltipText)));
+        return (h("div", { key: '970fba406ffb08bcabb5b440c06df4c0c0df6de2', class: chipClass }, h("udp-chip", { key: '0c9535dd4340b13c0407dfe63a43d8b98b750e61', label: this.isValid ? 'Valid Filters' : 'Invalid Filters', color: this.isValid ? 'success' : 'error', startIcon: this.isValid ? 'checkMark' : 'close16', variant: 'outlined' }), !this.isValid && this.errorMessages.length > 0 && h("div", { key: '521180276b58eaa8bd6fa8c79cbee02d1417b655', class: "tooltip" }, tooltipText)));
     }
     static get style() { return validationChipCss; }
 }, [257, "validation-chip", {