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/esm/{udp-map-utils-BokzHQF1.js.map → udp-map-utils-DNAUNI5U.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"udp-map-utils-BokzHQF1.js","sources":["src/components/my-component/UI/map/udp-map/utils/udp-map-utils.tsx"],"sourcesContent":["import { isArray } from 'lodash';\nimport { transform } from 'ol/proj';\nimport GeoJSON from 'ol/format/GeoJSON';\n\nexport function getKeyValuePairs(object: any) {\n return Object.keys(object).map(key => {\n return { key: key, value: object[key] };\n });\n}\n\nexport function filterObjectKeys(object: any, keysToKeep: any[], removeObjects: boolean = false) {\n if (removeObjects) {\n return Object.entries(object)\n .filter(([key, value]) => typeof value !== 'object' && keysToKeep.includes(key))\n .reduce((acc, [key, value]) => {\n acc[key] = value ? value : '-';\n return acc;\n }, {});\n }\n return Object.entries(object)\n .filter(([key]) => keysToKeep.includes(key))\n .reduce((acc, [key, value]) => {\n acc[key] = value ? value : '-';\n return acc;\n }, {});\n}\n\nexport function getLayerStringArrayFromArray(filteredLayersByRole: any) {\n let list = [];\n for (let layer of filteredLayersByRole) {\n if (!layer?.options) {\n list[list.length] = layer?.value;\n } else {\n for (let opt of layer?.options) {\n list[list.length] = opt?.value;\n }\n }\n }\n return list;\n}\n\nexport function getLowestLevelObject(obj?: any) {\n if (!!!obj?.options \|\| obj?.options?.length === 0) {\n return obj;\n } else {\n return getLowestLevelObject(obj.options[0]);\n }\n}\n\n//Returns data in geo-json format\nexport function generateGeoJsonList(data: any[], config: any) {\n if (data?.length > 0 && config) {\n return data?.map(item => {\n return {\n type: 'Feature',\n id: item[config.featureId],\n geometry: {\n type: item[config.geometryType],\n coordinates: item[config.coordinates],\n },\n properties:\n config.propertiesObj && !!item[config.propertiesObj]\n ? {\n ...item[config.propertiesObj],\n id: item[config.featureId],\n }\n : {\n ...item,\n id: item[config.featureId],\n },\n };\n });\n }\n return [];\n}\n\nexport function getLayer(layerKeys: string[], layerKeySeparator: string, obj: any) {\n let stringValue = '';\n layerKeys?.forEach((key, index) => {\n stringValue += obj[key] + (index !== layerKeys?.length - 1 ? layerKeySeparator : '');\n });\n return stringValue;\n}\n\n//Get filtered data in geoJson format, and apply filterCallback if filter panel exists\nexport function getFilteredData(data: any[], isGeoJsonFormat: boolean, geoJsonMappingConfig: any, filterPanel: string, filterCallback: any) {\n if (!data) {\n return [];\n }\n const formattedData = isGeoJsonFormat ? data : generateGeoJsonList(data, geoJsonMappingConfig);\n if (filterPanel && filterCallback) {\n return filterCallback(formattedData);\n }\n return formattedData;\n}\n\n//Get the current map center based on the map projection\nexport function getCurrentMapCenter(crs: string, definedProjection: boolean, mapProjection: string, mapDataProjection: string, filteredData: any[]) {\n if (crs?.length > 0 && !definedProjection) {\n return [0, 0];\n } else {\n if (filteredData?.[0]?.geometry?.coordinates && mapProjection && mapDataProjection) {\n const coordinates = isArray(filteredData?.[0]?.geometry?.coordinates[0]) ? filteredData?.[0]?.geometry?.coordinates[0] : filteredData?.[0]?.geometry?.coordinates;\n return transform(coordinates, mapDataProjection, mapProjection);\n } else {\n return [0, 0];\n }\n }\n}\n\n//Returns layer options filtered\nexport function getFilteredLayerOptionsByRole(user: any, layerRoles: any, layerOptions: any[]) {\n if (user && layerRoles && layerOptions) {\n return layerOptions\n .map(option => {\n const filteredList = option.options.filter(layer => {\n if (layerRoles?.[layer?.value]) {\n return layerRoles[layer?.value]?.some(roleId => user.roleIds?.includes(roleId));\n }\n return true;\n });\n\n if (filteredList.length > 0) {\n return { ...option, options: filteredList };\n }\n\n return null;\n })\n .filter(option => option !== null);\n }\n return [];\n}\n\n//Get the map features from the filtered data\nexport function getMapFeatures(data: any[], crs: string, definedProjection: boolean, mapProjection: string, mapDataProjection: string, getFilteredMapData: any) {\n if (!mapDataProjection \|\| (crs?.length > 0 && !definedProjection)) {\n return [];\n } else {\n try {\n const filteredData = data;\n const filteredMapData = getFilteredMapData ? getFilteredMapData(filteredData) : filteredData;\n const mapFeatures = new GeoJSON().readFeatures(\n {\n features: filteredMapData,\n type: 'FeatureCollection',\n },\n {\n featureProjection: mapProjection,\n dataProjection: mapDataProjection,\n },\n );\n return mapFeatures;\n } catch (error) {}\n }\n}\n\n//Returns anchor element for popover\nexport function getPopOverAnchorElement(map: any, feature: any) {\n const coordinates = feature.getGeometry().getCoordinates();\n const pixel = map.getPixelFromCoordinate(coordinates);\n const anchor = document.createElement('div');\n anchor.id = 'pop-over-anchor';\n anchor.style.position = 'absolute';\n anchor.style.left = `${pixel[0]}px`;\n anchor.style.top = `${pixel[1]}px`;\n anchor.style.width = '0';\n anchor.style.height = '0';\n anchor.style.zIndex = '1000';\n anchor.style.pointerEvents = 'none';\n return anchor;\n}\n\n//Get key value pairs of properties of a selected feature\nexport function getSelectedFeaturePropertyKeyValuePairs(featurePropertiesToDisplay: string[] = [], featureProperties: any) {\n let keyVals = [];\n if (featureProperties) {\n if (featurePropertiesToDisplay) {\n const filteredObj = filterObjectKeys(featureProperties, featurePropertiesToDisplay, true);\n keyVals = filteredObj ? getKeyValuePairs(filteredObj) : [];\n } else {\n keyVals = featureProperties ? getKeyValuePairs(featureProperties) : [];\n }\n }\n return keyVals;\n}\n\nexport function splitLineString(line: any, point: any) {\n const lineCoords = line.geometry.coordinates;\n const splitIndex = lineCoords.findIndex(coord => coord[0] === point[0] && coord[1] === point[1]);\n if (splitIndex !== -1) {\n const part1 = lineCoords.slice(0, splitIndex + 1);\n const part2 = lineCoords.slice(splitIndex);\n return [part1, part2];\n } else {\n return [lineCoords];\n }\n}\n\nexport function setSelectedLayersList(filteredLayerOptions: any[], initialSelectedLayers: any[]) {\n let selectedLayersList = [];\n if (initialSelectedLayers) {\n selectedLayersList = initialSelectedLayers;\n } else {\n if (filteredLayerOptions?.[0]) {\n const initialSelectedLayer = getLowestLevelObject(filteredLayerOptions[0])?.value;\n selectedLayersList = initialSelectedLayer ? [initialSelectedLayer] : [];\n }\n }\n return selectedLayersList;\n}\n\nexport const searchForLayerOptions = (data: any, searchString: string = '') => {\n let result = [];\n for (let i = 0; i < data?.length; i++) {\n const obj = data[i];\n const { title, value, options } = obj;\n const titleString = typeof title !== 'string' ? title.toString() : title;\n const valueString = typeof value !== 'string' ? value.toString() : value;\n if (titleString?.toLowerCase()?.includes(searchString?.toLowerCase()) \|\| valueString?.toLowerCase()?.includes(searchString?.toLowerCase())) {\n result.push(obj);\n } else if (options && options?.length > 0) {\n const childOptions = searchForLayerOptions(options, searchString);\n if (childOptions?.length > 0) {\n result.push({ title, value, options: childOptions });\n }\n }\n }\n return result;\n};\n\nexport const hasStyles = (styles: any) => {\n if (styles.fill_ \|\| styles.image_ \|\| styles.stroke_ \|\| styles.text_ \|\| styles.renderer_) {\n return true;\n }\n return false;\n};\n\nexport const getDisplayCoordinates = (coordinates, maxLength) => {\n if (!coordinates) return '';\n let formattedText = '';\n\n if (Array.isArray(coordinates[0])) {\n // Check if it's a Polygon (3D array) or a LineString (2D array)\n const isPolygon = Array.isArray(coordinates[0][0]);\n\n formattedText = coordinates\n .map(ringOrLine =>\n Array.isArray(ringOrLine[0]) // If nested, it's a Polygon ring\n ? ringOrLine.map(coord => `${coord?.[0]?.toFixed(5)}, ${coord?.[1]?.toFixed(5)}`).join('; ')\n : `${ringOrLine?.[0]?.toFixed(5)}, ${ringOrLine?.[1]?.toFixed(5)}`,\n )\n .join(isPolygon ? ' \| ' : '; ');\n } else {\n // It's a Point\n formattedText = `${coordinates?.[0]?.toFixed(5)}, ${coordinates?.[1]?.toFixed(5)}`;\n }\n\n // If maxLength is provided, truncate the text; otherwise, show full text\n return maxLength && formattedText.length > maxLength ? formattedText.slice(0, maxLength) + '...' : formattedText;\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"udp-map-utils-DNAUNI5U.js","sources":["src/components/my-component/UI/map/udp-map/utils/udp-map-utils.tsx"],"sourcesContent":["import { isArray } from 'lodash';\nimport { transform } from 'ol/proj';\nimport GeoJSON from 'ol/format/GeoJSON';\n\nexport function getKeyValuePairs(object: any) {\n return Object.keys(object).map(key => {\n return { key: key, value: object[key] };\n });\n}\n\nexport function filterObjectKeys(object: any, keysToKeep: any[], removeObjects: boolean = false) {\n if (removeObjects) {\n return Object.entries(object)\n .filter(([key, value]) => typeof value !== 'object' && keysToKeep.includes(key))\n .reduce((acc, [key, value]) => {\n acc[key] = value ? value : '-';\n return acc;\n }, {});\n }\n return Object.entries(object)\n .filter(([key]) => keysToKeep.includes(key))\n .reduce((acc, [key, value]) => {\n acc[key] = value ? value : '-';\n return acc;\n }, {});\n}\n\nexport function getLayerStringArrayFromArray(filteredLayersByRole: any) {\n let list = [];\n for (let layer of filteredLayersByRole) {\n if (!layer?.options) {\n list[list.length] = layer?.value;\n } else {\n for (let opt of layer?.options) {\n list[list.length] = opt?.value;\n }\n }\n }\n return list;\n}\n\nexport function getLowestLevelObject(obj?: any) {\n if (!!!obj?.options \|\| obj?.options?.length === 0) {\n return obj;\n } else {\n return getLowestLevelObject(obj.options[0]);\n }\n}\n\n//Returns data in geo-json format\nexport function generateGeoJsonList(data: any[], config: any) {\n if (data?.length > 0 && config) {\n return data?.map(item => {\n return {\n type: 'Feature',\n id: item[config.featureId],\n geometry: {\n type: item[config.geometryType],\n coordinates: item[config.coordinates],\n },\n properties:\n config.propertiesObj && !!item[config.propertiesObj]\n ? {\n ...item[config.propertiesObj],\n id: item[config.featureId],\n }\n : {\n ...item,\n id: item[config.featureId],\n },\n };\n });\n }\n return [];\n}\n\nexport function getLayer(layerKeys: string[], layerKeySeparator: string, obj: any) {\n let stringValue = '';\n layerKeys?.forEach((key, index) => {\n stringValue += obj[key] + (index !== layerKeys?.length - 1 ? layerKeySeparator : '');\n });\n return stringValue;\n}\n\n//Get filtered data in geoJson format, and apply filterCallback if filter panel exists\nexport function getFilteredData(data: any[], isGeoJsonFormat: boolean, geoJsonMappingConfig: any, filterPanel: string, filterCallback: any) {\n if (!data) {\n return [];\n }\n const formattedData = isGeoJsonFormat ? data : generateGeoJsonList(data, geoJsonMappingConfig);\n if (filterPanel && filterCallback) {\n return filterCallback(formattedData);\n }\n return formattedData;\n}\n\n//Get the current map center based on the map projection\nexport function getCurrentMapCenter(crs: string, definedProjection: boolean, mapProjection: string, mapDataProjection: string, filteredData: any[]) {\n if (crs?.length > 0 && !definedProjection) {\n return [0, 0];\n } else {\n if (filteredData?.[0]?.geometry?.coordinates && mapProjection && mapDataProjection) {\n const coordinates = isArray(filteredData?.[0]?.geometry?.coordinates[0]) ? filteredData?.[0]?.geometry?.coordinates[0] : filteredData?.[0]?.geometry?.coordinates;\n return transform(coordinates, mapDataProjection, mapProjection);\n } else {\n return [0, 0];\n }\n }\n}\n\n//Returns layer options filtered\nexport function getFilteredLayerOptionsByRole(user: any, layerRoles: any, layerOptions: any[]) {\n if (user && layerRoles && layerOptions) {\n return layerOptions\n .map(option => {\n const filteredList = option.options.filter(layer => {\n if (layerRoles?.[layer?.value]) {\n return layerRoles[layer?.value]?.some(roleId => user.roleIds?.includes(roleId));\n }\n return true;\n });\n\n if (filteredList.length > 0) {\n return { ...option, options: filteredList };\n }\n\n return null;\n })\n .filter(option => option !== null);\n }\n return [];\n}\n\n//Get the map features from the filtered data\nexport function getMapFeatures(data: any[], crs: string, definedProjection: boolean, mapProjection: string, mapDataProjection: string, getFilteredMapData: any) {\n if (!mapDataProjection \|\| (crs?.length > 0 && !definedProjection)) {\n return [];\n } else {\n try {\n const filteredData = data;\n const filteredMapData = getFilteredMapData ? getFilteredMapData(filteredData) : filteredData;\n const mapFeatures = new GeoJSON().readFeatures(\n {\n features: filteredMapData,\n type: 'FeatureCollection',\n },\n {\n featureProjection: mapProjection,\n dataProjection: mapDataProjection,\n },\n );\n return mapFeatures;\n } catch (error) {}\n }\n}\n\n//Returns anchor element for popover\nexport function getPopOverAnchorElement(map: any, feature: any) {\n const coordinates = feature.getGeometry().getCoordinates();\n const pixel = map.getPixelFromCoordinate(coordinates);\n const anchor = document.createElement('div');\n anchor.id = 'pop-over-anchor';\n anchor.style.position = 'absolute';\n anchor.style.left = `${pixel[0]}px`;\n anchor.style.top = `${pixel[1]}px`;\n anchor.style.width = '0';\n anchor.style.height = '0';\n anchor.style.zIndex = '1000';\n anchor.style.pointerEvents = 'none';\n return anchor;\n}\n\n//Get key value pairs of properties of a selected feature\nexport function getSelectedFeaturePropertyKeyValuePairs(featurePropertiesToDisplay: string[] = [], featureProperties: any) {\n let keyVals = [];\n if (featureProperties) {\n if (featurePropertiesToDisplay) {\n const filteredObj = filterObjectKeys(featureProperties, featurePropertiesToDisplay, true);\n keyVals = filteredObj ? getKeyValuePairs(filteredObj) : [];\n } else {\n keyVals = featureProperties ? getKeyValuePairs(featureProperties) : [];\n }\n }\n return keyVals;\n}\n\nexport function splitLineString(line: any, point: any) {\n const lineCoords = line.geometry.coordinates;\n const splitIndex = lineCoords.findIndex(coord => coord[0] === point[0] && coord[1] === point[1]);\n if (splitIndex !== -1) {\n const part1 = lineCoords.slice(0, splitIndex + 1);\n const part2 = lineCoords.slice(splitIndex);\n return [part1, part2];\n } else {\n return [lineCoords];\n }\n}\n\nexport function setSelectedLayersList(filteredLayerOptions: any[], initialSelectedLayers: any[]) {\n let selectedLayersList = [];\n if (initialSelectedLayers) {\n selectedLayersList = initialSelectedLayers;\n } else {\n if (filteredLayerOptions?.[0]) {\n const initialSelectedLayer = getLowestLevelObject(filteredLayerOptions[0])?.value;\n selectedLayersList = initialSelectedLayer ? [initialSelectedLayer] : [];\n }\n }\n return selectedLayersList;\n}\n\nexport const searchForLayerOptions = (data: any, searchString: string = '') => {\n let result = [];\n for (let i = 0; i < data?.length; i++) {\n const obj = data[i];\n const { title, value, options } = obj;\n const titleString = typeof title !== 'string' ? title.toString() : title;\n const valueString = typeof value !== 'string' ? value.toString() : value;\n if (titleString?.toLowerCase()?.includes(searchString?.toLowerCase()) \|\| valueString?.toLowerCase()?.includes(searchString?.toLowerCase())) {\n result.push(obj);\n } else if (options && options?.length > 0) {\n const childOptions = searchForLayerOptions(options, searchString);\n if (childOptions?.length > 0) {\n result.push({ title, value, options: childOptions });\n }\n }\n }\n return result;\n};\n\nexport const hasStyles = (styles: any) => {\n if (styles.fill_ \|\| styles.image_ \|\| styles.stroke_ \|\| styles.text_ \|\| styles.renderer_) {\n return true;\n }\n return false;\n};\n\nexport const getDisplayCoordinates = (coordinates, maxLength) => {\n if (!coordinates) return '';\n let formattedText = '';\n\n if (Array.isArray(coordinates[0])) {\n // Check if it's a Polygon (3D array) or a LineString (2D array)\n const isPolygon = Array.isArray(coordinates[0][0]);\n\n formattedText = coordinates\n .map(ringOrLine =>\n Array.isArray(ringOrLine[0]) // If nested, it's a Polygon ring\n ? ringOrLine.map(coord => `${coord?.[0]?.toFixed(5)}, ${coord?.[1]?.toFixed(5)}`).join('; ')\n : `${ringOrLine?.[0]?.toFixed(5)}, ${ringOrLine?.[1]?.toFixed(5)}`,\n )\n .join(isPolygon ? ' \| ' : '; ');\n } else {\n // It's a Point\n formattedText = `${coordinates?.[0]?.toFixed(5)}, ${coordinates?.[1]?.toFixed(5)}`;\n }\n\n // If maxLength is provided, truncate the text; otherwise, show full text\n return maxLength && formattedText.length > maxLength ? formattedText.slice(0, maxLength) + '...' : formattedText;\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-map.entry.js CHANGED Viewed

@@ -93,11 +93,11 @@ const UdpMap = class {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: 'dbea383c45161505aff8965d3bfbd925ccce570b', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+        return (h("map-component", { key: 'b5c8898180bce21de249f7d80b471d0b93e60af7', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'd62be8bc2f358155b349688ac9ddd27c4ee95594', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'ec72126eedd1bd3a2ed8c800c121c71d46f30b6f', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'f2753f5f595726febc44235dbc1e728c1763da64' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '95151f91ba7d6d9483a94b050694a45fccbd9e8c' })));
     }
     static get watchers() { return {
         "enableDragBox": ["watchDragBoxandSelectedFeatureInteraction"],

package/dist/esm/udp-menu-item.entry.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { r as registerInstance, c as createEvent, h } from './index-n-1ZSeAs.js';
+const udpMenuItemCss = ".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";
+const UdpMenuItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.itemClick = createEvent(this, "itemClick");
+        this.disabled = false; // reflect: true helps with CSS styling
+        this.handleItemClick = (e) => {
+            // if (this.disabled) {
+            //   e.stopPropagation();
+            //   return;
+            // }
+            this.itemClick.emit(e);
+        };
+    }
+    render() {
+        return (h("button", { key: 'dc3f3366bf93d6dabda01cb1ee67e80345c99a55', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'dd6e4549f441f4b94d18d91e8e760e9411069fd3', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '76f1a1a63078c2936e05571b0ea57ccc3924c00d', class: "menu-item-label" }, h("unity-typography", { key: 'b419c1ae15058a168659f47c6ac4e65cc5e81b1b', variant: 'body1' }, this.label))));
+    }
+};
+UdpMenuItem.style = udpMenuItemCss;
+export { UdpMenuItem as udp_menu_item };
+//# sourceMappingURL=udp-menu-item.entry.js.map

