udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/esm/map-component_2.entry.js

@@ -615,7 +615,7 @@ const MapComponent = class {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '3761f5eb6d0cb6995d6d9a3dc690e9479209b90a' }, h("div", { key: '8bdb3f0ead695d5fe8eeb799c8fd85f8429c9544', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'a427b36c3000615fbbd4bda72a77f830ab2e3915' })), h("div", { key: 'e898750fe07a4a576edebc104f509277358e010d', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: 'dc2c1bfd60135457c822ea181c658fb5ee47ce08', 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: '8851fab5625f6285b174b3a5075d00d38c2d0276' }, h("div", { key: 'c04901b2cecb47d1344f67de5005aaf05bb4d8a8', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'e6bb0624bdb76a718b07bb70b68ba17950d6db35' })), h("div", { key: '175e1cad5ef31d7b0af02318f1b7ec0f57d9dd40', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '11094c85b5d9f49921f306657818aecfd3a8749b', 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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -878,7 +878,7 @@ const UdpMapToolbar = class {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-toolbar", { key: 'e14e2f752d19ab4449ca27237bd75b8dcc776edb', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
+        return (h("map-toolbar", { key: '060b205b86f9f2d618907e1c60a414b103760300', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/primary-action-header_2.entry.js

@@ -131,7 +131,7 @@ const PrimaryActionHeader = class {
     //   }
     render() {
         console.log('active tab', this.activeTabIndex);
-        return (h("div", { key: '2b5cd6ddd163ddef49cc7fa95dab7f4a9911939e', class: "header-bar" }, h("div", { key: '0b74461e94c2263eb92a1faf4e2783eda26a29da', class: "title-section" }, h("unity-typography", { key: '0a21709957bdb4de3dcd85b882946b960caa7447', variant: "h4" }, this.title)), this.tabs && (h("div", { key: '1b224383283f2e875e4e4bec85f97d548078f256', class: "tabs" }, h("udp-tabs", { key: '3f2af545b1af466bf376e248ddadda48fceebb4d' }, h("button", { key: '7ba0d458d14def7c1fb1c32852e89097a85a07c2', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '7dec1019d203c03c6ab9485c0aa83008b7970cdc', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: 'f2a2f4e44fbc245ef82f8f3fe125cde71c3cc37e', class: "button-section" }, this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '05d8066fbaf0ee676b208450d3f349ca34dfd0db', class: "header-bar" }, h("div", { key: '6c51873109274bd2b18c39887ef3b8e1acdcabb2', class: "title-section" }, h("unity-typography", { key: '568f098a0188713135a4f4dcff8fa7a5f84ee609', variant: "h4" }, this.title)), this.tabs && (h("div", { key: '656269ec12df3265460024a722d8837c86c383f8', class: "tabs" }, h("udp-tabs", { key: '1d778ec3ec9a3f9728bf54cbcf7dbf1ec2ab7d87' }, h("button", { key: 'c4be42317f73d2a1b51fd25850e503fb99a03036', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '72e86c2d0a67b3317efdb89c3b665ea86f3c7567', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: '6fa2b14fa417ad95360467e1750e29d0be79b198', class: "button-section" }, this.defaultActionButtons.map(btn => {
             // Determine the actual icon to use
             const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);
             const clickHandler = (event) => {
@@ -146,7 +146,7 @@ const PrimaryActionHeader = class {
                 return (h("stencil-icon-button", { secondary: btn.secondary, onClick: clickHandler, tooltip: btn.tooltip }, this.renderIcon(ActualIcon), !this.hiddenLabels.includes(btn.label) && btn.showLabel && h("span", null, btn.label)));
             }
             return null;
-        }), !this.actionButtonLabel && h("div", { key: '6cd80a675dab2d514a8ddfa819162ed2219d41c1', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: '0c714349e245f2554667b03de3bdb0e66d44581d', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
+        }), !this.actionButtonLabel && h("div", { key: '5cc2c6c671cb3a41be30ddb785c5e8db168d6270', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: '3db6428edb10929c445e72b348c965ba0b459e75', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
     }
 };
 PrimaryActionHeader.style = primaryActionHeaderCss();
@@ -360,7 +360,7 @@ const UdpTabs = class {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: 'df21c243de60c14f45558ccae50480eaa4cd8bb7', class: "tab-container" }, h("div", { key: 'ea937d700c5c60026bb7782e718c717f5d64bed6', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '3e6df1c7ad7f9e56506793d2f1677fdb3f16f3cf', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'b42700d6add6b079417b254ab18e75c51a09d00f', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'cfdb8c9639dca0a6d5453097900758cd0d2fffe0', class: "scroll-fade left" }), h("div", { key: 'ad6a860db4b74383cdf5e2eec2fbd2dbd73eda51', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '29b0423ac240ba56f7f9942ba9f1341e19084b59', class: "tab-container" }, h("div", { key: '593122dad4d70a2b89963419f653aa022d256602', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '814e5f8e29491e2e0c18ab48766c7366d949d507', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '83c59c7d10f5b986ec7451b7341c289fccb99ff6', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'a3f1636b808842a4f8d2cf5af85bb9c617558868', class: "scroll-fade left" }), h("div", { key: '6c7ec90c21402fdb4ad0e5878a813e1255de34f8', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
             if (tab.hidden) {
                 return null;
             }
@@ -374,7 +374,7 @@ const UdpTabs = class {
                     [`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: 'da7a7d703e4d727c809a094f0be21861682295e8', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '72306b3afe78506147ffd8d34d62ce97ce6640eb', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '931a3ed42216f077cef73866abdf59eb7bb54b01', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '952b579182dfae443a06d6bc8cc14c73ec039e4d', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: 'd90c6893772a451666dd7962b77b18e1a5b36296' }, h("slot", { key: '2f7b4c59a97796a40c898fdcffc93d185777369e' })))));
+        }), h("div", { key: '3269205055ead814dbff78d2a18eb7e1fad6fabf', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '6c560b17fa23f771324a17dd459e53aec82f71fa', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '9aa89b9a9358452928d2dbca5dc4d084e21f3d8e', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '4980fb079c41a56a873afc88cc7fd9f4f411f64c', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '1e72007ccc47ac1c06765cabe9eb8e47d82087fa' }, h("slot", { key: '9dafd14a5bff09c982f56f51f623d616f8ae300b' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/question-configs-renderer_4.entry.js

@@ -120,41 +120,41 @@ const QuestionConfigsRenderer = class {
         var _a;
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: 'd2772dd681a8b4aacaeed761ba9c965a1b1a4d22', class: "generic-configs-container" }, h("div", { key: '90b6b09574a19b8f0ead25386a76ac3951a67ad7', class: "question-configs-header" }, h("unity-typography", { key: '7804dad70aec41bb93be9ce92373c006fb0c9625', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '1c6aabc296ace7193bb68a39937164bb4b42939d' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: 'a26355eba84f9ca62f3d9cfab181709ae88a229d', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: '600777fb9d46819ca072bea547585c221e9c1ad7', class: "generic-configs-container" }, h("div", { key: '05ef650bef28cf7f3fe164a89a3a0cbdb0e7fd40', class: "question-configs-header" }, h("unity-typography", { key: 'eb26e4f98548b80fd1d7f872bec4a90ce7eed55b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '6404191df6a717b3dfc64268eec44f3772897b13' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '454767a854087655c9f72060593dfeb6c7aebb88', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
                 const newValue = !this.question.required;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), h("text-area", { key: '1750414482561a59ebde43b977c6e2baf589f9cd', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, labelPosition: "right" })))), h("text-area", { key: '4226a9ebd2a596b1be11ac6988d10a7934ee4bc5', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '9f1eaeeb3794f9cf6388952a0a6af7eb326f0c0e', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), h("text-area", { key: 'ebc617119b5c7e65148bd86223a8c05fe30874b5', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-field", { key: 'a00923cb586dd53ea7fefe24d64f2fe1d50def84', label: "Reference Code", value: (_a = this.question.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", required: false, margin: 'dense', maxCharacter: 32, onInput: e => {
+            } }), h("text-field", { key: 'a81d180677ded40c03900eda13d0ee1ee1564794', label: "Reference Code", value: (_a = this.question.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", required: false, margin: 'dense', maxCharacter: 32, onInput: e => {
                 const inputValue = e.target.value;
                 const normalizedValue = inputValue.trim();
                 const newValue = normalizedValue.length > 0 ? normalizedValue : null;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'referenceCode');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("question-specific-configs-renderer", { key: '60cf9158b12fab3029854c8bfcf359ac6718a179', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), h("div", { key: '4dd24f55f514851d9354ded050884d03025c0736' }, h("stencil-toggle", { key: 'e969af30a8d2bd19a41b542978f0df5a3745b45f', label: "Read Only", disabled: this.isViewOnly, checked: this.question.fieldProperties.readOnly === true, onToggledChange: () => {
+            } }), h("question-specific-configs-renderer", { key: 'bed907dfe360ea9ee55b4b60c76d6324229f5fc6', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), h("div", { key: 'baf9fe1f2296d614ed4a43917abc2fd45cca8209' }, h("stencil-toggle", { key: '0b9bee6daa1445e58556a8a665677cd631181364', label: "Read Only", disabled: this.isViewOnly, checked: this.question.fieldProperties.readOnly === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'readOnly');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), this.isCommentingConfigOn && (h("div", { key: 'ffdea6b6e7786b63be709372ce1e4fb48114b032' }, h("stencil-toggle", { key: 'b834aeb9e10ad18f209ddbe1f22e32dbe3149dc0', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            }, labelPosition: "right" })), this.isCommentingConfigOn && (h("div", { key: '933950767a9656820c187d2d9ac003b5a86851d0' }, h("stencil-toggle", { key: '848fd4bf8abc7aa91c5e889499a77d4ed849ba18', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: 'bdc8390ce90567c42cce400310c3b00cd9ce3981' }, h("stencil-toggle", { key: '3d2574c20080e12825bc72017f0fb2e8346459f9', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: '0ee173a1e2d179e0ae9d55c98c680a0b771cb172' }, h("stencil-toggle", { key: '4e1f50f4dc0c172e409b33e15235ba5cf2a2c29e', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -191,21 +191,21 @@ const SectionConfigsRenderer = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e92b6ec51b4a0fcfadb4f4debe5134b598790a6e', class: "generic-configs-container" }, h("text-area", { key: '12c7c8183ca5448c9c0e86ac2452459d56d17c84', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
+        return (h("div", { key: 'e669b10c9aac0daf63dc90c78b246772b9eaf4d7', class: "generic-configs-container" }, h("text-area", { key: '9c85a3af7ce557b7b39db48134ee4322edcdce5d', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-field", { key: '166ea825159c78dbd0684f13716eff09e9193756', label: "Reference Code", value: (_a = this.section.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", maxCharacter: 32, onInput: (e) => {
+            } }), h("text-field", { key: '87c24ec88c990424516f4ff7372a3ce9dd04a465', label: "Reference Code", value: (_a = this.section.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", maxCharacter: 32, onInput: (e) => {
                 const inputValue = e.target.value;
                 const normalizedValue = inputValue.trim();
                 const newValue = normalizedValue.length > 0 ? normalizedValue : null;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'referenceCode', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: 'f844eb102f024bd5917bcae59f3ad2a6ab3c0460', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
+            } }), h("text-area", { key: '0335dc12467e8b1d2e319811152496029a18948a', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("stencil-toggle", { key: 'fcd1aca8c693e982b698d92ffa7536fccee20609', label: "Repeatable", disabled: this.isViewOnly, checked: ((_b = this.section.sectionProperties) === null || _b === void 0 ? void 0 : _b.isRepeatable) === true || false, onToggledChange: () => {
+            } }), h("stencil-toggle", { key: '4d4cf9c887499755ab6b415454b2d00e03833ac2', label: "Repeatable", disabled: this.isViewOnly, checked: ((_b = this.section.sectionProperties) === null || _b === void 0 ? void 0 : _b.isRepeatable) === true || false, onToggledChange: () => {
                 const newValue = !this.section.sectionProperties.isRepeatable;
                 const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
                 this.onFormSectionsDraftChange(updated);
@@ -226,8 +226,8 @@ const UdpFormsBuilderMenu = class {
     }
     render() {
         return [
-            h("div", { key: 'b9a6e10ed11c15018fb6862954674e24527e83db', class: 'menu-header-container' }, h("unity-typography", { key: '938119e467ad133f4d5a7f780ba28ad339f3181c', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '08a6f1af7d1cab0f2bbef8c5517e7f4e3917837b', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '39b6cef83986a02d05a7e74f1163d26f71574e77', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
+            h("div", { key: '5257b15592b040e364ace597f48184f971947175', class: 'menu-header-container' }, h("unity-typography", { key: '97ea505539e98a2e12c2a46f88bd10ae4fdaf904', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '2f385bb9f121f585d46a2fce6227ba7a9dbb2612', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: 'f9500b2c9ea04f5068de54db6dc6580aacb3046c', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
         ];
     }
 };
@@ -261,10 +261,10 @@ const UdpFormsBuilderQuestionItem = class {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: '0cd58e77eac6870bb70696573beaeca167cda636' }, h("div", { key: '8b4e6d228822e330086ab06b128712272e976fea', class: {
+        return (h(Host, { key: 'f5ee6b816c97ecf2e7703f7bc8000c6c932ef6c8' }, h("div", { key: '0ae65e301bf1b23ea6465d3b8eb046b7ed025538', class: {
                 'list-item': true,
                 'clickable': this.clickable,
-            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: 'a10fcb962378192864bce6c55ee5ab0f7fa60d55', class: "upload-container" }, h("slot", { key: '587dbe02a9cce0209b97f2ca9960be31ff31146a', name: "drag-and-drop" })), this.iconName && (h("div", { key: '637d1c70413914880ec524a289606fd44c3fdf65', class: "avatar-container" }, h("udp-avatar", { key: '44b4f780c08236ae1524ccfbc9e51a7936bd3f38', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '05310d88d15f00ff5d952b7ba9a75620aaa322fd', class: "text-container" }, showPrimaryText && (h("div", { key: '3e13a99f04af917edf094f369d7f0d4f200b5238', class: "primary-text", title: this.primaryText }, h("slot", { key: 'ce03787a8b975e1b5095a178224ba22585380da5', name: "primary-text" }, h("unity-typography", { key: '2a66b8e64c5f715938d8c0201dbe5595ec8ce5d7', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '9030617decb4bfc353c01984aaa03348dfda65b9', class: "secondary-text", title: this.secondaryText }, h("slot", { key: '44ce967d88bd8a2a4403c252efe11dfea433a81d', name: "secondary-text" }, h("unity-typography", { key: 'e41941512d3699d98c2a97e9fa6ea3fe8f2758a0', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '55cfd338797016cea846d6b319ab17a5129b5668', class: "status-chip-container" }, h("slot", { key: '5a65c926f22fdd6d5c1fca4f17afdd5a56e8a34c', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '488b3023fbe934b9635ceff6dcc4b53303d24f34', class: "actions-container" }, h("slot", { key: 'd20c64dcee68cdfe3a25c14f56b58de2857664c6', name: "actions" }))))));
+            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: '6dc8146f85c5276ea378254e384fe5563eaea625', class: "upload-container" }, h("slot", { key: '1087cbd99ec86d743648df714b9d4b9ffb4368db', name: "drag-and-drop" })), this.iconName && (h("div", { key: 'dbcbe5a4f99ac7bf2118f4d28cb976bbf152d0df', class: "avatar-container" }, h("udp-avatar", { key: 'f3b693a3d08b3dabcc5476bd6a8fa65cca90e743', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '36934390d81898b355fec16dfd8f7441c7cd8ba4', class: "text-container" }, showPrimaryText && (h("div", { key: '96db18efc967162c1f5a7b74d4ef8ae88632f762', class: "primary-text", title: this.primaryText }, h("slot", { key: 'fddf10f951886779e3243d206088a23873e504e4', name: "primary-text" }, h("unity-typography", { key: 'ca27a07e94882485c2bc4186bcc67d69fd6ebdb4', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '9a4925f392ca5e031ac06d3d4ef4c905ec745ef6', class: "secondary-text", title: this.secondaryText }, h("slot", { key: '729d87514f09a4c7cc69e4640d94dbb61b831876', name: "secondary-text" }, h("unity-typography", { key: '35fe4b439aa8016503d0084e550d7b1c6f1a5219', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '3bad9ca488ea4bafbb753496fc519a15efc8284e', class: "status-chip-container" }, h("slot", { key: '0ab0c0eca33fd0a65eac6418330376b0adcda0af', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '6d6887efa717baf2bb4c6c36bc723b23faf87b8b', class: "actions-container" }, h("slot", { key: '60c596dec942575d2cc3786dd410fea78af9207e', name: "actions" }))))));
     }
     get hostEl() { return getElement(this); }
 };

package/dist/esm/resource-timeline-calendar.entry.js

@@ -152,7 +152,7 @@ const ResourceTimelineCalendar = class {
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '92e721dafa80975ead78ed3e8fba36a65636a8d0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'e17ff97f7069c5a057caad6168534738dbc79c53', 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 }, h("slot", { key: '4eb8edb054f962695c7b018508ea718d5bafec16', name: "inline", slot: "inline" })), h("client-side-grid", { key: '32bfe633f571dd7a47d773cff67042be5b6b19f0', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridFunctions: this.getGridFunctions(), gridId: this.gridId, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: '9859ba3a357e5ff6b3af2ca610bd745e2dfcefd0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: '1e88673b1eccab14147b8634e9ec04a24563afe4', 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 }, h("slot", { key: 'b759f14475440172ead2f675303e0beff9f6bf7a', name: "inline", slot: "inline" })), h("client-side-grid", { key: 'd23b3a3f70d9e100a7195c04cb3fc0e61b0966dc', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridFunctions: this.getGridFunctions(), gridId: this.gridId, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {
                     colDef.suppressHeaderContextMenu = true;

package/dist/esm/resource-timeline-primary-bar.entry.js

@@ -26,11 +26,11 @@ const ResourceTimelinePrimaryBar = class {
                 Object.assign(Object.assign({}, this.secondaryAction), { label: (_d = this.secondaryAction.label) !== null && _d !== void 0 ? _d : '', disabled: this.secondaryAction.disabled || this.disableHeaderActions }),
             ]
             : [];
-        return (h("udp-primary-action-header", { key: 'f5edf0459f7e0f6136ed8e3056db4b788369164e', primaryAction: primaryAction, secondaryActions: secondaryActions }, h("span", { key: '4b539edaaa740cff41c3c4e1a8b6086d4f4c54df', slot: "title" }, this.gridBarTitle != null
+        return (h("udp-primary-action-header", { key: '684c299e5526ad20fb1c0d0feae08a92c8d01f06', primaryAction: primaryAction, secondaryActions: secondaryActions }, h("span", { key: '1e6453e230c55672c3ba71c8273ccaa61a773107', slot: "title" }, this.gridBarTitle != null
             ? h("udp-text", { variant: "subtitle1", block: false }, this.gridBarTitle)
-            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: 'b3a30a27bc09da0ce1de25e667496120f937101c', slot: "subtitle" }, this.subTitle != null
+            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: 'e32e399fdff02beed30f1a8e241a983eebbd0583', slot: "subtitle" }, this.subTitle != null
             ? h("udp-text", { variant: "caption1" }, this.subTitle)
-            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: '59002f25369250081912604674992da9bc1e3624', slot: "inline", class: "inline-status" }, h("slot", { key: '5c0e77c384f8c62a74072624666e968f0d3658bc', name: "inline" }), this.subtitleStatus && (h("udp-fluent-badge", { key: '9627a6c43500ee36edac9d577661559e82bf7370', appearance: "outline", color: chipToBadgeColor[this.subtitleStatusMappingClasses[this.subtitleStatus]] }, this.subtitleStatus)), this.showLockedIcon && (h("udp-fluent-icon-button", { key: '515c9aa4087d17d8c8152b9773b8cf9b54ad4ff3', iconName: "lock", appearance: "outline", size: "small", disabled: true, ariaLabel: "Locked" }))), this.clickBackward && (h("div", { key: '0a999382c0ce9c3f2bb865d0dba3f43af5e1f44e', slot: "actions", class: "date-navigation" }, h("udp-fluent-icon-button", { key: 'd20fd23cbc27ff99a2de9d106a05efcda45d9398', ariaLabel: "Previous period", iconName: "chevron-left", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickBackward }), this.clickToday && (h("udp-fluent-button", { key: 'a6b7cac7b5a97d4d137085d4ccfd5613242ed18d', appearance: "subtle", disabled: this.disableHeaderActions, onClick: this.clickToday }, "Today")), h("udp-fluent-icon-button", { key: 'a67cf5dd57057065f0a437cda062d6df24b0d953', ariaLabel: "Next period", iconName: "chevron-right", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickForward })))));
+            : h("udp-skeleton-loading", { width: "200px" })), h("span", { key: '281deb6e2678e3729bd7419708cb1c44879d9c07', slot: "inline", class: "inline-status" }, h("slot", { key: '254cb0922383349d7c347180f9728229368fa9c4', name: "inline" }), this.subtitleStatus && (h("udp-fluent-badge", { key: '1ecec25eb1db822b5bf827f3c3fdd5d8603cdb96', appearance: "outline", color: chipToBadgeColor[this.subtitleStatusMappingClasses[this.subtitleStatus]] }, this.subtitleStatus)), this.showLockedIcon && (h("udp-fluent-icon-button", { key: '2d592f9d535ad9a721291263e67d4d04d2200e51', iconName: "lock", appearance: "outline", size: "small", disabled: true, ariaLabel: "Locked" }))), this.clickBackward && (h("div", { key: 'd44e7b3f5927c54c7256c460427285e3db1bdc18', slot: "actions", class: "date-navigation" }, h("udp-fluent-icon-button", { key: 'e8eb8c16f9c535020f59779f59948c55b109e2b2', ariaLabel: "Previous period", iconName: "chevron-left", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickBackward }), this.clickToday && (h("udp-fluent-button", { key: '2505791f7bbb106c8c2ea7f5011d2f2f888f9741', appearance: "subtle", disabled: this.disableHeaderActions, onClick: this.clickToday }, "Today")), h("udp-fluent-icon-button", { key: 'a840bd59bb111da4228c7bf50c7946190404bfb1', ariaLabel: "Next period", iconName: "chevron-right", appearance: "subtle", shape: "rounded", disabled: this.disableHeaderActions, onClick: this.clickForward })))));
     }
 };
 ResourceTimelinePrimaryBar.style = resourceTimelinePrimaryBarCss();

package/dist/esm/search-method-grid.entry.js

@@ -369,7 +369,7 @@ const SearchMethodGrid = class {
         }
     }
     render() {
-        return (h("server-side-grid", { key: 'c4c00eb959bad20100b9f2f1a96bc9013f7cac01', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("server-side-grid", { key: 'd9791249ca416802fab3863cc60a327c4ed5b2f0', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "searchMethodConfig": [{

package/dist/esm/server-side-grid.entry.js

@@ -26,7 +26,7 @@ const ServerSideGrid = class {
         this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'a8ad7baf728ab3ded852d91cc6a4c90b1cd7e5c7', 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: 'c49a157e5e1de23659e323e29eb04b4395bcec96', 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 watchers() { return {
         "dataSource": [{

package/dist/esm/side-sheet-container.entry.js

@@ -9,7 +9,7 @@ const SideSheetContainer = class {
     }
     render() {
         const style = this.padding ? { 'padding': '16px' } : {};
-        return (h("div", { key: '8fa266713099318622dca4fb50c2bf80e3835ffa', class: "container", style: style }, h("slot", { key: '65d410950513e577e8264c68ebec1ff905c26035' })));
+        return (h("div", { key: '0fd652935bed287b128cf31e97472dccb7e969f1', class: "container", style: style }, h("slot", { key: 'cdf8b0f52fc827de12638da760b8afc01bcdb53e' })));
     }
 };
 SideSheetContainer.style = sideSheetContainerCss();

package/dist/esm/simple-card.entry.js

@@ -7,7 +7,7 @@ const SimpleCard = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '60f920fe15bbc2916a11a8b800fda7277a0b489a', class: "card" }, h("slot", { key: 'ac4b2c77d9ad2ca9e3d52423c194c2e6ecabdaeb' })));
+        return (h("div", { key: 'c12d035421c4e8c1adfd38dfcd8fdc973f522ef2', class: "card" }, h("slot", { key: '4f2afab983bd22ee3b2cab99dfdf196e248e034f' })));
     }
 };
 SimpleCard.style = simpleCardCss();

package/dist/esm/slot-helpers-Dx6EW-PP.js

@@ -0,0 +1,9 @@
+/**
+ * Returns true if the host element has any light-DOM child assigned to the given named slot.
+ * Works correctly with web component children (which have no light-DOM children or text of their own).
+ */
+function hasSlotContent(hostEl, slotName) {
+    return !!hostEl.querySelector(`[slot="${slotName}"]`);
+}
+
+export { hasSlotContent as h };

package/dist/esm/status-chip_2.entry.js

@@ -26,7 +26,7 @@ const StatusChip = class {
         this.statusValueWatcher(this.statusValue);
     }
     render() {
-        return (h("div", { key: '1a4afb563c15be92f2d2e7c506fcc6478a7ffa64', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: 'ef2fe04acfba96ed77cb867d10d99e77b44431fb' }, h("slot", { key: '98fa6a669807bdd3bb8cefd4326a0d3155d61b3f' }), " ")));
+        return (h("div", { key: 'a14e56dc4033f23273a5725dc30a411437c27e30', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: 'e32cef92b10ef706015bc359a73f3064e0d99c0d' }, h("slot", { key: '7bd87fb34dd1393b7e450aba448bbe03206a50a5' }), " ")));
     }
     static get watchers() { return {
         "statusValue": [{

package/dist/esm/stencil-chip.entry.js

@@ -84,12 +84,12 @@ const StencilChip = class {
                 color: '#fff',
             };
         const leftIconData = this.leftIcon || Close16; // Fallback to Add16 if no icon is provided
-        return (h("div", { key: '3ba827489bc79deb8005991c5e2b2e8032ab3da0', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: '8f14d03df5b2ffb51921afbace4fc2cdfcdd6347', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: '121941736df010e564c88e41fe8ebee58a4c1395' }, leftIconData.attrs, { fill: leftIconStyle.color }), leftIconData.content.map((item, index) => {
+        return (h("div", { key: '7862d43378407d1fe931b21edf1b5dd9d643ad52', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: '88b684fa9b184ce962862f6e1269b68059295047', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: '51bbce9d6d97569d65e4897af95ea98d798bc50f' }, leftIconData.attrs, { fill: leftIconStyle.color }), leftIconData.content.map((item, index) => {
             if (item.elem === 'path') {
                 return h("path", Object.assign({}, item.attrs, { key: index }));
             }
             return null;
-        })))), h("unity-typography", { key: 'd9b8ab0ecef77cfc38a38892fb0cd53fc06c7916', variant: 'caption-text' }, h("span", { key: '3bc55a86dbb2dc59a84ee7072fb083409491c2cd', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: '260c8a089283d6c49fffb3c5a46dc10f8f76c03a', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: '018d5172705c20987d686c95b3b9f7c75264f1f5' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
+        })))), h("unity-typography", { key: 'e4e008bb01e4e7d9a004f192338eee2cda965349', variant: 'caption-text' }, h("span", { key: '3febf17f8a3e0eb267a4aa67ff893e0f2a711898', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: '294180018fb9c207f57ec23396585e4305e26059', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: '3e1e40fa81c1f2e18b28baf09ef32870e9ba84b1' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
             if (item.elem === 'path') {
                 return h("path", Object.assign({}, item.attrs, { key: index }));
             }