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

package/dist/collection/components/my-component/UI/grid/new-grid/server-side-grid.js

@@ -17,7 +17,7 @@ export class ServerSideGrid {
         this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'b30f76706b6301d95cb832152d9d1f7c4fc24052', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '8cefcdc21a6a0ed277b89ddec72ad57b3625251d', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get is() { return "server-side-grid"; }
     static get properties() {

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-calendar.js

@@ -95,7 +95,7 @@ export class ResourceTimelineCalendar {
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '16ab2aa3893050d94713f80522632b254ac0c390', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c4c1bcd7487c8fbf341d25886a6b2d3fdf09a50c', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: 'e72c171a08321205856f39cbc4302d1a007d0a43', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: '8bb97df169f2f303cab175ecdf34844cbb8482f0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c9db465059524e09036587f1ee369eca4641fcea', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: 'a9850a7c6519a8ac1bd094a396a16dbf1dffd5cc', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {

package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.js

@@ -12,12 +12,12 @@ export class ResourceTimelinePrimaryBar {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h("div", { key: 'e833fd32de19aec8b8409849ad251222991ec584', class: "header-bar" }, h("div", { key: 'fb33e6f247071a91f6f12663e9429f060b160783', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '27658219740c3d09a860e5add1e7b9b9d8352d38', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'eed427fbafcd94c59297851cb94e9c48afaa7e28', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: 'a37c003646fecffa65e355303daf11828e2df62c', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: 'dbb077ef7541b6e19d52ad5a4ece1d65d30e906a', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: 'aa2076968454f8ac782ec9a2d379c6ce6f5fd0d9', class: "button-section" }, h("udp-icon-button", { key: 'b56f9a0ec21be3aa96f0cb486aca2c566a3f659e', class: {
+        return (h("div", { key: '2a66de4fa2a5788af431094dad4ed1d738707235', class: "header-bar" }, h("div", { key: 'c26898574eb9bd8d9410aef63a369a3cde6afa80', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'd178f920fb58eb6e6850e91790657d619a9cdd11', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'e8f598c0ca91d62e7326a227479e52c50fc123b1', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: '74bfd5f3ecf4966896f443bc702068f913235526', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '98b2d80ceacca1130ae6b99f326613b582144ca9', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '5524d1bd00864118ee4d45ebb05226f301e8cb4f', class: "button-section" }, h("udp-icon-button", { key: 'e2d0c6cd6bc38f61d86ee122a32cdf171b92d3c1', class: {
                 'settings-button': true,
                 'is-open': this.isMenuOpen,
             }, onClick: this.toggleSettingsMenu, ref: (el) => {
                 this.menuAnchorEl = el ? el : undefined;
-            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: 'a48459399724333efdfa72ff1dd62eddec9ab2e7', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: 'a35fdb3c767535ff8a6e3ee6bd83656f0670f8b9', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: '5b6ebd79a84022644b8eb8fb7627301b236d8e1a', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '83cdda300ac910486e19f1bdab1a81c92ca60afc', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '3ac9e797490b209ec668f4efaf9257d7a0bf1333', tooltip: "Previous period", icon: ChevronLeft24, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: 'f48e3a752414f6b5121b2bc21928dae309dfc03b', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '75a395dd9b53169d3c65e4d78da318e77cc6d78a', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '337fa812c70ac00ee93c729974e53cfd4eea6aae', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: 'e765055e5426c4e15e2440d3e45e3ced77acfb0e', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
+            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '7a04742387e28f0a78d6539ff0b03c4985137229', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: '3acb2cc1a9421d1e582e2ee3ff9d2c8c5374a4f7', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: 'f1fbb4cfa270ced88a9f1c3b09fb892b5743b1c2', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '8393e52e0494161fe016eb4bfc4f50f75745f703', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '43d6d92184f28d5ae16658970eb0668526e3b809', tooltip: "Previous period", icon: ChevronLeft24, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '86e85c4af0d74d1d1573195be66187697313c8e8', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '9b009045cf9be2d7b8bc11e674fdc9134baae28b', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '9320445c97b12fa6403d33765a76ad4e54baa567', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: '47862c1898db0b9c979eaaa6dbb2a0a4c750bbe2', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
     }
     static get is() { return "resource-timeline-primary-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/checkbox/check-box.js

@@ -129,13 +129,13 @@ export class Checkbox {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (h(Host, { key: '1b19d7ccee69d41e46403cb411ceea2e4fb6f763', class: {
+        return (h(Host, { key: '35ce165e99a01b2cfad1bdb370f08be53c3b107f', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--required': this.required,
                 'udp-input--checked': this.internalChecked
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'aa94500be1431e4ebed9d3093626a9d72bb7a44d', class: "checkbox-container" }, h("input", { key: '16f2c2c5b1c79102a499ce0c91c4c4fbbb2fce6f', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '7119c395bd36ff76d6d45ff03523f6002cabc4dc', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: 'ef7d59c2816e281c6f479d00d5bbd5a9cc3b3d07', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'ffe57d475dbe7fd4941e548b278e5d3c4358e3ef', class: "checkbox-container" }, h("input", { key: 'c9599f48b9c95cf0533b4bd34b0bf9a21519f58d', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '5645ddfd96f922401f73289323bd4d56a9d5ef5a', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '4e38d91bfaed14e571d0deec40be7ab4cfa94da9', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "check-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/date-range-selector/udp-date-range-selector.js

@@ -28,7 +28,7 @@ export class UdpDateRangeSelector {
             : this.variant === 'single'
                 ? 'calendar-date'
                 : 'calendar-range';
-        return (h(Host, { key: '8751c978e7189843fb2144142325ef336f880743', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: '09479c235d49f8c2fd05d02a99cc6dab30c25d75', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: '39b038349daad10491eacdd4a5a2aeae8a014836', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: 'd45a83f8c724f7c9fed577cda3af02c43a88fa74', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: '056ec5297095c0c8a58468ecc7acad36e66b3a10', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
+        return (h(Host, { key: 'ff7c239cacb34453ef31346bd3e7f3ac2a57cff3', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'f7dde27f3b428b0a7c4aed75a3b7e890bd794247', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: 'eca9319ca3df2e6e4c5226ac64b1cfe25a8f1dbe', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '857850cef32afe0b2a8647d5e761f194e90bd69b', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'e279d94d2831483a39693bdf3945358fb5976282', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
     }
     static get is() { return "udp-date-range-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/date-selector/udp-date-selector.js

@@ -160,7 +160,7 @@ export class UdpDateSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '9edbe6a132cbecabfea080c71930e2477873dd91', class: {
+        return (h(Host, { key: '70baf93e973186a4adaf2ff3637470bafa666939', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -169,9 +169,9 @@ export class UdpDateSelector {
                 '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: 'a5bf7a47b784bef02ca873afc691b7d03f8dfd13', class: "bx--form-item" }, h("unity-typography", { key: '2d4f3a8e6971b074e6eca1788ff2ab9310ee5a74', variant: "caption-text" }, h("label", { key: '3acbd7d9c29a59d56e3e31c4e646f723858cecdc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '22a924af3868e9624679f5a303cdd09ea1addf2c', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '92c4d7e51a06ed0db42f868824d7f79629132a9d', class: "bx--form-item" }, h("unity-typography", { key: 'add2baeda562873dd2ef6b306aa1d63c66cf55c7', variant: "caption-text" }, h("label", { key: '131508794697abd61d2ed91fc70c35a401c9fbc9', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '49e4f5f63c495fc12c3228a4f897d4a8e453b288', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '0b542429910e6f1fa5c5aa2ae9db1e6e0a13603a', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'a0a58ed508cb607e2e32c42f5b7d3d2bd5b4b6d0', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-date-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.js

@@ -189,7 +189,7 @@ export class UdpDateTimeSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '03dc3a30955b984622c94a3457ac182e09b70d5b', class: {
+        return (h(Host, { key: '47e3932d88410bf3518fd7c6e208fb6c38eebe17', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -198,9 +198,9 @@ export class UdpDateTimeSelector {
                 '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: 'faf64e8afed26baf9d6520abffa33fa3d02ff8ce', class: "bx--form-item" }, h("unity-typography", { key: '1d6ae7b0b37c3d765a2fd82547693459525e37c7', variant: "caption-text" }, h("label", { key: 'f037be2134b9694261405175cdd3a5da8f782897', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '44f7935c6125d02971ab9fef142fddf0ed42d423', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '9fe7320e24b25746556eaf05c056998a6784f3f8', class: "bx--form-item" }, h("unity-typography", { key: '7a8f23d889846cae6708fb5924d87bcb6b5dd44d', variant: "caption-text" }, h("label", { key: 'e524f51437e391dedd8a09bf62ac8025a809203c', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '60b004683304bd644f212980649e0b64991dab84', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '1adacdb6e4bb8dd6faa9b061866bf7f74970d05d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '8f7b7f221cf7b3f71159814efd482f558b051b89', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-datetime-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/image-upload/image-upload.js

@@ -65,7 +65,7 @@ export class ImageUpload {
         };
     }
     render() {
-        return (h(Host, { key: '19a51f64e9f42e14ed0db598cbe14afed29e0223' }, h("file-upload", { key: 'a08353c21e8a684e56dce14b09323bb8793c735e', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
+        return (h(Host, { key: 'ca8412c0a65495f53c5bce53f1d2705be3dc2fb5' }, h("file-upload", { key: 'd36166a2fe50d71f63bf5420fedf149aa2591c93', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
     static get is() { return "image-upload"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/numeric-field/numeric-field.js

@@ -159,7 +159,7 @@ export class NumericField {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '9360c33f329089e826a024dbb9fc5428953657a4', class: {
+        return (h(Host, { key: 'badaf6d93163a5e0d5bf1cb033d598d83be73b48', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -168,9 +168,9 @@ export class NumericField {
                 'udp-input--readonly': this.readonly,
                 [`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: 'a546669bf6e7ea1e92f68be40c7d5d08becc0c53', class: "bx--form-item" }, h("unity-typography", { key: 'dd1dae528f12cc9d1f84bed1b189af031398f160', variant: "caption-text" }, h("label", { key: 'c747bbd8c5cec2b8792076d1cfcb564ad3e37907', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'b725b7a222e9c79497aadb4d253c027f156c9a24', class: "bx--form-item" }, h("unity-typography", { key: '4a8de311ad90f28627f65efd0e82b261b9694084', variant: "caption-text" }, h("label", { key: '468eb2655787185f23310d258c069e26cc16c5bc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '32d8f5447f2f14da09f683ac40784d2b921a5105', class: "error-message" }, h("unity-typography", { key: '4f818ca155926a1d88018853d738bbc090060773', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '3b50f72129f7cc9d7033aa76cba4f378cdec47c1', class: "error-message" }, h("unity-typography", { key: 'dc81e247eceaaa8bf97c7615a6df5410da03ea0d', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "numeric-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/signature-input/signature-input.js

@@ -299,7 +299,7 @@ export class SignatureInput {
             'readonly': this.readonly,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: 'dc034f05df499549cd7034bce6e88c91bfbfaf96', class: {
+        return (h(Host, { key: 'ac2fb4bedc1622ba4828a3643e6166e622ff098b', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -307,7 +307,7 @@ export class SignatureInput {
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '4f4d51ecfe59f538eb99b855ae9707af6bd899ea', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'd8fee693974965ab6898e69524f3915fbd0fc27f', variant: "caption-text" }, h("label", { key: '919a7adc4696078c797a7c5c7c19957ff26c9d13', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '7570d0119751556158487a82b05c3bf97aefeba9', class: containerClasses }, h("canvas", { key: '5262809218c69e88bf3d9050d70e3eba3f7d392c', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: 'f52033e90c57c4297d6fa31649de86f518c30fc7', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '39733f96d4a39c92ae7d6da16eac0512502a9d2b', class: "error-message" }, h("unity-typography", { key: 'cb5d2a2b8f48d6b6b3753bd4cf6882a19f29706c', variant: "caption-text", color: "error" }, this.internalError))))));
+            } }, h("div", { key: 'c693c76ba9b1ceb16c73d33cbcfac0b420598d14', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'b60f4376e231e25a49a92a7920ef4c444ff3d216', variant: "caption-text" }, h("label", { key: 'a871803a7bea487a82addc1f0be9b5a53cc5f7c9', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '8f6d974eaf18bc2a5261954b965c9c5c14cc5df0', class: containerClasses }, h("canvas", { key: '1a93840f73735d672361d2858a7db3e35809797c', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '2d04e634eea1328df6af7adff22bff3e7da49418', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '2395b6d8806600af6158a7a5464ca01a131046d4', class: "error-message" }, h("unity-typography", { key: '2afe4c3e248e467c3781e90b45f1fa80cb927265', variant: "caption-text", color: "error" }, this.internalError))))));
     }
     static get is() { return "signature-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/tally/tally.js

@@ -46,14 +46,14 @@ export class TallyDisplay {
         const isError = !!this.error;
         const answeredCount = this.yesCount + this.noCount + this.naCount;
         const unansweredCount = this.totalFields - answeredCount;
-        return (h(Host, { key: 'c9e96cdb5d91e8c2cd45e32d07001a62a3e8a49c', class: {
+        return (h(Host, { key: 'eab9aa9216ed658bcdf6915bd909d918cf830d00', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '6083ef795c4eab017a38d1902ec6a579878457a8', class: "tally-container" }, this.label && (h("unity-typography", { key: '049187840fd2aa82ea7e41c5fba09e3b9e19606c', variant: "caption-text" }, h("label", { key: '474ff2713c3ae424d3f06c564a0b25eb7986aa99', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'e6c19c979f1ecad44499266ede07f3a3015c76ed', class: "tally-content", id: this.id }, h("div", { key: '78a94b2e9558e3762b992fcc3a6c836c0b434cdc', class: "tally-stats" }, h("div", { key: '685067252f8387392cc49431ca940495d2650814', class: "tally-item tally-yes" }, h("unity-typography", { key: '78b2bef3a168663ab7afd794edb4d86d92f21b97', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'a66f44b5e0fecbd1b42d3ced6b04cd1c3f329695', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: 'f942f4ef520684801f6cf3b0a817d1b199c9a16e', class: "tally-item tally-no" }, h("unity-typography", { key: '3b7fced2e98e8d923d8a052143c9a38e59be384e', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '17a86ebf26dc706a355231fd43b7ee61818014a7', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '01f7f70b709df656b299a890bba6e244fd7a08c6', class: "tally-item tally-na" }, h("unity-typography", { key: 'abec06e4efc5197ff7e01923851567d3416374b2', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'a3463b0a120b74e916ee38e7d6f8228f8b23492c', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: 'e3b2232988a7e14b73d6b1e31636567fb49d3c77', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '7f6a2467b952c6e0a09d0b449a02b8695493dcae', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: '2e07bfd707c22f956d012be6ba1a3e63cd173d31', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'c6d57248f93e8a1983972c526d3ec59643d51314', class: "tally-summary" }, h("unity-typography", { key: 'ddefe0eb812b31360f4a6cf0859bf3b1075dbcd7', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '3fbc95f85065d432106d99c2b7b45a8560820f5d', class: "error-message" }, h("unity-typography", { key: 'd9a4969364ee1787d60933e0560a99ebdf50c8e8', variant: "caption-text", color: "error" }, this.error))))));
+            } }, h("div", { key: '452e354e6500687871b8ddc804bba7d02070653f', class: "tally-container" }, this.label && (h("unity-typography", { key: '390535267249c7ab8a49e450eb85e9e910c866e8', variant: "caption-text" }, h("label", { key: '79de1a53b126cf298fc2fbad6381d84c7dba603e', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'acc4abaaa1cde58775d5b7dbc7d8ef8a98973f42', class: "tally-content", id: this.id }, h("div", { key: '81e95ddfbb3b5d0aae68bc82f6ce1a15817e11c8', class: "tally-stats" }, h("div", { key: 'efd9128195ca7c1fd69f85041ee21bad9e361b19', class: "tally-item tally-yes" }, h("unity-typography", { key: '010828f5cf33fb524a8b49de10ee6ff5375a5ffa', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: '1caa0b78ed65e044c305eba486747c885d69047a', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '81dc0d4d7fa66889b43ff4a8e15fea32b103a548', class: "tally-item tally-no" }, h("unity-typography", { key: '31202d70b04ccfea2c1965785e00f652151da8c6', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '570f3e5f948eb667e7f9654e8202328b91c1d2fa', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '599f0bb878631926a87cef3b33b5a2177a77caae', class: "tally-item tally-na" }, h("unity-typography", { key: 'df06748f2d4a701121367a903c266bab529b6a9c', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: '93859a85e24afc9e618630bece8dfc077b6e1cce', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '11d6c252737deb5054204247cde155109c2b63af', class: "tally-item tally-unanswered" }, h("unity-typography", { key: 'bb7a25001e7a888c8f35d5f5053f06ad9b243c9c', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: '59f54186a96be7fbef4dab69a54510f6096430e5', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: '9e83fc8f1d30495483330c8a0d89248d129fa38a', class: "tally-summary" }, h("unity-typography", { key: '7ab06473f80d661975b742613c790fa71ac50a66', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '60c0d66b3d362e26c39b6511a7cfd8b1ba82ba8a', class: "error-message" }, h("unity-typography", { key: '3d45e76018c6cc6f8e27d8e1f76003b51382c73e', variant: "caption-text", color: "error" }, this.error))))));
     }
     static get is() { return "tally-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/text-area/text-area.js

@@ -240,7 +240,7 @@ export class TextArea {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (h(Host, { key: '01b060cb795ba1c1320bbf5e640faac9305ed4df', class: {
+        return (h(Host, { key: '330b822d26731c699507bd061a22a1a01239a8d0', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -249,11 +249,11 @@ export class TextArea {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '04570e8c58353f38268ffca8df06f954250de3e2', class: "bx--form-item" }, h("unity-typography", { key: '105b1e743be4c0b4fce9b27aaa7b354cbd975e66', variant: "caption-text" }, h("label", { key: '7b46e00e85ee85afea05f1c1ca47e227e4703efc', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: '2ef3dac25799642b9ad5f66abb4a87010347f76d', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: '4252c422de5b9670ccc7a33e1e1ffcb04b90e08a', class: "bx--form-item" }, h("unity-typography", { key: '86c6ea2fabe2810fc6dbf1400311caa21fbea544', variant: "caption-text" }, h("label", { key: 'a4816120f1d41f15599f0c61ab40f6f3eb6f39bc', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'e16410a443695a5b0f0a39573cc8274a0c22e98c', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '5f222207af8d38edc8509650b6818bb913bef069', class: "error-message" }, h("unity-typography", { key: '32561b17fa58cc1632a7dd578a1795438474d89f', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '033bb6255f680f35dbe0027b9d202e179a3c9bf4', class: "error-message" }, h("unity-typography", { key: '03e9835bef7a6737b3e8ebf56f5ce1d303d72732', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     static get is() { return "text-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/text-field/text-field.js

@@ -195,7 +195,7 @@ export class TextField {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '3d786be38d2098b00476e9a5cc9ac08349db06b8', class: {
+        return (h(Host, { key: '8a904b91424ef0f338b577d495b16cab865500ea', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -203,9 +203,9 @@ export class TextField {
                 '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: '979bafec5f0506413db35f8361d92beeec357f87', class: "bx--form-item" }, h("unity-typography", { key: 'edd1b93537092c3096e8e8e0667210cd330782c1', variant: "caption-text" }, h("label", { key: 'a6f90dafa0028b60c6963e62ebab679e9f302ebf', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '2a807fc813c3e3d774de4d9557921021db0836de', class: "bx--form-item" }, h("unity-typography", { key: '27a02c53a522b8339c5a0d8be4e8134e078438e0', variant: "caption-text" }, h("label", { key: '9e44649e7369b0c48a9394a3cafe37c92d8dccc4', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '14fbf61e4d11054de7c29a901b93900f03781c0e', class: "error-message" }, h("unity-typography", { key: '7e5d81b981ba343ee52ac12fc4eda2134dc57d23', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: 'f16c206feb4536ffef669187d2535b123f43d6c1', class: "error-message" }, h("unity-typography", { key: 'cd7b71a7179fd524053835a60cd3affd26b70ff1', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "text-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/time-selector/udp-time-selector.js

@@ -255,7 +255,7 @@ export class UdpTimeSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'bb2f53940548506b2967b68fe6c5b1e73430af55', class: {
+        return (h(Host, { key: '12a2d440fea4d80364d4df0211ba273830c10a1b', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -264,9 +264,9 @@ export class UdpTimeSelector {
                 '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: '15b2fe88d041385bf7035ecca64d7769bdeb843b', class: "bx--form-item" }, h("unity-typography", { key: '0566f681872070de620318de7d21f96accab4cd6', variant: "caption-text" }, h("label", { key: '72940ec01c5d54230d58e5095b69988803d002c7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '4cf4cd9acd57d8d5144e0e2b61362befce824b25', 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: '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,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'cc2818ea8716991e0f891315dfed07daa5ed5fd2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '4bf7b30038e585098859836eff7e6f2dcfdea8ad', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-time-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/toggle/stencil-toggle.js

@@ -158,16 +158,16 @@ export class StencilToggle {
         const buttonId = `${baseId}-button`;
         const labelId = `${baseId}-label`;
         const isError = !!this.errorMessage;
-        const labelElement = this.label && (h("label", { key: 'a045a91655fb11fac16536c29c967c137178f9bb', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: '7defcfbba676246910cb08882199a2397391a24e', variant: "caption-text" }, this.label)));
-        const toggleElement = (h("div", { key: '0e67d5c3679c0f7692add642f008223993344568', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: 'bfd9302e70c4b28fbda66249e2f62e112e75d9d4', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: '8ad3d746a78e9108a49c0423ffd8ae22fcd3f543', class: "toggle-knob" }))));
-        return (h(Host, { key: 'e9744c4d87c09d74824b77269b0ef6812ab0e6dd', class: {
+        const labelElement = this.label && (h("label", { key: 'd70c0b30b934987f5867dea6af373d5c9b46064f', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'dcabb099ba822136e0540dfa9d1799f8cd73c06e', variant: "caption-text" }, this.label)));
+        const toggleElement = (h("div", { key: '8209c9d3215fb2cbc1cb6d495c35c56cf91cd758', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: 'b6c27babc037c4df1614b653ad56e50a9c51a4e8', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: '77133f23b5ebfa3a22667abdafbef32885f2d23a', class: "toggle-knob" }))));
+        return (h(Host, { key: '0795d6d5455dab4c66e715181f31a76457dbf154', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--checked': this.toggled,
                 [`udp-input--margin-${this.margin}`]: true,
                 [`udp-input--size-${this.size}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '51288ef853d5ed875831e23ec0d2b2ab5b5cef4c', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'bc19ff90dc89dd84f867aa1bfffc34fa06a57f65', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '08ea551f5a08c30d6516b43f1e2706de3629bfb5', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: '0ae44ccd60c71290f862db4de185fd6902687ab8', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "stencil-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/inputs/udp-selector/udp-selector.js

@@ -357,7 +357,7 @@ export class UdpSelector {
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (h(Host, { key: 'a04488a812e21beb16efb0ffd3cbb8f559a04a73', class: {
+        return (h(Host, { key: 'ff3d430a821267669e8ba41d4d814be594042f0c', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -367,9 +367,9 @@ export class UdpSelector {
                 '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: '0ee9bf4156989e69a4d87b565e292593f65fe28b', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '7ef7eab435299b30aed9b0f5bcd9186b397160ff', variant: "caption-text" }, h("label", { key: 'bd7e81c0056b05c56dbd5da5c57e96eed713dabb', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '7d6c0cec8000805938dcc119f8f0176d8d1a57ae', class: "udp-selector__container" }, h("div", { key: 'eea4f0f49348ea6187dc1ad4705e3cadc733ef6c', 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: '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,
             // @ts-ignore
-            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'e7e4f5b4fca4661810be2d3ed209e0a8605b15a1', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'fdc3d8248a8de967b0136f9cb8a259fcf0f309f2', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -378,7 +378,7 @@ export class UdpSelector {
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '4052d40ff41db33716893c6d65d2c48b4d45652b', class: "checkmark" }), h("div", { key: '8755c9ea4b73108d4e3c519562c89b4689b9ed3e', class: "arrow" })), this.isOpen && (h("ul", { key: '0f3b18e480ca1f008d60486e08ab131848f0f5aa', 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: 'adae8b2672e855ca67b7e58cba347ccbe235125b', class: "error-message" }, h("unity-typography", { key: 'a2910e6a68b8589ec75313d0eb28e570d9a99a63', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : '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))))));
     }
     /**
      * Checks if a given option is currently selected.

package/dist/collection/components/my-component/UI/layout/udp-container/udp-container.js

@@ -15,12 +15,12 @@ export class UdpContainer {
         this.padding = true;
     }
     render() {
-        return (h("div", { key: 'f309062b61c761f2a78c472e27ba03406183fead', class: {
+        return (h("div", { key: '352e61df5683d1a87d1310efca66329ee5ce9863', class: {
                 'udp-container': true,
                 'udp-container--fluid': this.fluid,
                 'udp-container--padded': this.padding,
                 [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: '1c42bd49db2d77f91b73a81e8e48dec68e4e57ea' })));
+            } }, h("slot", { key: 'a1f62a8360a69c67c3653cc48dee226e0207e14b' })));
     }
     static get is() { return "udp-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/layout/udp-container-query/udp-container-query.js

@@ -21,9 +21,9 @@ export class UdpContainerQuery {
         return styleRules;
     }
     render() {
-        return (h(Host, { key: '0b35d66111bf60992c606994e9f7004f924603b7', class: {
+        return (h(Host, { key: 'c6b906a0dcd07742578d60bda60e96da480a4d44', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '5db19a4f8ec8f0e96d3b0b0106415005193b097b' }, this.getContainerQueryStyle()), h("slot", { key: '6ee739731deffcead5c7334f64ddd3f063370cac' })));
+            } }, h("style", { key: '8c74c32415866b53cd626e07ccf2150bf6613122' }, this.getContainerQueryStyle()), h("slot", { key: '6acce6c5442f8b76d7c8c7f8ad168da0c64f6e68' })));
     }
     static get is() { return "udp-container-query"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/layout/udp-container-query-grid/udp-container-query-grid.js

@@ -29,7 +29,7 @@ export class UdpContainerQueryGrid {
                 gap: `${this.gaps[breakpoint]}rem`,
             }));
         });
-        return (h(Host, { key: 'a7cc56066ee7cd343f522c27f019352d646ad6c0' }, h("udp-container-query", { key: '882ec6e733afab69e58b06f16c7310c2d4f5d89e', queries: queries }, h("div", { key: '62a321ca80a27175caa5745c4f7803a9eca6d9ac', class: "grid-container" }, h("slot", { key: 'db66a2c9cc6494230d21fb4445c454cfaf49343a' }))), h("style", { key: '76e529662fe8dcfbc79e983cefb3c9e07095d232' }, `
+        return (h(Host, { key: '268622f20b2a6d5054ae0546d3274d24085d6c90' }, h("udp-container-query", { key: '43356950e588f8e28e2e63303d7cae6d78b5764a', queries: queries }, h("div", { key: '601122484779af077373533df9195d92d3fef57b', class: "grid-container" }, h("slot", { key: '90a1b1ecf820ba7fe133ac5df60dec24ccb983d0' }))), h("style", { key: '131386f195ab2af8e472fe2d219eace0bbe174d4' }, `
           .grid-container {
             display: grid;
             grid-template-columns: repeat(${this.columns[0]}, 1fr);

package/dist/collection/components/my-component/UI/layout/udp-container-query-grid-item/udp-container-query-grid-item.js

@@ -15,7 +15,7 @@ export class UdpContainerQueryGridItem {
             .join('\n');
     }
     render() {
-        return (h(Host, { key: '3ee975ba5b72248f07893f4d0cfac172087954ca' }, h("style", { key: '6bd93fc0acc2bb9e9b6b92933c3e0fb72bd41244' }, this.getSpanStyles()), h("slot", { key: '91b50c063f12a151ea4860f621e3a75ade985c7e' })));
+        return (h(Host, { key: '4a43b492419de8a498a35250b0443b2a46ae6eb0' }, h("style", { key: '0dad6229ffd2cf70ce1243a067359b20f9aa7546' }, this.getSpanStyles()), h("slot", { key: 'c38f26865fb93d881668d2e7f0611c965861a7d3' })));
     }
     static get is() { return "udp-container-query-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/layout/udp-page/udp-page.js

@@ -16,7 +16,7 @@ export class UdpPage {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: '1e21862453854a594552763318343637c1544de1', style: style }, h("slot", { key: 'fcdedce8e48062cd41721f509b5d1d034c218f7b' }), " "));
+        return (h("div", { key: '9a506250a5ee7200c405e7f3fe0a018dda294ab4', style: style }, h("slot", { key: 'eea699d0fed23736cfe071b86ac1449a52f51b0f' }), " "));
     }
     static get is() { return "udp-page"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/layout/udp-split-screen/udp-split-screen.js

@@ -51,7 +51,7 @@ export class UdpSplitScreen {
         }
     }
     render() {
-        return (h("div", { key: '6de7d4288cb53149ae06ed973443b31ecd898015', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'a47d6eb52c88ec9c52d895af81ad722c1d5b4df0', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '8fe4023b236098476be1c7e113f94377d1396f89', name: "first-panel" })), h("div", { key: 'fb98abdfcefa4cd6e8dccd077c911033169244da', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1db3f8ad5295c7feeecbe77a02af8f5cea712be6', class: "drag-handle" })), h("div", { key: '6b8a9feb47f10756bab8a3cf2fa2aac2069627b4', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '26a15ac5efaae765de72034e8359dfd2a51be80d', name: "second-panel" }, this.panelContent))));
+        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))));
     }
     static get is() { return "udp-split-screen"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/layout/udp-vertical-spacer.js

@@ -7,7 +7,7 @@ export class UdpVerticalSpacer {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb', class: spacingClass }));
+        return (h("div", { key: 'e05ad349a3c1df3a515ede40f457661c8b7913b9', class: spacingClass }));
     }
     static get is() { return "udp-vertical-spacer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.js

@@ -7,10 +7,10 @@ export class UdpGridLoader {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: '4d8ba5b1e5fd3c8b1d53b872a3806f6d8106c33b', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '45f44170dff0e08a68d1d53f32a3961d86712b58', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (h("div", { key: '52df9c2cb6065565c28b0121a004b38e30f07329', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '9c9be92fa74d1a27aba15e811c863b07ba672c05', style: { width: this.width } }, headerBar, rowBars));
     }
     static get is() { return "udp-grid-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.js

@@ -11,7 +11,7 @@ export class UdpLinearLoader {
             loader: true,
             [`loader--color-${this.color}`]: true,
         };
-        return (h(Host, { key: '1a06cc73baefe8ba6d805715b3e1a1276b430bec' }, h("div", { key: '9b172ff7560cff19841ae2d3d42daf2e12e31826', class: loaderClasses }, h("div", { key: 'da1e732cf59a1c76ff1b6514983022c5a9353511', class: "indeterminate" }))));
+        return (h(Host, { key: 'e87886877c3dd11c47b1cc2a04f24fac06a6834c' }, h("div", { key: '13fd6426afe4ab10b8f69cf577674a80086388e4', class: loaderClasses }, h("div", { key: '230bb05b4fa3082299aed007ff77588deb4a46d2', class: "indeterminate" }))));
     }
     static get is() { return "udp-linear-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/loaders/udp-skeleton-loading.js

@@ -7,7 +7,7 @@ export class UdpSkeletonLoading {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: 'a55df89b16c067a579ec4177039da791543c92d8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '8af6143940732dff91329dbd3acd7f0f9b9f2f97', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
     static get is() { return "udp-skeleton-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/map/udp-map/map-component.js

@@ -388,7 +388,7 @@ export class MapComponent {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '4da470f45f464712072bf297c96590f0601e225f' }, h("div", { key: 'a050bca5e4fcf0c2967864c082ef519593b7209c', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '6db17e7e020d91f8d478a8a4d450413f277b0fc0' })), h("div", { key: '2a04f480f147f184e94092e8d1a1cf8cc1987a3f', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '04cae4da21ee9b095f8ff42a5671ba0296097e6b', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: 'fb89aa71848e46d19bbfe795949993fbf5ad78d9' }, h("div", { key: '4910a1a869003c22a8dc3dfb410777d424399576', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '544c055bde3064fb34caf24931c92b619bb9fc1a' })), h("div", { key: 'a7e46b10ba9aca7f23a6fc7e29c313093ac50125', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '2c6878b076ce528de98cf0f6e1593123573b9cb1', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get is() { return "map-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/map/udp-map/popups/add-map-feature-popup.js

@@ -71,11 +71,11 @@ export class AddMapFeaturePopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8a80462e93ff992138a3618d00230fa320f1247e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'e23169696696373cdd2d7a73358d91b0c3bdf3fa', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '32fb2a44efbb94b005cdea535a0a3ac2651f5d17', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'f9c1bd59497d705d5b0f22539a300750dcd64f6a', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: '03921fbbb989a7cc4f67a6789b5026e194cd5f5e', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: '055e530103ac5b5eb284e2c860a6128d19374ba1', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), h("div", { key: '1359c6564351367c01c0703ed838de5b5096294a', class: "formButton" }, h("custom-button", { key: '91668bf33c28f218f7391a37997e4700b0ac1eab', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), h("div", { key: '525b90353ff86c07a55542a2baa1ef1fb0ad8fb3', class: "formButton" }, h("custom-button", { key: '7de411f454d7cf8574f36bf0692bc8039aa4fdd9', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }))));
     }
     static get is() { return "add-map-feature-popup"; }