package/dist/esm/udp-menu-item.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-menu-item.entry.js","sources":["src/components/my-component/UI/menu/menu-item/udp-menu-item.css?tag=udp-menu-item&encapsulation=shadow","src/components/my-component/UI/menu/menu-item/udp-menu-item.tsx"],"sourcesContent":["/* Reset default button styles and apply menu-item look */\n.menu-item-root {\n display: flex;\n width: 100%;\n padding: 8px 16px;\n gap: 8px;\n align-items: center;\n\n /* Reset button defaults */\n background: none;\n border: none;\n font-family: inherit;\n text-align: left;\n\n cursor: pointer;\n transition: background-color 0.15s ease-in-out;\n}\n\n.menu-item-root:hover:not(:disabled) {\n background-color: rgba(0, 0, 0, 0.08);\n}\n\n.menu-item-label {\n font-size: 14px;\n}\n\n/* The native :disabled pseudo-class is now used */\n.menu-item-root:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.menu-icon {\n height: 100%;\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'udp-menu-item',\n styleUrl: 'udp-menu-item.css',\n shadow: true,\n})\nexport class UdpMenuItem {\n @Prop() label: string;\n @Prop() iconName: string;\n @Prop({ reflect: true }) disabled: boolean = false; // reflect: true helps with CSS styling\n\n /**\n * @deprecated Use itemClick event\n */\n @Prop() handleOnClick: (e: Event) => void;\n\n /** Emits when the item is clicked. */\n @Event() itemClick: EventEmitter<MouseEvent>;\n\n private handleItemClick = (e: MouseEvent) => {\n // if (this.disabled) {\n // e.stopPropagation();\n // return;\n // }\n this.itemClick.emit(e);\n };\n\n render() {\n return (\n <button\n class=\"menu-item-root\"\n onClick={this.handleItemClick}\n disabled={this.disabled}\n role=\"menuitem\"\n >\n {this.iconName && <udp-icon iconName={this.iconName} class=\"menu-icon\" />}\n <span class=\"menu-item-label\">\n <unity-typography variant='body1'>{this.label}</unity-typography>\n </span>\n </button>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,4YAA4Y;;MCOtZ,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQ2B,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK,CAAC;AAU3C,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,CAAa,KAAI;;;;;AAK1C,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,SAAC;AAiBF;IAfC,MAAM,GAAA;AACJ,QAAA,QACE,+DACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EAAA,EAEd,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,WAAW,EAAG,CAAA,EACzE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAoB,CAC5D,CACA;;;;;;;"}

package/dist/esm/udp-page.entry.js CHANGED Viewed

@@ -20,7 +20,7 @@ const UdpPage = class {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: '9a506250a5ee7200c405e7f3fe0a018dda294ab4', style: style }, h("slot", { key: 'eea699d0fed23736cfe071b86ac1449a52f51b0f' }), " "));
+        return (h("div", { key: '9d70877a7fbe290ad177084f25f3058bf74a8390', style: style }, h("slot", { key: '8318769588558d8b958c56a88452d1ea042f97ff' }), " "));
     }
 };
 UdpPage.style = udpPageCss;

