npm - udp-stencil-component-library - Versions diffs - 25.18.1-beta.8 → 25.18.1-beta.9 - Mend

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

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

Files changed (965) hide show

package/dist/collection/components/my-component/UI/advanced-search/advanced-search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"advanced-search.js","sourceRoot":"","sources":["../../../../../src/components/my-component/UI/advanced-search/advanced-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, h, Watch, forceUpdate } from '@stencil/core';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { state } from '../../../../store/catalog-store';\n\n@Component({\n tag: 'advanced-search',\n styleUrl: 'advanced-search.css',\n shadow: true,\n})\nexport class AdvancedSearch {\n @Prop() filterList: any[] = [];\n @Prop() filterRenderList: any[] = [];\n @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n @State() nestedData: Map<string, any[]> = new Map();\n @Prop() handleDelete: (arg0: object) => void;\n @Event() advancedSearchItemChange: EventEmitter;\n @Prop() handleValueChanged: (event: CustomEvent) => void;\n @State() searchObject: Array<any> = [];\n @State() tempNestedData: Map<string, any[]> = new Map();\n //@Prop() parentFilter?: string;\n @State() testData: any[] = [];\n @State() showChildren: boolean = false;\n @Prop() getHeaderFieldLabel: (fieldName: string) => string;\n\n componentWillLoad() {\n // console.log('this.testData', this.testData);\n }\n\n @Watch('filterList')\n filterListWatcher(newValue: any[], oldValue: any[]) {\n if (newValue !== oldValue) {\n this.testData = newValue;\n }\n }\n\n handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n console.log(\n 'Clicked reference:',\n referenceValue,\n 'Name:',\n name,\n 'Parent Reference:',\n parentReference,\n 'parentFilter',\n parentFilter,\n 'parent reference click test',\n parent,\n parentPath,\n );\n\n if (state.isLoadingCatalogData \|\| state.catalogData === null) {\n return;\n }\n\n try {\n const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n if (Array.isArray(extendedSearchFilterList)) {\n this.updateNestedData(extendedSearchFilterList);\n } else {\n console.error('Extended search filter list is not an array');\n }\n } catch (error) {\n console.error('Error fetching filters:', error);\n }\n };\n\n updateNestedData = children => {\n if (!Array.isArray(children) \|\| children.length === 0) {\n console.error('Invalid or empty children data provided for updateNestedData');\n return;\n }\n\n const fromFilter = children[0].extendedProperties.fromFilter;\n const parentName = children[0].extendedProperties.parent;\n\n const checkForName = fromFilter;\n\n const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n\n if (testParentArray) {\n testParentArray.forEach(parentItem => {\n if (parentItem.name === parentName) {\n parentItem.referenceNode = children;\n } else if (parentItem.reference && parentItem.referenceNode) {\n this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n }\n });\n }\n\n // Helper function to check if an item is already present in the array\n const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n // Recursive function to update the nested data\n const updateNestedDataHelper = (array, children, parentName) => {\n return array.map(item => {\n if (item.name === parentName) {\n // Filter out children that are already present before appending\n const newChildren = children.filter(child => !isItemPresent(item.referenceNode \|\| [], child));\n return { ...item, referenceNode: [...(item.referenceNode \|\| []), ...newChildren] };\n } else if (item.referenceNode) {\n return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n } else {\n return item;\n }\n });\n };\n\n // Start the recursive update and assign it to testData\n this.testData = updateNestedDataHelper(this.testData, children, parentName);\n forceUpdate(this); // Not generally recommended, use as a last resort\n };\n\n updateNestedDataRecursively = (nestedArray, children, parentName) => {\n nestedArray.forEach(item => {\n if (item.name === parentName) {\n item.referenceNode = children;\n } else if (item.referenceNode) {\n this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n }\n });\n };\n\n private onTreeListItemClick = (\n event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string }>,\n ) => {\n const detail = event.detail;\n\n // Function to convert string to PascalCase\n const toPascalCase = str => {\n return str\n .split('.')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('.');\n };\n\n // Check if both parentName and parentPath are present\n if (detail.parentName && detail.parentPath) {\n detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n } else if (detail.parentName) {\n // If only parentName is present, exclude parentPath\n detail.searchField = `${detail.parentName}.${detail.searchField}`;\n } else {\n // No parentName or parentPath, use searchField as is\n detail.searchField = `${detail.searchField}`;\n }\n\n // Convert searchField to PascalCase\n detail.searchField = toPascalCase(detail.searchField);\n\n this.handleItemClick(detail); // Perform the search with the modified search object\n };\n\n render() {\n const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n return (\n <div class=\"container\">\n <div class=\"left-column\">\n {!safeTestData.length && (\n <div style={{ marginRight: '8px' }}>\n <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n </div>\n )}\n <div>\n {safeTestData.map((filter, index) => (\n <tree-list-item\n key={`${filter.name}-${index}`}\n level={0}\n label={this.getHeaderFieldLabel(filter.name)}\n fieldName={filter.name}\n reference={filter.reference}\n parentName=\"\"\n parentFilter={filter.extendedProperties.parentFilter}\n parentPath={'filter.extendedProperties.parentPath'}\n parent={filter.extendedProperties?.parent}\n nestedItems={filter.referenceNode}\n onReference-clicked={(\n event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n ) =>\n this.handleReferenceClick(\n event.detail.reference,\n event.detail.name,\n event.detail.parentReference,\n event.detail.parentFilter,\n event.detail.parent,\n event.detail.parentPath,\n )\n }\n onItemClick={this.onTreeListItemClick}\n ></tree-list-item>\n ))}\n </div>\n </div>\n <div class=\"right-column\">\n <udp-page-header onValueChanged={this.handleValueChanged}></udp-page-header>\n <filter-conditions></filter-conditions>\n {safeFilterRenderList.map(filter =>\n filter.filterElements.map((item, index) => (\n <search-list-item\n key={`${item.searchField}-${index}`}\n label={item?.searchLabel ?? item.searchField}\n fieldName={item.searchField}\n handleDelete={() => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue })}\n name={item.searchValue}\n />\n )),\n )}\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"advanced-search.js","sourceRoot":"","sources":["../../../../../src/components/my-component/UI/advanced-search/advanced-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, h, Watch, forceUpdate } from '@stencil/core';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { state } from '../../../../store/catalog-store';\n\n/*\n @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-advanced-search-builder` instead\n */\n\n@Component({\n tag: 'advanced-search',\n styleUrl: 'advanced-search.css',\n shadow: true,\n})\nexport class AdvancedSearch {\n @Prop() filterList: any[] = [];\n @Prop() filterRenderList: any[] = [];\n @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n @State() nestedData: Map<string, any[]> = new Map();\n @Prop() handleDelete: (arg0: object) => void;\n @Event() advancedSearchItemChange: EventEmitter;\n @Prop() handleValueChanged: (event: CustomEvent) => void;\n @State() searchObject: Array<any> = [];\n @State() tempNestedData: Map<string, any[]> = new Map();\n //@Prop() parentFilter?: string;\n @State() testData: any[] = [];\n @State() showChildren: boolean = false;\n @Prop() getHeaderFieldLabel: (fieldName: string) => string;\n\n componentWillLoad() {\n // console.log('this.testData', this.testData);\n }\n\n @Watch('filterList')\n filterListWatcher(newValue: any[], oldValue: any[]) {\n if (newValue !== oldValue) {\n this.testData = newValue;\n }\n }\n\n handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n console.log(\n 'Clicked reference:',\n referenceValue,\n 'Name:',\n name,\n 'Parent Reference:',\n parentReference,\n 'parentFilter',\n parentFilter,\n 'parent reference click test',\n parent,\n parentPath,\n );\n\n if (state.isLoadingCatalogData \|\| state.catalogData === null) {\n return;\n }\n\n try {\n const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n if (Array.isArray(extendedSearchFilterList)) {\n this.updateNestedData(extendedSearchFilterList);\n } else {\n console.error('Extended search filter list is not an array');\n }\n } catch (error) {\n console.error('Error fetching filters:', error);\n }\n };\n\n updateNestedData = children => {\n if (!Array.isArray(children) \|\| children.length === 0) {\n console.error('Invalid or empty children data provided for updateNestedData');\n return;\n }\n\n const fromFilter = children[0].extendedProperties.fromFilter;\n const parentName = children[0].extendedProperties.parent;\n\n const checkForName = fromFilter;\n\n const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n\n if (testParentArray) {\n testParentArray.forEach(parentItem => {\n if (parentItem.name === parentName) {\n parentItem.referenceNode = children;\n } else if (parentItem.reference && parentItem.referenceNode) {\n this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n }\n });\n }\n\n // Helper function to check if an item is already present in the array\n const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n // Recursive function to update the nested data\n const updateNestedDataHelper = (array, children, parentName) => {\n return array.map(item => {\n if (item.name === parentName) {\n // Filter out children that are already present before appending\n const newChildren = children.filter(child => !isItemPresent(item.referenceNode \|\| [], child));\n return { ...item, referenceNode: [...(item.referenceNode \|\| []), ...newChildren] };\n } else if (item.referenceNode) {\n return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n } else {\n return item;\n }\n });\n };\n\n // Start the recursive update and assign it to testData\n this.testData = updateNestedDataHelper(this.testData, children, parentName);\n forceUpdate(this); // Not generally recommended, use as a last resort\n };\n\n updateNestedDataRecursively = (nestedArray, children, parentName) => {\n nestedArray.forEach(item => {\n if (item.name === parentName) {\n item.referenceNode = children;\n } else if (item.referenceNode) {\n this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n }\n });\n };\n\n private onTreeListItemClick = (\n event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string }>,\n ) => {\n const detail = event.detail;\n\n // Function to convert string to PascalCase\n const toPascalCase = str => {\n return str\n .split('.')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('.');\n };\n\n // Check if both parentName and parentPath are present\n if (detail.parentName && detail.parentPath) {\n detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n } else if (detail.parentName) {\n // If only parentName is present, exclude parentPath\n detail.searchField = `${detail.parentName}.${detail.searchField}`;\n } else {\n // No parentName or parentPath, use searchField as is\n detail.searchField = `${detail.searchField}`;\n }\n\n // Convert searchField to PascalCase\n detail.searchField = toPascalCase(detail.searchField);\n\n this.handleItemClick(detail); // Perform the search with the modified search object\n };\n\n render() {\n const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n return (\n <div class=\"container\">\n <div class=\"left-column\">\n {!safeTestData.length && (\n <div style={{ marginRight: '8px' }}>\n <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n </div>\n )}\n <div>\n {safeTestData.map((filter, index) => (\n <tree-list-item\n key={`${filter.name}-${index}`}\n level={0}\n label={this.getHeaderFieldLabel(filter.name)}\n fieldName={filter.name}\n reference={filter.reference}\n parentName=\"\"\n parentFilter={filter.extendedProperties.parentFilter}\n parentPath={'filter.extendedProperties.parentPath'}\n parent={filter.extendedProperties?.parent}\n nestedItems={filter.referenceNode}\n onReference-clicked={(\n event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n ) =>\n this.handleReferenceClick(\n event.detail.reference,\n event.detail.name,\n event.detail.parentReference,\n event.detail.parentFilter,\n event.detail.parent,\n event.detail.parentPath,\n )\n }\n onItemClick={this.onTreeListItemClick}\n ></tree-list-item>\n ))}\n </div>\n </div>\n <div class=\"right-column\">\n <udp-page-header onValueChanged={this.handleValueChanged}></udp-page-header>\n <filter-conditions></filter-conditions>\n {safeFilterRenderList.map(filter =>\n filter.filterElements.map((item, index) => (\n <search-list-item\n key={`${item.searchField}-${index}`}\n label={item?.searchLabel ?? item.searchField}\n fieldName={item.searchField}\n handleDelete={() => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue })}\n name={item.searchValue}\n />\n )),\n )}\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/my-component/UI/advanced-search/filter-conditions/filter-conditions.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class AdvancedSearch {
     render() {
-        return (h("div", { key: 'bbe013b5abccf54015f3132e752f07b761ee460d', class: "container" }, h("udp-column-header", { key: 'ed9fd5517c84bc744935327bef467c3c90e6e8fb' })));
+        return (h("div", { key: '4154598d43eb91bd15d283ac1acfb43b45b97138', class: "container" }, h("udp-column-header", { key: 'd26ae25d06228516b680e2188739eac3ee0e84ec' })));
     }
     static get is() { return "filter-conditions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search/ui/logical-search-indicator/logical-search-indicator.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class LogicalSearchIndicator {
     render() {
-        return (h("div", { key: '1b51c4a2f2c74141174c55d7b1c57a3384075bac', class: "chip" }, this.type === 1 ? h("unity-typography", { variant: "data-display-one" }, "AND") : this.type === 2 ? h("unity-typography", { variant: "data-display-one" }, "OR") : ''));
+        return (h("div", { key: '331c0153dcdea00557219cb1585d682399c8268f', class: "chip" }, this.type === 1 ? h("unity-typography", { variant: "data-display-one" }, "AND") : this.type === 2 ? h("unity-typography", { variant: "data-display-one" }, "OR") : ''));
     }
     static get is() { return "logical-search-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search-builder/advanced-search-builder.js CHANGED Viewed

@@ -317,11 +317,11 @@ export class AdvancedSearchBuilder {
             // If resizable, this will be the initial height, constrained by the CSS.
             hostStyles['height'] = this.config.height;
         }
-        return (h(Host, { key: '841ba8110f782dd5d2dd13a3e9e68613d92e3bc0', style: hostStyles, class: {
+        return (h(Host, { key: '08b51b258349291075da0748a6e7cc2c0bbab62a', style: hostStyles, class: {
                 'is-resizable': isResizable,
                 'host-expanded': this.isExpanded,
                 'host-collapsed': !this.isExpanded,
-            } }, h("div", { key: 'f288ddc8595f3d9f43a9a621ced0f8ea368f3bc3', class: containerClasses }, isCollapsible && (h("div", { key: '2bde964230a5f671660c82db03d7554f1186c0c6', class: "collapsed-view" }, h("input", { key: '6d2c1eb02a43706b9b0423339921887eefe8b90c', type: "text", readonly: true, value: this.filterString, class: "string-display-input" }), h("custom-button", { key: 'f8615558e378e0898d71c732d115cd7e4aa4fb5f', class: "toggle-button", size: "short", variant: "text", handleClick: this.toggleExpanded }, h("span", { key: '7eb2e27912bf83c0ab4e58cf79467237b695c31d' }, this.isExpanded ? 'Collapse' : 'Expand'), h("svg", { key: 'b5bd36c8df7451be1062223369a0e313793ab8a0', class: "toggle-icon", viewBox: "0 0 16 16" }, h("path", { key: 'f18a71c2fbb9e382692eee312a68b610e34d8925', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), h("div", { key: '351d55e5deb81b71abfa0b180e3180d2a809719a', class: "anim-container", ref: el => (this.animContainerEl = el) }, h("div", { key: 'eb459d12922a242b08de989575f6e0a966ab8578', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (h("filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fields, isRoot: true, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDropOnFilter: this.handleDrop, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu, onDropOnGroup: this.handleDropOnGroup })))), showFooter && (h("div", { key: '74c80e05fa6b9dc353ac0bf488d3cb18c7a22935', class: "advanced-filter-footer" }, h("validation-chip", { key: '277a0450b7477a669820319cf9f8f4f85fb3c06c', isValid: this.isFilterValid, errorMessages: this.errorMessages }), h("udp-button", { key: '239a3d4e9e1ca97a10586eae6a2e5144e307f77a', disabled: !this.isFilterValid, onClick: this.handleSearch, variant: "contained" }, "Search"))))));
+            } }, h("div", { key: '3a8b7381f9ba31a86a7f6531b8bef06ff17abad9', class: containerClasses }, isCollapsible && (h("div", { key: '96de7c63133ad974560602352df6f8b2760182c1', class: "collapsed-view" }, h("input", { key: '59b82858c9621c0ca836a5bd586d67278b037a2b', type: "text", readonly: true, value: this.filterString, class: "string-display-input" }), h("custom-button", { key: 'aad24900faaed98aa08404a231c1e6e72cbc1c67', class: "toggle-button", size: "short", variant: "text", handleClick: this.toggleExpanded }, h("span", { key: '840110da27ac4b0f8dd94be4617afc6d9125bc69' }, this.isExpanded ? 'Collapse' : 'Expand'), h("svg", { key: 'a88df568fce4686e58dc19701573883d7575ef81', class: "toggle-icon", viewBox: "0 0 16 16" }, h("path", { key: '92b11b751499a4b7489b1dc8f8cc184d3f659c5c', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), h("div", { key: 'd79c37547eaff035b1b9fe1c3a5059bc448734bf', class: "anim-container", ref: el => (this.animContainerEl = el) }, h("div", { key: '1e98e101bf1c29f1a79b523094610975a210a498', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (h("filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fields, isRoot: true, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDropOnFilter: this.handleDrop, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu, onDropOnGroup: this.handleDropOnGroup })))), showFooter && (h("div", { key: '09099816ef976a42f1a0814e8bb87b2553a6d382', class: "advanced-filter-footer" }, h("validation-chip", { key: 'b511f111fabd20ca5bc44ed4ca366ebb5c4f05a0', isValid: this.isFilterValid, errorMessages: this.errorMessages }), h("udp-button", { key: '52ecf26b9baee62c2cd75f2fff3a75f9c27be6d5', disabled: !this.isFilterValid, onClick: this.handleSearch, variant: "contained" }, "Search"))))));
     }
     static get is() { return "advanced-search-builder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search-builder/udp-advanced-search-builder.js CHANGED Viewed

@@ -40,7 +40,7 @@ export class UdpAdvancedSearchBuilder {
         this.buildFieldTree();
     }
     render() {
-        return (h("div", { key: 'fd0a67611467f6cfad311da30952abd9312ef60d' }, h("advanced-search-builder", { key: '24ff6c84495cd6b282da58d921bd13e2981bf094', fields: this.fieldsArray, initialFilterData: this.initialFilterData, onFilterSave: this.handleFilterSave, config: this.config })));
+        return (h("div", { key: '9ac29f7fd1dea3382936d9970fefaf225e6dde77' }, h("advanced-search-builder", { key: 'adbfe94d4486d4a5bbbd6f98cffb4f7a2ad12974', fields: this.fieldsArray, initialFilterData: this.initialFilterData, onFilterSave: this.handleFilterSave, config: this.config })));
     }
     static get is() { return "udp-advanced-search-builder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search-builder/validation-chip.js CHANGED Viewed

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

package/dist/collection/components/my-component/UI/buttons/icon-button/function-button/udp-function-button.js CHANGED Viewed

@@ -62,7 +62,7 @@ export class UdpFunctionButton {
     }
     render() {
         const btnClass = this.noBackground ? 'udp-btn no-bg' : 'udp-btn';
-        return (h("button", { key: '52ac9af7f328b8b45a649a52298ebfc7b4c9ad4d', class: btnClass }, h("span", { key: '4f2196fd6cf6aa678386acdfddd3e1bc020478c7', class: "btn-content" }, this.renderIcon())));
+        return (h("button", { key: 'f4cddbfd414b241e7ca9e99facecd74b44c46538', class: btnClass }, h("span", { key: 'dcdefcc90f99e66fafd64993f07ae8e6d9c870c2', class: "btn-content" }, this.renderIcon())));
     }
     static get is() { return "udp-function-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/buttons/icon-button/primary-button/custom-button.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class CustomButton {
         else if (this.size === 'tall') {
             buttonClass += ' my-button--tall';
         }
-        return (h("button", { key: '058a28982fc48894d84365865e8db06e13dde60d', type: this.type, class: buttonClass, onClick: this.handleButtonClick, disabled: this.disabled }, this.label, h("slot", { key: '678ee3c34566b1737a14bc7d136b200ebd17ac6f' })));
+        return (h("button", { key: '9f9308f5f38ae89dd1f563c20cbabc688c539b16', type: this.type, class: buttonClass, onClick: this.handleButtonClick, disabled: this.disabled }, this.label, h("slot", { key: '5653ac76182fced70bf5261098952b30ca010771' })));
     }
     static get is() { return "custom-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/buttons/icon-button/radio-button/udp-radio-button.js CHANGED Viewed

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

package/dist/collection/components/my-component/UI/buttons/udp-button/udp-button.js CHANGED Viewed

@@ -116,7 +116,7 @@ export class UdpButton {
         else {
             attributes.type = this.type;
         }
-        return (h(TagType, Object.assign({ key: '3eb3a4b71edb7a1cf04ebb2672a61165f1116e12' }, attributes), h("div", { key: 'c5109eaa6624f887fa72a73836e42e84642452cd', class: "udp-button__spinner" }), h("span", { key: 'fe127ad7bd17a175a02327db12c971465bc7f1a8', class: "udp-button__content-wrapper" }, this.startIcon && (h("span", { key: '527e4502b02df0009e861c195f939df5c025d52e', class: "udp-button__icon udp-button__icon--start", "aria-hidden": "true" }, this.startIcon)), h("span", { key: 'a8ad3a8d9168060d2ff51341e268d38531c44f7a', class: "udp-button__text-content" }, h("slot", { key: '95ec051ecdd194e3c1fb0145bf9f1d9632aaff19' })), this.endIcon && (h("span", { key: 'df6c22f7537fe5d9eef5e3fa9c87f335729b21ab', class: "udp-button__icon udp-button__icon--end", "aria-hidden": "true" }, this.endIcon)))));
+        return (h(TagType, Object.assign({ key: 'a7c5e84ace11fcaa4c1ce860a56d0f21884042ea' }, attributes), h("div", { key: '074b6704a0ffd5f36693c671aaf247cdda765747', class: "udp-button__spinner" }), h("span", { key: 'db350dd746f13cc29c98293447c90edab30ccfd6', class: "udp-button__content-wrapper" }, this.startIcon && (h("span", { key: 'ea8afce99fe56db0f1860b589e34e8cd46118d7c', class: "udp-button__icon udp-button__icon--start", "aria-hidden": "true" }, this.startIcon)), h("span", { key: '12818dd99a11f7c4a025b2910e87663483d7edb1', class: "udp-button__text-content" }, h("slot", { key: 'b19eb4f2f6408cb44edadb9580da10d03ccd0c72' })), this.endIcon && (h("span", { key: 'db815c5f23df3e38c48df9c2687d8ea095c91d3e', class: "udp-button__icon udp-button__icon--end", "aria-hidden": "true" }, this.endIcon)))));
     }
     static get is() { return "udp-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-base.js CHANGED Viewed

@@ -122,7 +122,7 @@ export class UdpCalendarBase {
     render() {
         const calendarStyle = Object.assign({}, (this.width !== null ? { width: this.width + 'px' } : {}) // Conditionally add width property
         );
-        return (h("div", { key: '7d03ec3c6f36d37817e0e66ed7f1d43d51483f92', id: 'calendar', style: calendarStyle }));
+        return (h("div", { key: '6aa4c11c5974fcf6f1a5de081e0e44e4c5881794', id: 'calendar', style: calendarStyle }));
     }
     static get is() { return "udp-calendar-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-day.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class UdpCalendarDay {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '48964793008fc4a1999fe007baaecf006491253a', initialView: 'dayGridDay' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: 'eda41b82a073cce838cb0ed17ce6fe6837cb7dcf', initialView: 'dayGridDay' }, this.props)));
     }
     static get is() { return "udp-calendar-day"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-month.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class UdpCalendarMonth {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: 'a961702bbf34f808c33ab32c36e97c5acd8c7a2a', initialView: 'dayGridMonth' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: '9b424e8ad395f89ca614d8ce580d1a0ff843e78e', initialView: 'dayGridMonth' }, this.props)));
     }
     static get is() { return "udp-calendar-month"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-week.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class UdpCalendarWeek {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '1a3a3f243480dc0b8edb378706c4992e4739d85f', initialView: 'dayGridWeek' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: '55a306e034fdf1cec3d605b078ca63edd49da3f8', initialView: 'dayGridWeek' }, this.props)));
     }
     static get is() { return "udp-calendar-week"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-year.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class UdpCalendarYear {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '338f820de2909bc35cd1dcf0cacf18782853f44d', initialView: 'dayGridYear' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: '462eb65e73ea3d1f5407d02da9ff046c04f20420', initialView: 'dayGridYear' }, this.props)));
     }
     static get is() { return "udp-calendar-year"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/chart-kpi/chart-kpi.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ChartKpi {
     render() {
-        return (h(Host, { key: '6714133469f134b7b484a538046c4e98777f8d58', class: "chart-kpi-container" }, h("unity-typography", { key: 'c7156f8d1af17d56c52ae7b04b66f0cb11e9bc8e', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: 'bb83487c9a28f93f07b1c03057e051df8697f1c2', class: 'element', variant: 'caption-text' }, this.label)));
+        return (h(Host, { key: '436148c37dbf47597da804f8704541f384e19cd7', class: "chart-kpi-container" }, h("unity-typography", { key: '9cf2177e187d3bd6652630db29d92dc52f4c1fdb', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: '5a0d8cbf8230d67a4012cffd84f6816578e1c54b', class: 'element', variant: 'caption-text' }, this.label)));
     }
     static get is() { return "chart-kpi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-bar-chart/udp-bar-chart.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class UdpBarChart {
         this.chartId = uuid();
     }
     render() {
-        return (h("udp-xy-chart", { key: '18603b9864e8d89b61427a2f049d77f2621721f7', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.labelField, valueField: this.valueField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, hideBorder: this.hideBorder, removePadding: this.removePadding, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel }));
+        return (h("udp-xy-chart", { key: 'd551287d3e529dca14582e71ff687cefa79e4cfc', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.labelField, valueField: this.valueField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, hideBorder: this.hideBorder, removePadding: this.removePadding, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel }));
     }
     static get is() { return "udp-bar-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-charts-example.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class UdpChartsExample {
     render() {
-        return (h(Host, { key: '473a1f06ef8849e12d8eae9416e9855c7ed4fa19', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '011c5b108b019f84e277a6c7e8df5b4e73fa8a1f', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'd364f7496d903291aa5820a440ff0cbe2e5e450e' }), h("udp-bar-chart", { key: '76773e0e26477f3c82e8c00134e85301770e7649' }), h("udp-line-chart", { key: '6251ca89855ef9b87269bf111d70816dcc8780ea' })));
+        return (h(Host, { key: '3d363f23bd976ae0389800768b40e1b9e7b8fd9e', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '1e5fd2d0df2de43e1c41cfe7340689bfa7b2cd0d', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'a693dd0f31f7ff8029b39d5178deef02bae27082' }), h("udp-bar-chart", { key: '2f6d0d1b242f6a15342eb2dd35c45bd137ee0928' }), h("udp-line-chart", { key: '7172d5804f8c503b78a639a22c0746cf2944a111' })));
     }
     static get is() { return "udp-charts-example"; }
 }

package/dist/collection/components/my-component/UI/charts/udp-distribution-chart/udp-distribution-chart.js CHANGED Viewed

@@ -90,7 +90,7 @@ export class UdpDistributionChart {
         this.transformData();
     }
     render() {
-        return (h("udp-xy-chart", { key: '51750b7fb6eba95b8987e9f2a67078ab32b52132', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: '87692b9ed89a77c2cb9e1b5fa6aec121a288ec91', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-distribution-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-donut-chart/udp-donut-chart.js CHANGED Viewed

@@ -90,7 +90,7 @@ export class UdpDonutChart {
         }
     }
     render() {
-        return (h("chart-container", { key: '7cac31b737c79839283dc3ae8489e79487d0db41', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ede0fa20539da6d2471676157559fb9f2317a19a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-donut-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-line-chart/udp-line-chart.js CHANGED Viewed

@@ -29,7 +29,7 @@ export class UdpLineChart {
         this.removePadding = false;
     }
     render() {
-        return (h("udp-xy-chart", { key: '92cdbee4bb998251a3c9589dab207ff90b54a051', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: '0802cdccb8b6c5f4c7f4b8609fa886fc9e18e732', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-line-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-sankey-chart/udp-sankey-chart.js CHANGED Viewed

@@ -64,7 +64,7 @@ export class UdpSankeyChart {
         }
     }
     render() {
-        return (h("chart-container", { key: 'd172e6bdf59852b931e71f23412adac1d34f4773', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '6417cebcb21362b9653a8cae10dd81a111f22daf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-sankey-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-xy-chart/udp-xy-chart.js CHANGED Viewed

@@ -99,7 +99,7 @@ export class UdpXyChart {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: 'd9fde65c90053420c8cd49cdf1563cad73eaef77', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'f43c02933036c59003480fcc015b4ed7a520ac1d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-xy-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-xy-multi-series-chart/udp-xy-multi-series-chart.js CHANGED Viewed

@@ -106,7 +106,7 @@ export class UdpXyMultiSeriesChart {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '3d2981719204d4271691e787aa1b6809d3f4e7a0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ee130ed18c303e25fce7aa5dd5959a7ccabb7e8a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-xy-multi-series-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/adornment/udp-adornment/udp-adornment.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class UdpAdornment {
     }
     render() {
         const style = { width: '4px', height: '100%', backgroundColor: this.getColor() };
-        return h(Host, { key: 'e2b0381ebf4b58fefb2fd197b756c4037e78e766', style: style });
+        return h(Host, { key: '435d01948aa300faf8b765d73256111004f93d15', style: style });
     }
     static get is() { return "udp-adornment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/badge/udp-badge.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class UdpBadge {
     }
     render() {
         const displayContent = this.content > this.max ? `${this.max}+` : this.content;
-        return (h("div", { key: 'a73ac0cecf88d1091577ecea74bb309b7e68b7e0', class: "badge-wrapper" }, h("slot", { key: '9f76f4d4c4425fd3b655fc0e9ea18aef6ae4cc45' }), h("span", { key: 'd32a782e886f6ee6ba5ed23adf6e93efd4fd4095', class: "badge-content" }, h("unity-typography", { key: '3e0167fc766288860fd666a21163c40b0bfa42c8', variant: 'caption-text' }, " ", displayContent, " "))));
+        return (h("div", { key: '291c4c86e239ee96e9cc37458a03c50656c48415', class: "badge-wrapper" }, h("slot", { key: '3a9a8ce473aa3e520107fe15e4b7134fe835bca3' }), h("span", { key: '399dce91383974d53dda18b3c35f7735b3fc3354', class: "badge-content" }, h("unity-typography", { key: '76694919b5be85f9f2240b0bb500a21e444d8dfc', variant: 'caption-text' }, " ", displayContent, " "))));
     }
     static get is() { return "udp-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-ambient-card/udp-ambient-card.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class UdpAmbientCard {
         };
     }
     render() {
-        return (h("div", { key: '825d3956a1742004c7f1c55b1ad48be20f5b73f2', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: '4cfe2ac3b69613cb309232bfb114d573f7d2e09a', class: "adornment" }, h("udp-adornment", { key: '922d0b101420eb1d8a4805d14ac81d012e949894', status: "info" }))), h("div", { key: '8c1994148fa68e651da50029cfa44f540f548b91', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '351249eff43ff0f948c9aa9e62174d089ce6cb77', class: "card-data" }, h("div", { key: '60c7b952556402212b180b969f16c5eabcaf8dd3', class: "title" }, h("unity-typography", { key: 'a346a33fb22a79157538b446411c240c9a65ccbe', variant: "data-display-four" }, this.title)), h("div", { key: '243ba3037fda6148c721d55b309a5a0bbd1b7dac', class: "body" }, h("slot", { key: '1141709924689108f9e0dc4004f510c7716ead50' })), h("div", { key: '84f325c8fa332099291dd8124b0a2b84bac27803', class: "footer" }, this.overflow && (h("div", { key: 'f6ff0bc571e36c78a12dd5fc9fba41af9c71ec0d', class: "more-button" }, h("unity-typography", { key: 'fd11230d3d18b610e46e8cf8ac8d0264b3f4ddf8', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: 'f96e98a40b8458a6094be18e9bf940a47f894bd8', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown16, showLabel: false })))), h("div", { key: 'e023ecc66804bf896e6bc1ba763f5c154f407058', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: '9c78ceed85e03ec60b73fdc84d25d3daf273724a', variant: "body" }, this.overflow))))));
+        return (h("div", { key: '96080cabff1e697e2e5e301d4fc38cce049294d3', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: 'a9617781fb869cce36dfad087c76a3daf08217fa', class: "adornment" }, h("udp-adornment", { key: 'ce6516a601c102f99f07a5132f5da4a582e690ab', status: "info" }))), h("div", { key: '89195e37c6ab81c845e6646e7f1559588789637a', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '83918f1f47cd7c26a92aa1c016e4573f823829b1', class: "card-data" }, h("div", { key: '630f490a3be4b0c6c583c379ac1fbebf23af9b1e', class: "title" }, h("unity-typography", { key: '81f69a51798cb01ed8edd41c9b96cdbbe98f3738', variant: "data-display-four" }, this.title)), h("div", { key: '461da9f6fbeaa620f22373176d5d29fc2ce45e93', class: "body" }, h("slot", { key: '9556183b944106f6269014b6e4731c75117cad2a' })), h("div", { key: '9b449e8c8d851e88259e3680f7c8b1ac4201898d', class: "footer" }, this.overflow && (h("div", { key: '23859b21e16793b7380ba0407c46bdf14eb62d85', class: "more-button" }, h("unity-typography", { key: 'b3457213e5d885b9e9673d121f0533206311e7af', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: 'a767525335d6a012f3aee4460a297f5fe3eb7ac2', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown16, showLabel: false })))), h("div", { key: '348cff2b751c29e34726f8ac3020fc8e49eb6a15', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: '5fb007403802c7136f795ca7e1e2c77f796cb405', variant: "body" }, this.overflow))))));
     }
     static get is() { return "udp-ambient-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-action-area/udp-card-action-area.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class UdpCardActionArea {
     render() {
-        return (h(Host, { key: 'ae21a99ecf55da0261fd79773125105c7d8ffd66' }, h("button", { key: 'ba3a8b0787b33208c0f4bad409a42db540a1f10c', class: "button" }, h("slot", { key: 'bea97e746121d9fbb788956c08b16537f950f7d6' }))));
+        return (h(Host, { key: '8aa6f62bf0a6d00e9faaa01690785394a3233c61' }, h("button", { key: '8050e757c5f9a197b9800b0dd743215847d9ba3e', class: "button" }, h("slot", { key: '836fe74f753e3dd77af3a2984c2c8838a62b931e' }))));
     }
     static get is() { return "udp-card-action-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-actions/udp-card-actions.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class UdpCardActions {
         this.align = 'end';
     }
     render() {
-        return (h(Host, { key: '9fc889fd6af89dfb9850ef34cb3c834be7a69628', class: this.align }, h("slot", { key: '8d57684b4dc755686e57ccd482a0cb2a17158f6e' })));
+        return (h(Host, { key: '95cf05215118e9f8db05eb3e478217dda1ac72d0', class: this.align }, h("slot", { key: 'a126c66aea6a7f84f46ddb51a89488faa5e921d2' })));
     }
     static get is() { return "udp-card-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-content/udp-card-content.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class UdpCardContent {
         this.disablePadding = false;
     }
     render() {
-        return (h(Host, { key: 'be09df278e7a7120c1c4bd3f544d39915e94ab65', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: '223e15697e5b41cea30f8bfc572f6bfb2752f8fa' })));
+        return (h(Host, { key: '2e78093dc300bbf2dd29b56f7acc9709195a4e54', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: '81eab6bf06aaddb1aaabd412d6899a41d78cbb1a' })));
     }
     static get is() { return "udp-card-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-header/udp-card-header.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class UdpCardHeader {
         const titleContent = this.disableTypography ? this.cardTitle : h("unity-typography", { variant: "h6" }, this.cardTitle);
         const wrappedTitleContent = this.titleHref || this.titleClick ? (h("udp-link", { href: this.titleHref, target: this.titleTarget, onLinkClick: this.handleTitleClick }, titleContent)) : (titleContent);
         const subheaderContent = this.disableTypography ? (this.subheader) : typeof this.subheader === 'string' ? (h("unity-typography", { variant: "body1", color: "textSecondary" }, this.subheader)) : (this.subheader);
-        return (h(Host, { key: '8cec58b9b79911ea5d9549f4dbeeb255fe1ccff7' }, this.avatar && h("div", { key: 'fd15211179b5b66a075bc9286f1ca5cd4e36e043', class: "avatar" }, this.avatar), h("div", { key: '0679d2d5fba60d1c9fc1d92acc85983f514834fd', class: "content" }, h("slot", { key: '29da4a92ee444e699ec93389e2255592892731aa', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '434eb7e9b09f83b2ec7241befa784b13f7c93a9a', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: 'c76f2268e9afb63b2cf38410b6eb7f316d5c812f' })), this.action && h("div", { key: '69bd50571df1f1a88c2139b6a2ff307dd96a2dbb', class: "action" }, this.action), h("slot", { key: '271527b00faaf3541d4676f539e9d6636b35cc2a', name: "action" })));
+        return (h(Host, { key: '3d5d1541e89f8e32fed4dbd948fddc44cae46a6f' }, this.avatar && h("div", { key: '2b9ee9575f3d4ae6dd272e151ad704c997042df3', class: "avatar" }, this.avatar), h("div", { key: '06758a75f8c6883979f21cb8e49f4fb0de4f1420', class: "content" }, h("slot", { key: '5be63eb3f42b33089cb67138f9cd0e7481ff359f', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '955ca2bab6df8130b0b7ed67cefd8538981dddff', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: 'b3287962ffd40451c9f23c3df63afa3b3e856f3d' })), this.action && h("div", { key: 'f4d363128ef172b900d3e34b71cfc836cd076220', class: "action" }, this.action), h("slot", { key: '03f536ca620f254433d0099e403b7a6080acd03f', name: "action" })));
     }
     static get is() { return "udp-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-media/udp-card-media.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class UdpCardMedia {
     render() {
-        return (h(Host, { key: 'c3f9e1629e5b33d718edec1ba210e1173f3551db', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '3630a2018508dfa6cb9c312e36148129cb99d02a' })));
+        return (h(Host, { key: 'e996bd3d01ccdf832b3c4dac1a0c9c01d3122044', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '7a55b1f51281cbacf0c70f82d5fd1cd8e45721b1' })));
     }
     static get is() { return "udp-card-media"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card.js CHANGED Viewed

@@ -26,11 +26,11 @@ export class UdpCard {
         const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);
         const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;
         // const hasDefaultContent = !!this.el.querySelector(':not([slot])');
-        const mainContent = (h(Fragment, { key: 'b7fc40fddaccf8e1f7b065a1f10759a2f4395d84' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'a7380ff44692ad0123dc52def8b9b49e7b8c4617', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '156cfbd696987a827f44a6cd5e5be838592c242f' }))));
-        return (h(Host, { key: 'b2fcc1723f6cd77e67bd5280fef6ae935626afb5', class: {
+        const mainContent = (h(Fragment, { key: '0689b37dae535348d37509e208962ba3a756ff4b' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'deb9102b93d97b2fede9ee01b51a08bfd32f1bf9', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '7984b6e50173266018aaeb081632eb2e70d88ed1' }))));
+        return (h(Host, { key: '282b9a389d4e7344574ee533fdcedbae79260e08', class: {
                 [this.variant]: true, // This adds 'elevated' or 'outlined'
                 'elevation-1': this.variant === 'elevated', // This adds a default shadow
-            } }, this.adornmentStatus && h("udp-adornment", { key: '6355f98f462f2b8a7a300d52cc1d002834b00dae', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: '9843f998eae158c58e1c2fe04e6f0049f3034ff3' }, this.actions)));
+            } }, this.adornmentStatus && h("udp-adornment", { key: '12b5f6fcbe682e2819c2739484f8308aa4578742', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: 'd4c0eda2e0b5c78cafb9e6a704e9b4b40e43eaf5' }, this.actions)));
     }
     static get is() { return "udp-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/chips/stencil-chip/status-chip/status-chip.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class StatusChip {
         this.statusValueWatcher(this.statusValue);
     }
     render() {
-        return (h("div", { key: 'f5ba79de138e062b1b414749ecd0d81af5fce3ed', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: '7390754803c5060cf12b5d50c2f7bc64958ba145' }, h("slot", { key: '870eb9fa6652b4ec49c9ec8e818ba8fa141ce544' }), " ")));
+        return (h("div", { key: 'f37d2e62243fbc71d5d7203ccb9bf1d519779abd', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: '93748887a64a59c6e8720ca9a4e86e74953a13db' }, h("slot", { key: 'd76816769c407d9c448229d6b8ba685f58527dd5' }), " ")));
     }
     static get is() { return "status-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/chips/stencil-chip/stencil-chip.js CHANGED Viewed

@@ -81,12 +81,12 @@ export class StencilChip {
                 color: '#fff',
             };
         const leftIconData = this.leftIcon || Close16; // Fallback to Add16 if no icon is provided
-        return (h("div", { key: '8fe5c1737871b46e8a23164fe94d892fbe23b946', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: '999eb3e44472d3ecf1f16da246c4262d18aa6161', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: 'c77c302f6fd7df36e6faeac6656b2769ee5b0d4b' }, leftIconData.attrs, { fill: leftIconStyle.color }), leftIconData.content.map((item, index) => {
+        return (h("div", { key: 'd0c0538296aac1756d7f2642ac43ae457566566e', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: 'dfaa69832291dd2f01d42662209fe20196e3efcf', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: '6bc85a3d92f6ece7e5829f4bb678d5d778d9ceb9' }, 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: 'b4ed9f0dff390ca6d588d2739f575cd506479207', variant: 'caption-text' }, h("span", { key: '268a59f9207ef9200bde77db275830258ec603df', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: 'bea690078676db3ab89451e4c6e66a50e5539ab6', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: '23b611d121baf312c54579e82c71b0fbed05f85a' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
+        })))), h("unity-typography", { key: '25f9c6aabc651a0aaa889dc459b0cc39a84c58cb', variant: 'caption-text' }, h("span", { key: 'eaa0164830c5ea242414abe2e07dd518e9940080', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: '3899b6ea1c517cda4d054f37bd335aad777dcac5', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: 'a812b760ff4250b055b16a5a0d9fea4d6ff755c6' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
             if (item.elem === 'path') {
                 return h("path", Object.assign({}, item.attrs, { key: index }));
             }

package/dist/collection/components/my-component/UI/data-display/chips/udp-chip.js CHANGED Viewed

@@ -52,7 +52,7 @@ export class UdpChip {
             [`chip--size-${this.size}`]: true,
             'chip--clickable': this.clickable,
         };
-        return (h("div", { key: '0a9f91093fe426b5a622065b42cf9b865f05a705', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'ae44337da8673cc252199698a01d381655c48fab', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: 'a9d8c5e669a3f16f51d57b3b0e00fa5473632335', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'a3f5f070a87e3e72f09cc220e4aa6839824ab591', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: '716eb909412d0c4f52300ca2469d599779be70fb', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: 'c17224698e39b42ac28e652bf8bc70f596ed2c3f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: 'eb9b4ac119c42cb708dec8cff10e0d28b1e4acae', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
+        return (h("div", { key: '0c7f3bb13ac1b9ec1b256248fff7ba276bb3afb2', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'be7b9c9e009357599e154c309862aef2b0f5d2b0', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '11cc8be3ca1b611a0af7a48bf3e5c0ebcc213fc3', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'cae85378ee2f032dcede8fbbb0ac722064449140', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: 'b832acc73c73bcdc5ea776593ef8fbd82ee760d2', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: '6accffd9bfb775ffdaf0505eb82a3807588c86f6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '22d2ff711b2cc0184b13890159c526000fd3341d', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
     }
     static get is() { return "udp-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/divider/udp-divider.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class UdpDivider {
         const style = this.variant === 'vertical'
             ? { height: this.size }
             : { width: this.size };
-        return (h(Host, { key: 'd2f94b8b1ef1e1ace1364b26a36bbf42f01bdd3e', style: style }, h("div", { key: '952a49fa90d5b9779264f021082246de634f66db', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
+        return (h(Host, { key: '573a0114d6791cf695e4dfc2194faff54e072d9b', style: style }, h("div", { key: '96bdd1f8b13c7b67206effcb507b4f55fc4bfab4', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
     }
     static get is() { return "udp-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/empty-state-display/udp-empty-state-display.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class UdpEmptyStateDisplay {
         this.imageWidth = '100px';
     }
     render() {
-        return (h("div", { key: '4ae3884d006e384171e40152b750c3bd4f2a6aed', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '4b9501f13a337b2fc882366545f31c44d9f6584d', class: "text-wrapper" }, h("unity-typography", { key: 'fb6e310d7b0bd796c5b949077de3c5125e9a87d7', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '32850a0c5b69aa5f2c1a92d9b5024af98a336693', class: "text-wrapper" }, h("unity-typography", { key: '44885a71d6b498ef1d545561ee8fdf18bee5f816', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: 'c0ddf7d1a61984b4e0ae32d3a1959a956d5e81cf', class: "action-wrapper" }, h("udp-button", { key: '240d357c3b5907893621ea41e40fef83dd5fdb1f', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
+        return (h("div", { key: 'be90a1bcee9b8efc37ef3dc0298a4c2872dcff3a', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '88d355f3b42e3ac369a84fc277565cdde53ef438', class: "text-wrapper" }, h("unity-typography", { key: '798b25f9ce4e46438c270da9fe37b3b8170d7b97', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '0782274b56eabee91f1a29d93a0f529441e552d7', class: "text-wrapper" }, h("unity-typography", { key: '9a457155d36839e2608dcc06ceb19cc8038ac975', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: '2e0a479ea9a35c5b8f55ba661c40484ad3675e54', class: "action-wrapper" }, h("udp-button", { key: '39c53a2c4c42281b473c514b633c672e73fc08d5', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
     }
     static get is() { return "udp-empty-state-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/headers/udp-column-header.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UdpColumnHeader {
     render() {
-        return (h("div", { key: '8a986f8807eda88ee87e6706f73f508f369c35ae', class: "header-container" }, h("div", { key: '85f52752689c8e1a2b6f338e7545fbcd42e9f106', class: "column" }, " ", h("unity-typography", { key: '78a694c2ec7b418c04f33a5b73f6689497676221', variant: "button" }, "Column  "), "   "), h("div", { key: '72064c8d024c424eee13f637643e5391626f8a45', class: "operator" }, h("unity-typography", { key: '98a3bf982de817c9dae8d90f9d7bbe6b40d66b8a', variant: "button" }, "Operator "), " "), h("div", { key: 'c541a43892cbf6efb6a98cb3e6a14c3a13b1945f', class: "criteria" }, h("unity-typography", { key: 'f33a97a9a2eb4d4d7e34abfdb27375921826a7ca', variant: "button" }, "Criteria  "), "  ")));
+        return (h("div", { key: 'f73026207814446ad4c6e3f5aa77587bc69a4a32', class: "header-container" }, h("div", { key: 'f64319195ee85adf92549535ff1b5a435e41295b', class: "column" }, " ", h("unity-typography", { key: 'f4ab97e52690c14fe0660a191384b443b2a7fd04', variant: "button" }, "Column  "), "   "), h("div", { key: 'fae9e7e517b7c6f572dc15e314bce871d132a240', class: "operator" }, h("unity-typography", { key: '9e726d348bb6cb54a604c622c8b538adc3a07b3f', variant: "button" }, "Operator "), " "), h("div", { key: 'a557a3c302d32883be12640b02085f49a222dfde', class: "criteria" }, h("unity-typography", { key: '28c4a1a9b9d08c6027444c8647273cfa9cb76371', variant: "button" }, "Criteria  "), "  ")));
     }
     static get is() { return "udp-column-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/headers/udp-page-header/udp-page-header.js CHANGED Viewed

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