package/dist/esm/udp-pop-over.entry.js ADDED Viewed

@@ -0,0 +1,130 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-n-1ZSeAs.js';
+import { createPopper } from '@popperjs/core';
+const udpPopOverCss = ":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";
+const UdpPopOver = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isOpen = false;
+        this.popoverPlacement = 'bottom-start';
+        this.appendToBody = true;
+        this.overflow = 'auto';
+        this.handleTransitionEnd = () => {
+            // FIX: Only remove from body if it's truly closed and still there.
+            if (!this.isOpen) {
+                if (this.appendToBody && this.hostEl.parentElement === document.body) {
+                    document.body.removeChild(this.hostEl);
+                }
+                else if (this.container && this.hostEl.parentElement === this.container) {
+                    this.container.removeChild(this.hostEl);
+                }
+            }
+            this.destroyPopper();
+        };
+        this.handleKeyDown = (event) => {
+            var _a;
+            if (event.key === 'Escape') {
+                (_a = this.handleOnClose) === null || _a === void 0 ? void 0 : _a.call(this, event);
+            }
+        };
+        this.handleClickOutside = (event) => {
+            var _a;
+            const path = event.composedPath();
+            const anchorEl = this.getAnchorElement();
+            if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {
+                return;
+            }
+            (_a = this.handleOnClose) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        };
+    }
+    disconnectedCallback() {
+        this.removeListeners();
+        this.destroyPopper();
+    }
+    handleOpenChange(newValue) {
+        newValue ? this.present() : this.dismiss();
+    }
+    present() {
+        const containerEl = this.getContainer();
+        if (containerEl) {
+            containerEl.appendChild(this.hostEl);
+        }
+        this.addListeners();
+        requestAnimationFrame(() => {
+            this.setupPopper();
+            this.hostEl.classList.add('is-visible');
+        });
+    }
+    dismiss() {
+        this.removeListeners();
+        this.hostEl.classList.remove('is-visible');
+        this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });
+    }
+    addListeners() {
+        document.addEventListener('keydown', this.handleKeyDown);
+        setTimeout(() => {
+            if (this.isOpen) {
+                document.addEventListener('click', this.handleClickOutside);
+            }
+        }, 0);
+    }
+    removeListeners() {
+        document.removeEventListener('keydown', this.handleKeyDown);
+        document.removeEventListener('click', this.handleClickOutside);
+    }
+    getAnchorElement() {
+        return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;
+    }
+    getContainer() {
+        if (this.container)
+            return this.container;
+        if (this.appendToBody) {
+            return document.body;
+        }
+        return null;
+    }
+    setupPopper() {
+        const anchorEl = this.getAnchorElement();
+        if (!anchorEl) {
+            console.error('UdpPopover: Anchor element could not be found.');
+            return;
+        }
+        // Ensure we don't create multiple instances
+        if (this.popperInstance) {
+            this.popperInstance.destroy();
+        }
+        this.popperInstance = createPopper(anchorEl, this.hostEl, {
+            strategy: 'fixed',
+            placement: this.popoverPlacement,
+            modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],
+        });
+    }
+    destroyPopper() {
+        if (this.popperInstance) {
+            this.popperInstance.destroy();
+            this.popperInstance = null;
+        }
+    }
+    componentWillLoad() {
+        if (this.isOpen) {
+            this.present();
+        }
+    }
+    render() {
+        const style = {
+            width: this.popoverWidth,
+            maxHeight: this.popoverMaxHeight,
+            overflow: this.overflow
+        };
+        return (h(Host, { key: '4459a8369eaff06485b83076205de4a2b71b8174' }, h("div", { key: '7fbd552e4a485fc2c913202d3c1baa5c68f1a64f', class: "popover", style: style }, h("slot", { key: 'a207f724e5941865b0221b28e42883b69e427d25' }))));
+    }
+    get hostEl() { return getElement(this); }
+    static get watchers() { return {
+        "isOpen": ["handleOpenChange"]
+    }; }
+};
+UdpPopOver.style = udpPopOverCss;
+export { UdpPopOver as udp_pop_over };
+//# sourceMappingURL=udp-pop-over.entry.js.map

package/dist/esm/udp-pop-over.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-pop-over.entry.js","sources":["src/components/my-component/UI/data-display/pop-over/udp-pop-over.css?tag=udp-pop-over&encapsulation=shadow","src/components/my-component/UI/data-display/pop-over/udp-pop-over.tsx"],"sourcesContent":[":host {\n display: block;\n position: fixed;\n z-index: 9999;\n\n /* FIX: Start with pointer-events none so it can't be clicked when invisible. */\n pointer-events: none;\n opacity: 0;\n\n /* This gives the subtle \"pop\" effect without the flying animation. */\n transform: scale(0.95);\n\n /* FIX: Only transition opacity for a clean fade-in/out. */\n transition: opacity 0.2s ease-out;\n\n}\n\n:host(.is-visible) {\n /* FIX: Re-enable pointer events so the menu can be clicked. */\n pointer-events: auto;\n opacity: 1;\n transform: scale(1);\n}\n\n.popover {\n background-color: white;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n border: 1px solid #e0e0e0;\n}\n","import { createPopper, Instance } from '@popperjs/core';\nimport { Component, h, Host, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n tag: 'udp-pop-over',\n styleUrl: 'udp-pop-over.css',\n shadow: true,\n})\nexport class UdpPopOver {\n @Element() hostEl!: HTMLElement;\n @Prop() anchorElement: string | HTMLElement;\n @Prop({ reflect: true }) isOpen: boolean = false;\n @Prop() popoverWidth: string;\n @Prop() popoverMaxHeight: string;\n @Prop() popoverPlacement: any = 'bottom-start';\n @Prop() handleOnClose?: (event: Event) => void;\n @Prop() appendToBody: boolean = true;\n @Prop() container?: HTMLElement;\n @Prop() overflow?: string = 'auto';\n\n private popperInstance: Instance;\n\n disconnectedCallback() {\n this.removeListeners();\n this.destroyPopper();\n }\n\n @Watch('isOpen')\n handleOpenChange(newValue: boolean) {\n newValue ? this.present() : this.dismiss();\n }\n\n private present() {\n const containerEl = this.getContainer();\n\n if (containerEl) {\n containerEl.appendChild(this.hostEl);\n }\n\n this.addListeners();\n\n requestAnimationFrame(() => {\n this.setupPopper();\n this.hostEl.classList.add('is-visible');\n });\n }\n\n private dismiss() {\n this.removeListeners();\n this.hostEl.classList.remove('is-visible');\n this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n }\n\n private handleTransitionEnd = () => {\n // FIX: Only remove from body if it's truly closed and still there.\n if (!this.isOpen) {\n if (this.appendToBody && this.hostEl.parentElement === document.body) {\n document.body.removeChild(this.hostEl);\n } else if (this.container && this.hostEl.parentElement === this.container) {\n this.container.removeChild(this.hostEl);\n }\n }\n this.destroyPopper();\n };\n\n private addListeners() {\n document.addEventListener('keydown', this.handleKeyDown);\n setTimeout(() => {\n if (this.isOpen) {\n document.addEventListener('click', this.handleClickOutside);\n }\n }, 0);\n }\n\n private removeListeners() {\n document.removeEventListener('keydown', this.handleKeyDown);\n document.removeEventListener('click', this.handleClickOutside);\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this.handleOnClose?.(event);\n }\n };\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n const anchorEl = this.getAnchorElement();\n if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {\n return;\n }\n this.handleOnClose?.(event);\n };\n\n private getAnchorElement(): HTMLElement | null {\n return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;\n }\n\n private getContainer(): HTMLElement {\n if (this.container) return this.container;\n\n if (this.appendToBody) {\n return document.body;\n }\n\n return null;\n }\n\n private setupPopper() {\n const anchorEl = this.getAnchorElement();\n if (!anchorEl) {\n console.error('UdpPopover: Anchor element could not be found.');\n return;\n }\n // Ensure we don't create multiple instances\n if (this.popperInstance) {\n this.popperInstance.destroy();\n }\n\n this.popperInstance = createPopper(anchorEl, this.hostEl as HTMLElement, {\n strategy: 'fixed',\n placement: this.popoverPlacement,\n modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],\n });\n }\n\n private destroyPopper() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n componentWillLoad() {\n if (this.isOpen) {\n this.present();\n }\n }\n\n\n render() {\n const style = {\n width: this.popoverWidth,\n maxHeight: this.popoverMaxHeight,\n overflow: this.overflow\n };\n\n return (\n <Host>\n <div class=\"popover\" style={style}>\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,aAAa,GAAG,8SAA8S;;MCQvT,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQ2B,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAGxC,QAAA,IAAgB,CAAA,gBAAA,GAAQ,cAAc;AAEtC,QAAA,IAAY,CAAA,YAAA,GAAY,IAAI;AAE5B,QAAA,IAAQ,CAAA,QAAA,GAAY,MAAM;AAmC1B,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;;AAEjC,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE;oBACpE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;AACjC,qBAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,IAAI,CAAC,SAAS,EAAE;oBACzE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;;YAG3C,IAAI,CAAC,aAAa,EAAE;AACtB,SAAC;AAgBO,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAoB,KAAI;;AAC/C,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;;AAE/B,SAAC;AAEO,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAI;;AACjD,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE;AACjC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;YACxC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE;gBACvE;;AAEF,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;AAC7B,SAAC;AA+DF;IArIC,oBAAoB,GAAA;QAClB,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,aAAa,EAAE;;AAItB,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE;;IAGpC,OAAO,GAAA;AACb,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;QAEvC,IAAI,WAAW,EAAE;AACf,YAAA,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;QAGtC,IAAI,CAAC,YAAY,EAAE;QAEnB,qBAAqB,CAAC,MAAK;YACzB,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AACzC,SAAC,CAAC;;IAGI,OAAO,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;AAC1C,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;;IAejF,YAAY,GAAA;QAClB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;QACxD,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;SAE9D,EAAE,CAAC,CAAC;;IAGC,eAAe,GAAA;QACrB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;QAC3D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;IAkBxD,gBAAgB,GAAA;QACtB,OAAO,OAAO,IAAI,CAAC,aAAa,KAAK,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa;;IAG1G,YAAY,GAAA;QAClB,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC,SAAS;AAEzC,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO,QAAQ,CAAC,IAAI;;AAGtB,QAAA,OAAO,IAAI;;IAGL,WAAW,GAAA;AACjB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;QACxC,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,CAAC,KAAK,CAAC,gDAAgD,CAAC;YAC/D;;;AAGF,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;;QAG/B,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAqB,EAAE;AACvE,YAAA,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,IAAI,CAAC,gBAAgB;AAChC,YAAA,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACrI,SAAA,CAAC;;IAGI,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;AAC7B,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;;;IAI9B,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,OAAO,EAAE;;;IAKlB,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,IAAI,CAAC,YAAY;YACxB,SAAS,EAAE,IAAI,CAAC,gBAAgB;YAChC,QAAQ,EAAE,IAAI,CAAC;SAChB;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,EAAA,EAC/B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACD;;;;;;;;;;;"}

package/dist/esm/udp-sankey-chart.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-n-1ZSeAs.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
-import { s as setChartDefaultSettings, a as setSankeyChartDefaultSettings } from './chartUtils-DqjnIahA.js';
+import { s as setChartDefaultSettings, a as setSankeyChartDefaultSettings } from './chartUtils-DFIyEsL1.js';
 import { v4 } from 'uuid';
 const udpSankeyChartCss = ":host{display:block}";
@@ -62,7 +62,7 @@ const UdpSankeyChart = class {
         }
     }
     render() {
-        return (h("chart-container", { key: 'd172e6bdf59852b931e71f23412adac1d34f4773', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '6417cebcb21362b9653a8cae10dd81a111f22daf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/udp-skeleton-loading.entry.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-n-1ZSeAs.js';
+const udpSkeletonLoadingCss = ".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
+const UdpSkeletonLoading = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        // You can use properties to define the size, shape, etc.
+        this.width = '100%';
+        this.height = '20px';
+        this.borderRadius = '4px';
+    }
+    render() {
+        return (h("div", { key: '890870d09f1a34c25a89de82a1c4576341ce2e14', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+    }
+};
+UdpSkeletonLoading.style = udpSkeletonLoadingCss;
+export { UdpSkeletonLoading as udp_skeleton_loading };
+//# sourceMappingURL=udp-skeleton-loading.entry.js.map

package/dist/esm/udp-skeleton-loading.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-skeleton-loading.entry.js","sources":["src/components/my-component/UI/loaders/udp-skeleton-loading.css?tag=udp-skeleton-loading&encapsulation=shadow","src/components/my-component/UI/loaders/udp-skeleton-loading.tsx"],"sourcesContent":["/* udp-skeleton-loading.css */\n.skeleton-loader {\n background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n background-size: 1000px 100%;\n display: inline-block;\n position: relative;\n overflow: hidden;\n }\n \n /* Animation */\n .skeleton-loader::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);\n animation: load 1.5s infinite;\n }\n \n @keyframes load {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(100%);\n }\n }\n ","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-skeleton-loading',\n styleUrl: 'udp-skeleton-loading.css',\n shadow: true\n})\nexport class UdpSkeletonLoading {\n // You can use properties to define the size, shape, etc.\n @Prop() width: string = '100%';\n @Prop() height: string = '20px';\n @Prop() borderRadius: string = '4px';\n\n render() {\n return (\n <div class=\"skeleton-loader\" style={{ width: this.width, height: this.height, borderRadius: this.borderRadius }}>\n {/* Additional markup if needed */}\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,idAAid;;MCOle,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AACvB,QAAA,IAAY,CAAA,YAAA,GAAW,KAAK;AASrC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,CAEzG;;;;;;;"}

package/dist/esm/udp-split-screen.entry.js CHANGED Viewed

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

package/dist/esm/udp-stepper-demo.entry.js CHANGED Viewed

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

package/dist/esm/udp-tab-panel.entry.js CHANGED Viewed

@@ -8,10 +8,10 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: 'eaa68aa3e874dbf92d218eed44f6332efd7b4946', class: {
+        return (h("div", { key: '57acfd7252fdbb863d997a0f0d4b6e00cb6d8952', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '5ebaeac17012121bcdf75249edd5042f47473f58' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '1860be25551f2cc92da3e8d081dfa8738b77040f' })));
     }
 };
 UdpTabPanel.style = udpTabPanelCss;

package/dist/esm/udp-tab.entry.js ADDED Viewed

@@ -0,0 +1,36 @@
+import { r as registerInstance, h } from './index-n-1ZSeAs.js';
+const udpTabCss = ".tab-panel{display:none}.tab-panel.active{display:block}";
+const UdpTab = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * True if this is the active tab.
+         * This is set by the parent <udp-tabs> component.
+         */
+        this.active = false;
+        /**
+         * Placement of the icon relative to the title.
+         * @default 'start'
+         */
+        this.iconPlacement = 'start';
+        /**
+         * If true, the tab will be hidden from the tab list.
+         * @default false
+         */
+        this.hidden = false;
+        /**
+         * If true, the tab will be unselectable.
+         * @default false
+         */
+        this.disabled = false;
+    }
+    render() {
+        return (h("div", { key: '90108764a6f54e335d1d140cb314c097035c457b', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '6a4ceb9d61a89e4ef6fb6c3d8da60af03aa6ca64' })));
+    }
+};
+UdpTab.style = udpTabCss;
+export { UdpTab as udp_tab };
+//# sourceMappingURL=udp-tab.entry.js.map

package/dist/esm/udp-tab.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/esm/udp-vertical-spacer.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: 'e05ad349a3c1df3a515ede40f457661c8b7913b9', class: spacingClass }));
+        return (h("div", { key: '40591bca33eed59816db93c10b17e3fd869feda5', class: spacingClass }));
     }
 };
 UdpVerticalSpacer.style = udpVerticalSpacerCss;

package/dist/esm/udp-xy-chart.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-n-1ZSeAs.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
-import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, h as addXYLegend } from './chartUtils-DqjnIahA.js';
+import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, k as addXYLegend } from './chartUtils-DFIyEsL1.js';
 const udpXyChartCss = ":host{display:block}";
@@ -97,7 +97,7 @@ const UdpXyChart = class {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: 'd9fde65c90053420c8cd49cdf1563cad73eaef77', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'f43c02933036c59003480fcc015b4ed7a520ac1d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/udp-xy-multi-series-chart.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-n-1ZSeAs.js';
-import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, g as addXYSeriesBullets } from './chartUtils-DqjnIahA.js';
+import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, g as addXYSeriesBullets } from './chartUtils-DFIyEsL1.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
 import { v4 } from 'uuid';
@@ -104,7 +104,7 @@ const UdpXyMultiSeriesChart = class {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '3d2981719204d4271691e787aa1b6809d3f4e7a0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ee130ed18c303e25fce7aa5dd5959a7ccabb7e8a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/unity-typography.entry.js ADDED Viewed

@@ -0,0 +1,61 @@
+import { r as registerInstance, h } from './index-n-1ZSeAs.js';
+const unityTypographyCss = "body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}";
+const typography = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'body';
+        this.gutterBottom = false;
+        this.bold = false;
+        this.color = 'main';
+    }
+    getClasses(baseClass) {
+        return {
+            [baseClass]: true,
+            'bold': this.bold,
+            [`color-${this.color}`]: true
+        };
+    }
+    render() {
+        if (this.variant === 'body') {
+            return h("span", { class: this.getClasses('body') }, h("slot", null));
+        }
+        switch (this.variant) {
+            case 'h1':
+                return h("h1", { class: this.getClasses('h1') }, h("slot", null));
+            case 'h2':
+                return h("h2", { class: this.getClasses('h2') }, h("slot", null));
+            case 'h3':
+                return h("h3", { class: this.getClasses('h3') }, h("slot", null));
+            case 'h4':
+                return h("h4", { class: this.getClasses('h4') }, h("slot", null));
+            case 'h5':
+                return h("h5", { class: this.getClasses('h5') }, h("slot", null));
+            case 'h6':
+                return h("h6", { class: this.getClasses('h6') }, h("slot", null));
+            case 'body1':
+                return h("p", { class: this.getClasses('body1') }, h("slot", null));
+            case 'body2':
+                return h("p", { class: this.getClasses('body2') }, h("slot", null));
+            case 'caption-text':
+                return h("span", { class: this.getClasses('caption-text') }, h("slot", null));
+            case 'data-display-one':
+                return h("span", { class: this.getClasses('data-display-one') }, h("slot", null));
+            case 'data-display-two':
+                return h("span", { class: this.getClasses('data-display-two') }, h("slot", null));
+            case 'data-display-three':
+                return h("span", { class: this.getClasses('data-display-three') }, h("slot", null));
+            case 'data-display-four':
+                return h("span", { class: this.getClasses('data-display-four') }, h("slot", null));
+            case 'button':
+                return h("span", { class: this.getClasses('button') }, h("slot", null));
+            default:
+                return h("p", { class: this.getClasses('body1') }, h("slot", null));
+        }
+    }
+};
+typography.style = unityTypographyCss;
+export { typography as unity_typography };
+//# sourceMappingURL=unity-typography.entry.js.map

package/dist/esm/unity-typography.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"unity-typography.entry.js","sources":["src/components/my-component/UI/unity-typography/unity-typography.css?tag=unity-typography&encapsulation=shadow","src/components/my-component/UI/unity-typography/unity-typography.tsx"],"sourcesContent":["body {\n font-family: var(--font-family);\n}\n\n:host {\n display: block;\n overflow: visible !important\n}\n\n/* Reset margins for all typography elements */\nh1, h2, h3, h4, h5, h6, p, span {\n margin: 0;\n padding: 0;\n}\n\n/* Add specific margins only when gutterBottom prop is true */\n:host([gutterBottom]) h1,\n:host([gutterBottom]) h2,\n:host([gutterBottom]) h3,\n:host([gutterBottom]) h4,\n:host([gutterBottom]) h5,\n:host([gutterBottom]) h6,\n:host([gutterBottom]) p,\n:host([gutterBottom]) span {\n margin-bottom: var(--spacing-02);\n}\n\n/* Body Text */\n.body1 {\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n font-family: var(--font-family);\n}\n\n.body2 {\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n font-family: var(--font-family);\n}\n\n/* Headings */\nh1 {\n font-size: var(--h1-font-size);\n font-weight: var(--h1-font-weight);\n line-height: var(--h1-line-height);\n font-family: var(--font-family);\n}\n\nh2 {\n font-size: var(--h2-font-size);\n font-weight: var(--h2-font-weight);\n line-height: var(--h2-line-height);\n font-family: var(--font-family);\n}\n\nh3 {\n font-size: var(--h3-font-size);\n font-weight: var(--h3-font-weight);\n line-height: var(--h3-line-height);\n font-family: var(--font-family);\n}\n\nh4 {\n font-size: var(--h4-font-size);\n font-weight: var(--h4-font-weight);\n line-height: var(--h4-line-height);\n font-family: var(--font-family);\n}\n\nh5 {\n font-size: var(--h5-font-size);\n font-weight: var(--h5-font-weight);\n line-height: var(--h5-line-height);\n font-family: var(--font-family);\n}\n\nh6 {\n font-size: var(--h6-font-size);\n font-weight: var(--h6-font-weight);\n line-height: var(--h6-line-height);\n font-family: var(--font-family);\n}\n\n/* Body */\np {\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n font-family: var(--font-family);\n}\n\n/* Caption Text */\n.caption-text {\n font-size: var(--caption-text-font-size);\n font-weight: var(--caption-text-font-weight);\n line-height: var(--caption-text-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display One */\n.data-display-one {\n font-size: var(--data-display-one-font-size);\n font-weight: var(--data-display-one-font-weight);\n line-height: var(--data-display-one-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display Two */\n.data-display-two {\n font-size: var(--data-display-two-font-size);\n font-weight: var(--data-display-two-font-weight);\n line-height: var(--data-display-two-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display Three */\n.data-display-three {\n font-size: var(--data-display-three-font-size);\n font-weight: var(--data-display-three-font-weight);\n line-height: var(--data-display-three-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display Four */\n.data-display-four {\n font-size: var(--data-display-four-font-size);\n font-weight: var(--data-display-four-font-weight);\n line-height: var(--data-display-four-line-height);\n font-family: var(--font-family);\n}\n\n/* Button */\n.button {\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n line-height: var(--button-line-height);\n font-family: var(--font-family);\n}\n\n/* Add this after your existing styles */\n\n/* Bold modifier */\n.bold {\n font-weight: var(--font-weight-bold, 700) !important;\n}\n\n/* Add after existing styles */\n\n/* Color variants */\n.color-main {\n color: var(--text-main);\n}\n\n.color-textSecondary {\n color: var(--text-secondary);\n}\n\n.color-primary {\n color: var(--primary-color);\n}\n\n.color-secondary {\n color: var(--secondary-color);\n}\n\n.color-disabled {\n color: var(--text-disabled);\n}\n\n.color-hint {\n color: var(--text-hint);\n}\n\n/* Add this to your color variants section */\n.color-inherit {\n color: inherit;\n}\n\n/* Error color variant for form error messages */\n.color-error {\n color: var(--error-color-main, #d32f2f) !important;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { TypographyVariant, TypographyColor, UnityTypographyProps } from './types';\n\n\n@Component({\n tag: 'unity-typography',\n styleUrl: 'unity-typography.css',\n shadow: true\n})\nexport class typography implements UnityTypographyProps {\n @Prop() variant: TypographyVariant = 'body';\n @Prop() gutterBottom: boolean = false;\n @Prop() bold: boolean = false;\n @Prop() color: TypographyColor = 'main';\n\n private getClasses(baseClass: string): { [key: string]: boolean } {\n return {\n [baseClass]: true,\n 'bold': this.bold,\n [`color-${this.color}`]: true\n };\n }\n\n render() {\n if (this.variant === 'body') {\n return <span class={this.getClasses('body')}><slot /></span>;\n }\n\n switch (this.variant) {\n case 'h1':\n return <h1 class={this.getClasses('h1')}><slot /></h1>;\n case 'h2':\n return <h2 class={this.getClasses('h2')}><slot /></h2>;\n case 'h3':\n return <h3 class={this.getClasses('h3')}><slot /></h3>;\n case 'h4':\n return <h4 class={this.getClasses('h4')}><slot /></h4>;\n case 'h5':\n return <h5 class={this.getClasses('h5')}><slot /></h5>;\n case 'h6':\n return <h6 class={this.getClasses('h6')}><slot /></h6>;\n case 'body1':\n return <p class={this.getClasses('body1')}><slot /></p>;\n case 'body2':\n return <p class={this.getClasses('body2')}><slot /></p>;\n case 'caption-text':\n return <span class={this.getClasses('caption-text')}><slot /></span>;\n case 'data-display-one':\n return <span class={this.getClasses('data-display-one')}><slot /></span>;\n case 'data-display-two':\n return <span class={this.getClasses('data-display-two')}><slot /></span>;\n case 'data-display-three':\n return <span class={this.getClasses('data-display-three')}><slot /></span>;\n case 'data-display-four':\n return <span class={this.getClasses('data-display-four')}><slot /></span>;\n case 'button':\n return <span class={this.getClasses('button')}><slot /></span>;\n default:\n return <p class={this.getClasses('body1')}><slot /></p>;\n }\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/{action-column-util-BArOL_Uz.js → action-column-util-DUK_9dnF.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-const n=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return;switch(n===null||n===void 0?void 0:n.length){case 1:return 121;case 2:return 121;case 3:return 161;default:return 200}};const o=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return[];return n===null||n===void 0?void 0:n.sort(((n,o)=>{if((n===null||n===void 0?void 0:n.order)&&(o===null||o===void 0?void 0:o.order)){return n.order-o.order}return 0}))};const r=(n,o)=>{const r=[];const i=[];for(let t=0;t<n.length;t++){if(t<o){r.push(n[t])}else{i.push(n[t])}}return{visibleActions:r,overflowActions:i}};export{o as a,n as g,r as s};
-//# sourceMappingURL=action-column-util-BArOL_Uz.js.map
+const n=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return;switch(n===null||n===void 0?void 0:n.length){case 1:return 121;case 2:return 121;case 3:return 161;default:return 200}};const o=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return[];return n===null||n===void 0?void 0:n.sort(((n,o)=>{if((n===null||n===void 0?void 0:n.order)&&(o===null||o===void 0?void 0:o.order)){return n.order-o.order}return 0}))};const r=(n,o)=>{const r=[];const i=[];for(let t=0;t<n.length;t++){if(t<o){r.push(n[t])}else{i.push(n[t])}}return{visibleActions:r,overflowActions:i}};export{r as a,n as g,o as s};
+//# sourceMappingURL=action-column-util-DUK_9dnF.js.map