udp-stencil-component-library 1.0.0

package/dist/stencil-library/udp-map.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-map.entry.esm.js","sources":["src/components/my-component/UI/map/udp-map/udp-map.css?tag=udp-map&encapsulation=shadow","src/components/my-component/UI/map/udp-map/udp-map.tsx"],"sourcesContent":["  :host {\n    display: block;\n  }\n  .zoomControl {\n    left: 'auto';\n    right: '20';\n    top: '20';\n  }\n  .iconButtonWrapper {\n    padding: var(--spacing-04);\n  }\n  #featureDetailsPopOverContainer {\n    position: absolute;\n    z-index: 1000; \n  }\n  /* Hide controls by default */\n.hidden-controls .ol-zoom,\n.hidden-controls .ol-attribution {\n  display: none;\n}\n.ol-control {\n  width: fit-content !important;\n}\n","import { Component, Prop, h, State, Watch } from '@stencil/core';\nimport Map from 'ol/Map';\n\n@Component({\n  tag: 'udp-map',\n  styleUrl: 'udp-map.css',\n  shadow: true,\n})\nexport class UdpMap {\n  //=====================================Props=================================\n  @Prop() enableToolbar?: boolean = true;\n  @Prop() mapTitle?: string = ''; //Title appearing on map\n  @Prop() data?: any[] = []; //Feature data (in either Geo-JSON format or not). Geo-JSON format :  [{type: string, id: string, geometry: { type: 'Point' | 'LineString' | 'Polygon',coordinates: Coordinate},properties: any}]\n  @Prop() isGeoJsonFormat?: boolean = true; //Boolean stating if the data is in Geo-JSON format\n  @Prop() geoJsonMappingConfig?: any; //Method - If data is not in Geo-JSON format, returns data in Geo-JSON format\n  @Prop() enableZoom?: boolean = true; //Allow Zoom\n  @Prop() mapZoom?: number = 17; //Default map zoom\n  @Prop() mapCenter?: any = [0, 0]; //Default map center\n  @Prop() mapHeight?: string = '80vh';\n  @Prop() crs?: any; //Coordinate reference system used\n  @Prop() mapProjection?: string = ''; //Map feature projection used\n  @Prop() mapDataProjection?: string; //Map data projection used\n  @Prop() getFilteredMapData?: any; //Method - Custom filter for map features\n  @Prop() getFeatureStyles?: any; //Method - Returns custom styles for features\n  @Prop() getSelectedFeatureStyles?: any; //Method - Returns custom styles for selected features\n  @Prop() filterPanel?: string = ''; //Custom filter panel\n  @Prop() filterPanelCallback?: any; //Method - Callback to filter features from custom filter panel\n  @Prop() enableTileSelection?: boolean = true; //Allows selecting tile layer\n  @Prop() tileLayersOptions?: any[] = []; //List of tile layers visible on the map\n  @Prop() defaultTileOptionName?: string = ''; //Default tile layer name\n  @Prop() layerOptions?: any[] = []; //List of options for vector layers\n  @Prop() initialSelectedLayers?: any[] = []; //Vector layers selected in the layer filter on initital map load\n  @Prop() handleSelectLayersCallback: any; //callback to return layers that are selected\n  @Prop() bulkSelectedFeaturesActionPanel?: string = ''; //Custom action panel for selected features\n  @Prop() handleSetSelectedFeaturesOnBulkSelect: any; //Method - Retrieves selected features when bulk selected\n  @Prop() handleSetSelectedFeatureOnSelect: any; //Method - Retrieves selected feature when individually selected\n  @Prop() filterLayersByRole: boolean = false; //Enable filtering layers by role\n  @Prop() layerKeys?: string[]; //Layerkeys to get the current feature layer when adding layers with features to the map\n  @Prop() layerKeySeparator?: string = ''; //Layerkey seperator to get the current feature layer when adding layers with features to the map\n  @Prop() user?: any; //AuthedUser from unity - used to filter layers by role\n  @Prop() layerRoles?: any; //Layers assigned to roles\n  @Prop() handleRefresh?: any; //Callback method to refresh map\n  @Prop() refreshButtonTooltip?: string = ''; //Custom tooltip message on refresh button\n  @Prop() readOnlyMap: boolean = false; //Map is read only (Setting true removes the add, edit, delete functionality)\n  @Prop() enableAdd: boolean = true; //Enables adding a new feature by drawing on the map\n  @Prop() handleAddNewFeatures: any; //When adding features on the map by drawing, this callback method returns the newly added features\n  @Prop() addMultipleFeatures: boolean = true; //When adding features by drawing, add multiple features\n  @Prop() enableSplitFeature: boolean = true; //Enables splitting linestrings on the map\n  @Prop() handleSplitFeature: any; //Callback function to return split feature\n  @Prop() enableViewFeature: boolean = true; //Enables viewing a selected feature\n  @Prop() handleViewFeature: any; //Enables viewing a selected feature\n  @Prop() handleGetZoomExtent?: any; //Callback method to return map zoom and extent when the resolution changes\n  @Prop() readOnlyLayers: string[] = []; //List of layers that are read only\n  @Prop() additionalOnclosePopover: any; //Additional close popover method\n  @Prop() popoverPrimaryActions: any[] = [];\n  @Prop() popoverMoreIconButtonActions: any[] = [];\n  @Prop() getMessagePopover: (data: any) => string;\n  @Prop() getMessageIconPopover: (data: any) => any;\n  @Prop() hideMessageIconPopover: boolean = false;\n  @Prop() cardConfig: any = {};\n  @Prop() popoverWidth: string;\n  @Prop() handleGetAdditionalFeaturePropertiesOnSelect: (data: any) => any;\n  @Prop() addFeaturePanelConfig?: any;\n  @Prop() minZoom: number = 0; //Min zoom of the map view\n  @Prop() maxZoom: number = 28; //Max zoom of the map view\n\n  @State() map!: any;\n  @State() bulkSelectionActive: boolean = false;\n  @State() filteredLayerOptionsByRole: any[] = [];\n  @State() splitActive: boolean = false;\n  @State() enableDragBox: boolean = false;\n  @State() selectFeatureInteraction: any;\n  @State() selectedFeatureCoordinates: any[] = [];\n  @State() selectedFeatureProperties: any = null;\n  @State() selectedFeatureObjectKeyValuePairs: any[];\n  @State() enableAddNewFeature: boolean = false;\n  @State() selectedLayers: any[] = [];\n\n  handleSetFilteredLayerOptionsByRole = (options: any[]) => {\n    this.filteredLayerOptionsByRole = options;\n  };\n  handleSetMapComponent = (component: Map) => {\n    if (component) {\n      this.map = component;\n    }\n  };\n  handleSetBulkSelectionActive = (active: boolean) => {\n    this.bulkSelectionActive = active;\n  };\n  handleSetEnableDragBox = (enable: boolean) => {\n    this.enableDragBox = enable;\n  };\n  handleSetSplitActive = (active: boolean) => {\n    this.splitActive = active;\n  };\n\n  handleEnableAddNewFeature = (enable: boolean) => {\n    this.enableAddNewFeature = enable;\n  };\n\n  handleSetSelectedFeatureProperties = (currentFeature: any) => {\n    if (currentFeature) {\n      let featureProperties = currentFeature?.getProperties();\n      if (featureProperties) {\n        this.selectedFeatureCoordinates = featureProperties.geometry.flatCoordinates;\n        this.selectedFeatureProperties = featureProperties;\n      }\n    } else {\n      this.selectedFeatureProperties = null;\n      this.selectedFeatureObjectKeyValuePairs = [];\n    }\n  };\n\n  @Watch('enableDragBox')\n  @Watch('selectFeatureInteraction')\n  watchDragBoxandSelectedFeatureInteraction() {\n    if (!this.enableDragBox && this.selectFeatureInteraction) {\n      this.selectFeatureInteraction.setActive(true);\n      this.selectFeatureInteraction.getFeatures().clear();\n      this.selectedFeatureProperties = null;\n      this.selectedFeatureObjectKeyValuePairs = [];\n    }\n  }\n\n  updateSelectedLayers(value: any) {\n    this.selectedLayers = value;\n    this.initialSelectedLayers = value;\n  }\n\n  //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////\n  render() {\n    return (\n      <map-component\n        handleSetMapComponent={this.handleSetMapComponent}\n        data={this.data}\n        isGeoJsonFormat={this.isGeoJsonFormat}\n        geoJsonMappingConfig={this.geoJsonMappingConfig}\n        enableZoom={this.enableZoom}\n        mapZoom={this.mapZoom}\n        mapCenter={this.mapCenter}\n        mapHeight={this.mapHeight}\n        crs={this.crs}\n        mapProjection={this.mapProjection}\n        mapDataProjection={this.mapDataProjection}\n        getFilteredMapData={this.getFilteredMapData}\n        getFeatureStyles={this.getFeatureStyles}\n        getSelectedFeatureStyles={this.getSelectedFeatureStyles}\n        filterPanel={this.filterPanel}\n        filterPanelCallback={this.filterPanelCallback}\n        enableTileSelection={this.enableTileSelection}\n        tileLayersOptions={this.tileLayersOptions}\n        defaultTileOptionName={this.defaultTileOptionName}\n        layerOptions={this.layerOptions}\n        initialSelectedLayers={this.initialSelectedLayers}\n        bulkSelectedFeaturesActionPanel={this.bulkSelectedFeaturesActionPanel}\n        handleSetSelectedFeaturesOnBulkSelect={this.handleSetSelectedFeaturesOnBulkSelect}\n        handleSetSelectedFeatureOnSelect={this.handleSetSelectedFeatureOnSelect}\n        filterLayersByRole={this.filterLayersByRole}\n        layerKeys={this.layerKeys}\n        layerKeySeparator={this.layerKeySeparator}\n        user={this.user}\n        layerRoles={this.layerRoles}\n        filteredLayerOptionsByRole={this.filteredLayerOptionsByRole}\n        handleSetFilteredLayerOptionsByRole={this.handleSetFilteredLayerOptionsByRole}\n        readOnlyMap={this.readOnlyMap}\n        enableViewFeature={this.enableViewFeature}\n        handleViewFeature={this.handleViewFeature}\n        bulkSelectionActive={this.bulkSelectionActive}\n        splitActive={this.splitActive}\n        enableDragBox={this.enableDragBox}\n        selectFeatureInteraction={this.selectFeatureInteraction}\n        handleSetSelectedFeatureProperties={this.handleSetSelectedFeatureProperties}\n        selectedFeatureCoordinates={this.selectedFeatureCoordinates}\n        selectedFeatureProperties={this.selectedFeatureProperties}\n        enableAddNewFeature={this.enableAddNewFeature}\n        handleGetZoomExtent={this.handleGetZoomExtent}\n        selectedLayers={this.selectedLayers}\n        handleSetSelectedLayers={val => {\n          this.updateSelectedLayers(val);\n        }}\n        readOnlyLayers={this.readOnlyLayers}\n        additionalOnclosePopover={this.additionalOnclosePopover}\n        popoverPrimaryActions={this.popoverPrimaryActions}\n        popoverMoreIconButtonActions={this.popoverMoreIconButtonActions}\n        getMessagePopover={this.getMessagePopover}\n        getMessageIconPopover={this.getMessageIconPopover}\n        hideMessageIconPopover={this.hideMessageIconPopover}\n        popoverCardConfig={this.cardConfig}\n        popoverWidth={this.popoverWidth}\n        handleGetAdditionalFeaturePropertiesOnSelect={this.handleGetAdditionalFeaturePropertiesOnSelect}\n        minZoom={this.minZoom}\n        maxZoom={this.maxZoom}\n      >\n        {this.enableToolbar && (\n          <udp-map-toolbar\n            map={this.map}\n            mapTitle={this.mapTitle}\n            mapProjection={this.mapProjection}\n            getFeatureStyles={this.getFeatureStyles}\n            getSelectedFeatureStyles={this.getSelectedFeatureStyles}\n            filterPanel={this.filterPanel}\n            enableTileSelection={this.enableTileSelection}\n            tileLayersOptions={this.tileLayersOptions}\n            defaultTileOptionName={this.defaultTileOptionName}\n            layerOptions={this.layerOptions}\n            bulkSelectedFeaturesActionPanel={this.bulkSelectedFeaturesActionPanel}\n            handleSetSelectedFeaturesOnBulkSelect={this.handleSetSelectedFeaturesOnBulkSelect}\n            handleRefresh={this.handleRefresh}\n            refreshButtonTooltip={this.refreshButtonTooltip}\n            readOnlyMap={this.readOnlyMap}\n            enableAdd={this.enableAdd}\n            handleAddNewFeatures={this.handleAddNewFeatures}\n            addMultipleFeatures={this.addMultipleFeatures}\n            enableSplitFeature={this.enableSplitFeature}\n            handleSplitFeature={this.handleSplitFeature}\n            handleSetSelectedFeatureProperties={this.handleSetSelectedFeatureProperties}\n            filteredLayerOptionsByRole={this.filteredLayerOptionsByRole}\n            handleSetBulkSelectionActive={this.handleSetBulkSelectionActive}\n            enableDragBox={this.enableDragBox}\n            handleSetEnableDragBox={this.handleSetEnableDragBox}\n            splitActive={this.splitActive}\n            handleSetSplitActive={this.handleSetSplitActive}\n            selectFeatureInteraction={this.selectFeatureInteraction}\n            enableAddNewFeature={this.enableAddNewFeature}\n            handleEnableAddNewFeature={this.handleEnableAddNewFeature}\n            handleSelectLayersCallback={this.handleSelectLayersCallback}\n            selectedLayers={this.selectedLayers}\n            handleSetSelectedLayers={val => {\n              this.updateSelectedLayers(val);\n            }}\n            addFeaturePanelConfig={this.addFeaturePanelConfig}\n          />\n        )}\n        <slot></slot>\n      </map-component>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,gSAAgS;;MCQrS,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAa,CAAA,aAAA,GAAa,IAAI;AAC9B,QAAA,IAAA,CAAA,QAAQ,GAAY,EAAE,CAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAAW,EAAE,CAAC;AAClB,QAAA,IAAA,CAAA,eAAe,GAAa,IAAI,CAAC;AAEjC,QAAA,IAAA,CAAA,UAAU,GAAa,IAAI,CAAC;AAC5B,QAAA,IAAA,CAAA,OAAO,GAAY,EAAE,CAAC;QACtB,IAAS,CAAA,SAAA,GAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACzB,QAAA,IAAS,CAAA,SAAA,GAAY,MAAM;AAE3B,QAAA,IAAA,CAAA,aAAa,GAAY,EAAE,CAAC;AAK5B,QAAA,IAAA,CAAA,WAAW,GAAY,EAAE,CAAC;AAE1B,QAAA,IAAA,CAAA,mBAAmB,GAAa,IAAI,CAAC;AACrC,QAAA,IAAA,CAAA,iBAAiB,GAAW,EAAE,CAAC;AAC/B,QAAA,IAAA,CAAA,qBAAqB,GAAY,EAAE,CAAC;AACpC,QAAA,IAAA,CAAA,YAAY,GAAW,EAAE,CAAC;AAC1B,QAAA,IAAA,CAAA,qBAAqB,GAAW,EAAE,CAAC;AAEnC,QAAA,IAAA,CAAA,+BAA+B,GAAY,EAAE,CAAC;AAG9C,QAAA,IAAA,CAAA,kBAAkB,GAAY,KAAK,CAAC;AAEpC,QAAA,IAAA,CAAA,iBAAiB,GAAY,EAAE,CAAC;AAIhC,QAAA,IAAA,CAAA,oBAAoB,GAAY,EAAE,CAAC;AACnC,QAAA,IAAA,CAAA,WAAW,GAAY,KAAK,CAAC;AAC7B,QAAA,IAAA,CAAA,SAAS,GAAY,IAAI,CAAC;AAE1B,QAAA,IAAA,CAAA,mBAAmB,GAAY,IAAI,CAAC;AACpC,QAAA,IAAA,CAAA,kBAAkB,GAAY,IAAI,CAAC;AAEnC,QAAA,IAAA,CAAA,iBAAiB,GAAY,IAAI,CAAC;AAGlC,QAAA,IAAA,CAAA,cAAc,GAAa,EAAE,CAAC;AAE9B,QAAA,IAAqB,CAAA,qBAAA,GAAU,EAAE;AACjC,QAAA,IAA4B,CAAA,4BAAA,GAAU,EAAE;AAGxC,QAAA,IAAsB,CAAA,sBAAA,GAAY,KAAK;AACvC,QAAA,IAAU,CAAA,UAAA,GAAQ,EAAE;AAIpB,QAAA,IAAA,CAAA,OAAO,GAAW,CAAC,CAAC;AACpB,QAAA,IAAA,CAAA,OAAO,GAAW,EAAE,CAAC;AAGpB,QAAA,IAAmB,CAAA,mBAAA,GAAY,KAAK;AACpC,QAAA,IAA0B,CAAA,0BAAA,GAAU,EAAE;AACtC,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC5B,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAE9B,QAAA,IAA0B,CAAA,0BAAA,GAAU,EAAE;AACtC,QAAA,IAAyB,CAAA,yBAAA,GAAQ,IAAI;AAErC,QAAA,IAAmB,CAAA,mBAAA,GAAY,KAAK;AACpC,QAAA,IAAc,CAAA,cAAA,GAAU,EAAE;AAEnC,QAAA,IAAA,CAAA,mCAAmC,GAAG,CAAC,OAAc,KAAI;AACvD,YAAA,IAAI,CAAC,0BAA0B,GAAG,OAAO;AAC3C,SAAC;AACD,QAAA,IAAA,CAAA,qBAAqB,GAAG,CAAC,SAAc,KAAI;YACzC,IAAI,SAAS,EAAE;AACb,gBAAA,IAAI,CAAC,GAAG,GAAG,SAAS;;AAExB,SAAC;AACD,QAAA,IAAA,CAAA,4BAA4B,GAAG,CAAC,MAAe,KAAI;AACjD,YAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM;AACnC,SAAC;AACD,QAAA,IAAA,CAAA,sBAAsB,GAAG,CAAC,MAAe,KAAI;AAC3C,YAAA,IAAI,CAAC,aAAa,GAAG,MAAM;AAC7B,SAAC;AACD,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,MAAe,KAAI;AACzC,YAAA,IAAI,CAAC,WAAW,GAAG,MAAM;AAC3B,SAAC;AAED,QAAA,IAAA,CAAA,yBAAyB,GAAG,CAAC,MAAe,KAAI;AAC9C,YAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM;AACnC,SAAC;AAED,QAAA,IAAA,CAAA,kCAAkC,GAAG,CAAC,cAAmB,KAAI;YAC3D,IAAI,cAAc,EAAE;gBAClB,IAAI,iBAAiB,GAAG,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,aAAa,EAAE;gBACvD,IAAI,iBAAiB,EAAE;oBACrB,IAAI,CAAC,0BAA0B,GAAG,iBAAiB,CAAC,QAAQ,CAAC,eAAe;AAC5E,oBAAA,IAAI,CAAC,yBAAyB,GAAG,iBAAiB;;;iBAE/C;AACL,gBAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI;AACrC,gBAAA,IAAI,CAAC,kCAAkC,GAAG,EAAE;;AAEhD,SAAC;AA8HF;IA1HC,yCAAyC,GAAA;QACvC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,wBAAwB,EAAE;AACxD,YAAA,IAAI,CAAC,wBAAwB,CAAC,SAAS,CAAC,IAAI,CAAC;YAC7C,IAAI,CAAC,wBAAwB,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE;AACnD,YAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI;AACrC,YAAA,IAAI,CAAC,kCAAkC,GAAG,EAAE;;;AAIhD,IAAA,oBAAoB,CAAC,KAAU,EAAA;AAC7B,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,QAAA,IAAI,CAAC,qBAAqB,GAAG,KAAK;;;IAIpC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,+BAA+B,EAAE,IAAI,CAAC,+BAA+B,EACrE,qCAAqC,EAAE,IAAI,CAAC,qCAAqC,EACjF,gCAAgC,EAAE,IAAI,CAAC,gCAAgC,EACvE,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAC3D,mCAAmC,EAAE,IAAI,CAAC,mCAAmC,EAC7E,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,kCAAkC,EAAE,IAAI,CAAC,kCAAkC,EAC3E,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAC3D,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,uBAAuB,EAAE,GAAG,IAAG;AAC7B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC;AAChC,aAAC,EACD,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,4BAA4B,EAAE,IAAI,CAAC,4BAA4B,EAC/D,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,iBAAiB,EAAE,IAAI,CAAC,UAAU,EAClC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,4CAA4C,EAAE,IAAI,CAAC,4CAA4C,EAC/F,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAEpB,IAAI,CAAC,aAAa,KACjB,wEACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,+BAA+B,EAAE,IAAI,CAAC,+BAA+B,EACrE,qCAAqC,EAAE,IAAI,CAAC,qCAAqC,EACjF,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,kCAAkC,EAAE,IAAI,CAAC,kCAAkC,EAC3E,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAC3D,4BAA4B,EAAE,IAAI,CAAC,4BAA4B,EAC/D,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,0BAA0B,EAAE,IAAI,CAAC,0BAA0B,EAC3D,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,uBAAuB,EAAE,GAAG,IAAG;AAC7B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC;aAC/B,EACD,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,GACjD,CACH,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACC;;;;;;;;;;;"}

package/dist/stencil-library/udp-page.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-page.entry.esm.js","sources":["src/components/my-component/UI/layout/udp-page/udp-page.css?tag=udp-page&encapsulation=shadow","src/components/my-component/UI/layout/udp-page/udp-page.tsx"],"sourcesContent":["/* udp-page.css */\n:host {\n    display: block;\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-page',\n  styleUrl: 'udp-page.css',\n  shadow: true,\n})\nexport class UdpPage {\n  /**\n   * Optional maximum page width\n   */\n  @Prop() maxWidth?: string = '1200px'; // Default max-width, can be overridden\n\n  /**\n   * Default padding for the layout\n   */\n  @Prop() padding?: string = '16px'; // Default padding, can be overridden\n\n  render() {\n    const style = {\n      maxWidth: this.maxWidth,\n      padding: this.padding,\n      margin: '0 auto', // Centers the content if max-width is set\n    };\n\n    return (\n      <div style={style}>\n        <slot></slot> {/* This will render the content passed between the <udp-page> tags */}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,UAAU,GAAG,sBAAsB;;MCO5B,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAA,CAAA,QAAQ,GAAY,QAAQ,CAAC;AAErC;;AAEG;AACK,QAAA,IAAA,CAAA,OAAO,GAAY,MAAM,CAAC;AAenC;IAbC,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,QAAQ;SACjB;AAED,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,KAAK,EAAA,EACf,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACT,GAAA,CAAA;;;;;;;"}

package/dist/stencil-library/udp-pagination.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-pagination.entry.esm.js","sources":["src/components/my-component/UI/navigation/pagination/udp-pagination.css?tag=udp-pagination&encapsulation=shadow","src/components/my-component/UI/navigation/pagination/udp-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-family);\n}\n\n.pagination-controls {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-03); /* 0.5rem */\n  gap: var(--spacing-02); /* 0.25rem, replaces margin on individual buttons */\n}\n\n/* Styles for udp-button are handled by the component itself. \n   We might only need to ensure proper alignment or specific overrides if necessary.\n   The udp-button already has variants for 'active', 'disabled' etc. */\n\n.pagination-controls span.ellipsis {\n  /* background-color: transparent; -- Already default for span */\n  /* border: none; -- Already default for span */\n  color: var(--text-secondary); /* Using a global variable for text color */\n  padding: var(--spacing-02) var(--spacing-01); /* Adjust padding using variables */\n  display: inline-flex; /* To align with buttons */\n  align-items: center; /* To align with buttons */\n  justify-content: center; /* To align with buttons */\n  min-width: 36px; /* Approximate width of a small icon button, adjust as needed */\n  min-height: 36px; /* Approximate height of a small icon button, adjust as needed */\n}\n\n/* Remove specific button styling for .prev-button, .next-button, etc. as udp-button handles it */\n/* .prev-button,\n.next-button,\n.first-page,\n.last-page {\n  Additional specific styles if needed\n} */ ","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pagination',\n  styleUrl: './udp-pagination.css',\n  shadow: true,\n})\nexport class UdpPagination {\n  /**\n   * The currently active page number.\n   */\n  @Prop() currentPage: number = 1;\n\n  /**\n   * The total number of pages available.\n   */\n  @Prop() totalPages: number = 1;\n\n  /**\n   * Optional: Whether the component consuming pagination is in a loading state.\n   * If true, pagination controls will be disabled.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Emitted when the page is changed by the user.\n   * The event detail will contain the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  private navigateToPage(page: number) {\n    if (this.isLoading || page < 1 || page > this.totalPages || page === this.currentPage) {\n      return;\n    }\n    this.pageChange.emit(page);\n  }\n\n  // Basic page number generation. Could be made more sophisticated (e.g., with ellipses for many pages)\n  private renderPageNumbers() {\n    const pageNumbers = [];\n    const maxPagesToShow = 5; // Max number of page buttons to show directly\n    const halfMaxPages = Math.floor(maxPagesToShow / 2);\n\n    let startPage = Math.max(1, this.currentPage - halfMaxPages);\n    let endPage = Math.min(this.totalPages, this.currentPage + halfMaxPages);\n\n    if (this.currentPage - halfMaxPages < 1) {\n      endPage = Math.min(this.totalPages, maxPagesToShow);\n    }\n\n    if (this.currentPage + halfMaxPages > this.totalPages) {\n      startPage = Math.max(1, this.totalPages - maxPagesToShow + 1);\n    }\n\n    if (this.totalPages <= maxPagesToShow) {\n      startPage = 1;\n      endPage = this.totalPages;\n    }\n\n    // Always show first page if not in range\n    if (startPage > 1) {\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(1)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to first page\">\n          1\n        </udp-button>,\n      );\n      if (startPage > 2) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pageNumbers.push(\n        <udp-button\n          onClick={() => this.navigateToPage(i)}\n          disabled={this.isLoading}\n          variant={i === this.currentPage ? 'contained' : 'outlined'}\n          color={i === this.currentPage ? 'primary' : 'inherit'}\n          ariaLabel={`Go to page ${i}`}\n          aria-current={i === this.currentPage ? 'page' : undefined}\n        >\n          {i}\n        </udp-button>,\n      );\n    }\n\n    // Always show last page if not in range\n    if (endPage < this.totalPages) {\n      if (endPage < this.totalPages - 1) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(this.totalPages)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to last page\">\n          {this.totalPages}\n        </udp-button>,\n      );\n    }\n\n    return pageNumbers;\n  }\n\n  render() {\n    if (this.totalPages <= 1) {\n      return null; // Don't render pagination if there's only one page or less\n    }\n\n    return (\n      <div class=\"pagination-controls\">\n        <udp-button onClick={() => this.navigateToPage(this.currentPage - 1)} disabled={this.isLoading || this.currentPage <= 1} variant=\"text\" ariaLabel=\"Go to previous page\">\n          Previous\n        </udp-button>\n\n        {this.renderPageNumbers()}\n\n        <udp-button\n          onClick={() => this.navigateToPage(this.currentPage + 1)}\n          disabled={this.isLoading || this.currentPage >= this.totalPages}\n          variant=\"text\"\n          ariaLabel=\"Go to next page\"\n        >\n          Next\n        </udp-button>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/udp-side-sheet.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-side-sheet.entry.esm.js","sources":["src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\n  all: initial;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 9999;\n  font-family: sans-serif;\n  visibility: hidden;\n}\n\n:host([open]) {\n  visibility: visible;\n}\n\n.backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n}\n:host([open]) .backdrop {\n  opacity: 1;\n}\n\n.sheet {\n  background: white;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);\n  transition: transform 0.3s ease-in-out;\n  width: 100%;\n}\n\n.sheet.right {\n  right: 0;\n  transform: translateX(100%);\n}\n.sheet.left {\n  left: 0;\n  transform: translateX(-100%);\n}\n\n:host([open]) .sheet.right,\n:host([open]) .sheet.left {\n  transform: translateX(0);\n}\n\n.sheet.sm { max-width: 360px; }\n.sheet.md { max-width: 600px; }\n.sheet.lg { max-width: 960px; }\n.sheet.full { max-width: 100%; }\n.sheet.custom-width { /* max-width is set via inline style */ }\n\n.title-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--spacing-04, 16px);\n  flex-shrink: 0;\n  box-shadow: var(--elevation-02 , 0 4px 8px rgba(0, 0, 0, 0.1));\n}\n.title-text {\n  flex-grow: 1;\n}\n.close-button {\n  flex-shrink: 0;\n}\n.content {\n  overflow-y: auto;\n  flex-grow: 1;\n}\n\n.content.padding {\n  padding: var(--spacing-05, 16px);\n}\n\n.footer {\n  padding: var(--spacing-05, 16px);\n  border-top: 1px solid #ccc;\n  display: flex;\n  justify-content: flex-end;\n  flex-shrink: 0;\n} \n","import { Component, h, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'udp-side-sheet',\n  styleUrl: 'udp-side-sheet.css',\n  shadow: true,\n})\nexport class UdpSideSheet {\n  @Element() hostEl!: HTMLElement;\n\n  @Prop({ reflect: true, mutable: true }) open = false;\n  @Prop() title: string;\n  @Prop() position: 'left' | 'right' = 'right';\n  @Prop() width: 'sm' | 'md' | 'lg' | 'full' | number = 'md';\n  @Prop() primaryButtonLabel: string;\n  @Prop() primaryButtonDisabled = false;\n  @Prop() primaryButtonIcon: string;\n  @Prop() padding = true;\n\n  @Event() udpSideSheetClose: EventEmitter<void>;\n  @Event() udpPrimaryButtonClick: EventEmitter<void>;\n\n  private appendedToBody = false;\n  private isBeingMoved = false;\n  private originalBodyOverflow: string = '';\n\n  @Watch('open')\n  handleOpenChange(open: boolean) {\n    if (open) {\n      this.originalBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      if (!this.appendedToBody) {\n        this.isBeingMoved = true;\n        document.body.appendChild(this.hostEl);\n        this.appendedToBody = true;\n        requestAnimationFrame(() => {\n          this.isBeingMoved = false;\n        });\n      }\n    } else {\n      document.body.style.overflow = this.originalBodyOverflow;\n      this.cleanup();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.open && !this.appendedToBody) {\n      this.originalBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      this.isBeingMoved = true;\n      document.body.appendChild(this.hostEl);\n      this.appendedToBody = true;\n      requestAnimationFrame(() => {\n        this.isBeingMoved = false;\n      });\n    }\n  }\n\n  private onClose = () => {\n    this.open = false;\n    this.udpSideSheetClose.emit();\n  };\n\n  private onPrimaryButtonClick = () => {\n    this.udpPrimaryButtonClick.emit();\n  };\n\n  private cleanup() {\n    if (this.hostEl.parentElement === document.body) {\n      document.body.removeChild(this.hostEl);\n      this.appendedToBody = false;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.isBeingMoved) {\n      return;\n    }\n    if (this.open) {\n      document.body.style.overflow = this.originalBodyOverflow;\n    }\n    this.cleanup();\n  }\n\n  render() {\n    const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\n    const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\n\n    return this.open ? (\n      <div class=\"backdrop\" onClick={this.onClose}>\n        <div class={{ sheet: true, [this.position]: true, [widthClass]: true }} style={sideSheetStyle} onClick={e => e.stopPropagation()}>\n          <div class=\"title-container\">\n            <div class=\"title-text\">\n              <unity-typography variant=\"data-display-four\">{this.title}</unity-typography>\n            </div>\n            <div class=\"close-button\">\n              <stencil-icon-button icon={Close24} onClick={this.onClose}></stencil-icon-button>\n            </div>\n          </div>\n          <div class={{ content: true, padding: this.padding }}>\n            <slot />\n          </div>\n          {this.primaryButtonLabel && (\n            <div class=\"footer\">\n              <udp-button variant=\"contained\" size=\"large\" disabled={this.primaryButtonDisabled} onClick={this.onPrimaryButtonClick} endIcon={this.primaryButtonIcon}>\n                {this.primaryButtonLabel}\n              </udp-button>\n            </div>\n          )}\n        </div>\n      </div>\n    ) : null;\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,eAAe,GAAG,quCAAquC;;MCQhvC,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAQ0C,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAE5C,QAAA,IAAQ,CAAA,QAAA,GAAqB,OAAO;AACpC,QAAA,IAAK,CAAA,KAAA,GAAyC,IAAI;AAElD,QAAA,IAAqB,CAAA,qBAAA,GAAG,KAAK;AAE7B,QAAA,IAAO,CAAA,OAAA,GAAG,IAAI;AAKd,QAAA,IAAc,CAAA,cAAA,GAAG,KAAK;AACtB,QAAA,IAAY,CAAA,YAAA,GAAG,KAAK;AACpB,QAAA,IAAoB,CAAA,oBAAA,GAAW,EAAE;AAkCjC,QAAA,IAAO,CAAA,OAAA,GAAG,MAAK;AACrB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;AAC/B,SAAC;AAEO,QAAA,IAAoB,CAAA,oBAAA,GAAG,MAAK;AAClC,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE;AACnC,SAAC;AAgDF;AAtFC,IAAA,gBAAgB,CAAC,IAAa,EAAA;QAC5B,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AACvC,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;gBACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AACtC,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI;gBAC1B,qBAAqB,CAAC,MAAK;AACzB,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AAC3B,iBAAC,CAAC;;;aAEC;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;YACxD,IAAI,CAAC,OAAO,EAAE;;;IAIlB,gBAAgB,GAAA;QACd,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACrC,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AACvC,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;YACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;YAC1B,qBAAqB,CAAC,MAAK;AACzB,gBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AAC3B,aAAC,CAAC;;;IAaE,OAAO,GAAA;QACb,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE;YAC/C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;;;IAI/B,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB;;AAEF,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,oBAAoB;;QAE1D,IAAI,CAAC,OAAO,EAAE;;IAGhB,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,cAAc,GAAG,IAAI,CAAC,KAAK;QAC/E,MAAM,cAAc,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;QAE5F,OAAO,IAAI,CAAC,IAAI,IACd,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACzC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,EAAE,CAAC,UAAU,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAAA,EAC9H,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAkB,CAAA,kBAAA,EAAA,EAAA,OAAO,EAAC,mBAAmB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAoB,CACzE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAqB,CAAA,qBAAA,EAAA,EAAA,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAwB,CAAA,CAC7E,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAA,EAClD,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACJ,EACL,IAAI,CAAC,kBAAkB,KACtB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,YAAA,EAAA,EAAY,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EAAE,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,EACnJ,EAAA,IAAI,CAAC,kBAAkB,CACb,CACT,CACP,CACG,CACF,IACJ,IAAI;;;;;;;;;;;"}

package/dist/stencil-library/udp-split-screen.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-split-screen.entry.esm.js","sources":["src/components/my-component/UI/layout/udp-split-screen/udp-split-screen.css?tag=udp-split-screen&encapsulation=shadow","src/components/my-component/UI/layout/udp-split-screen/udp-split-screen.tsx"],"sourcesContent":["/* udp-split-screen.css adjustments */\n\n.container {\n    display: flex;\n    height: 100%;\n    width: 100%;\n}\n\n.container:not(.open) {\n    display: none;\n}\n\n.panel {\n    flex-grow: 1;\n    overflow: auto;\n    /* Remove hover styles from .panel */\n    /* border-left: 1px solid rgb(219, 219, 219);  */\n    cursor: default; /* Ensure default cursor for panels */\n}\n\n/* Adjustments for better hover interaction */\n.resizer {\n    background-color: transparent; /* Keeps the resizer background transparent */\n    height: 100vh;\n    cursor: ew-resize; /* Indicates a resize cursor */\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 2px; /* Increase interactive area without affecting visual line */\n    box-sizing: content-box; /* Ensures padding doesn't add to the width */\n    transition: background-color 0.3s ease; /* Smooth transition for background color */\n}\n\n.resizer:hover {\n    background-color: var(--primary-color); /* Change to primary color on hover */\n    cursor: ew-resize;\n    /* Optionally, if you want to keep the visual line visible on hover, adjust here */\n}\n\n.resizer:hover::before {\n    background-color: transparent; /* Makes the grey line transparent on hover */\n}\n\n/* Visual indicator for the draggable area - a centered line */\n.resizer::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%; /* Keeps the line visually centered */\n    transform: translateX(-50%);\n    width: 2px; /* Visual line width */\n    height: 100%;\n    background-color: rgb(219, 219, 219); /* Default color */\n    transition: background-color 0.3s ease; /* Smooth transition for the line color */\n}\n\n\n\n\n.drag-handle {\n    content: ''; /* Adjust if using an icon or symbol */\n    font-size: 24px;\n    color: #666;\n    user-select: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}\n","import { Component, Prop, State, Method, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-split-screen',\n  styleUrl: 'udp-split-screen.css',\n  shadow: true,\n})\nexport class UdpSplitScreen {\n  @Prop() panelContent: string;\n  @State() isOpen: boolean = true;\n  @State() panelWidth: number = 75;\n  @State() isDragging: boolean = false; // Track dragging state\n\n  private element: HTMLElement;\n\n  @Method()\n  async toggleOpen() {\n    this.isOpen = !this.isOpen;\n  }\n\n  componentDidLoad() {\n    this.element.addEventListener('mousedown', (event: MouseEvent) => {\n      this.isDragging = true;\n      //this.element.style.cursor = 'grabbing'; // Change to grabbing when dragging starts\n      // Prevent default to avoid any text selection or other default actions\n      event.preventDefault();\n    });\n\n    // Attach mousemove and mouseup at the document level to ensure smooth dragging\n    document.addEventListener('mousemove', (event: MouseEvent) => {\n      if (!this.isDragging) return;\n      if (this.isDragging) {\n        const bounds = this.element.getBoundingClientRect();\n        const newWidth = ((event.clientX - bounds.left) / bounds.width) * 100;\n        this.panelWidth = Math.max(2, Math.min(newWidth, 98)); // Adjusted for a bit of margin\n      }\n      this.handleDrag(event);\n    });\n\n    document.addEventListener('mouseup', () => {\n      if (this.isDragging) {\n        this.isDragging = false;\n        //this.element.style.cursor = 'ew-resize'; // Revert cursor when dragging ends\n      }\n    });\n  }\n\n\n  private handleDrag = (event: MouseEvent) => {\n    console.log(\"Dragging\");\n    const bounds = this.element.getBoundingClientRect();\n    const newWidth = ((event.clientX - bounds.left) / bounds.width) * 100;\n    const adjustedWidth = Math.max(2, Math.min(newWidth, 98)); // Keep your existing constraints\n  \n\n    localStorage.setItem('panelWidth', this.panelWidth.toString()); \n\n    if (this.panelWidth !== adjustedWidth) {\n      this.panelWidth = adjustedWidth;\n      localStorage.setItem('panelWidth', this.panelWidth.toString()); \n    }\n  };\n  \n\n  async componentWillLoad() {\n    const savedWidth = localStorage.getItem('panelWidth');\n    if (savedWidth) {\n      this.panelWidth = parseFloat(savedWidth);\n    }\n  }\n  \n\n  render() {\n    return (\n      <div ref={(el) => this.element = el as HTMLElement} class={{ 'container': true, 'open': this.isOpen }}>\n        <div class=\"panel\" style={{ width: `${this.panelWidth}%` }}>\n          <slot name=\"first-panel\"></slot>\n        </div>\n        <div class=\"resizer\" onMouseDown={(event) => event.preventDefault()}>\n          <div class=\"drag-handle\"></div>\n        </div>\n        <div class=\"panel\" style={{ width: `${100 - this.panelWidth}%` }}>\n          <slot name=\"second-panel\">{this.panelContent}</slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/udp-stepper-demo.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-stepper-demo.entry.esm.js","sources":["src/components/my-component/UI/stepper/udp-stepper-demo.tsx"],"sourcesContent":["import { Component, h, State } from '@stencil/core';\nimport { Step } from './types';\n\n@Component({\n  tag: 'udp-stepper-demo',\n  // styleUrl: 'udp-stepper.css',\n  shadow: true,\n})\nexport class UdpStepperDemo {\n  @State() activeStep: number = 0;\n  @State() completed: { [key: number]: boolean } = {};\n\n  private step1 = (<div>This is step 1 content - Try clicking next!</div>);\n  private step2 = (<div>This is step 2 content - You can go back or forward</div>);\n  private step3 = (<div>This is step 3 content - Final step!</div>);\n\n  private steps: Step[] = [\n    {\n      stepDisplay: {\n        inProcessIcon: '1',\n        completeIcon: '✓',\n        title: 'First Step',\n        subTitle: 'Start here',\n      },\n      stepTitle: 'Step 1',\n      showTitle: true,\n      buttons: [\n        {\n          title: 'Next',\n          action: 2,\n          variant: 'default',\n          customAction: () => {\n            this.completed = { ...this.completed, [0]: true };\n            this.activeStep = 1;\n          },\n        },\n      ],\n      content: this.step1,\n    },\n    {\n      stepDisplay: {\n        inProcessIcon: '2',\n        completeIcon: '✓',\n        title: 'Second Step',\n        subTitle: 'Middle step',\n      },\n      stepTitle: 'Step 2',\n      showTitle: true,\n      buttons: [\n        {\n          title: 'Back',\n          action: 1,\n          variant: 'outline',\n          customAction: () => (this.activeStep = 0),\n        },\n        {\n          title: 'Next',\n          action: 3,\n          variant: 'default',\n          customAction: () => {\n            this.completed = { ...this.completed, [1]: true };\n            this.activeStep = 2;\n          },\n        },\n      ],\n      content: this.step2,\n    },\n    {\n      stepDisplay: {\n        inProcessIcon: '3',\n        completeIcon: '✓',\n        title: 'Final Step',\n        subTitle: 'Complete the process',\n      },\n      stepTitle: 'Step 3',\n      showTitle: true,\n      buttons: [\n        {\n          title: 'Back',\n          action: 2,\n          customAction: () => (this.activeStep = 1),\n        },\n        {\n          title: 'Finish',\n          action: 3,\n          variant: 'default',\n          customAction: () => {\n            this.completed = { ...this.completed, [2]: true };\n            console.log('Process completed!');\n          },\n        },\n      ],\n      content: this.step3,\n    },\n  ];\n\n  private handleStepChange = (event: number) => {\n    this.activeStep = event;\n\n  };\n\n  render() {\n    return (\n      <div style={{ padding: '2rem' }}>\n        <unity-typography variant=\"h2\">Horizontal Stepper with Labels bottom</unity-typography>\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"horizontal\"\n          labelDisplay=\"all\"\n          labelPosition=\"bottom\"\n        />\n\n        <unity-typography variant=\"h2\">Horizontal Stepper without Labels</unity-typography>\n\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"horizontal\"\n          labelDisplay=\"none\"\n          labelPosition=\"bottom\"\n        />\n\n        <unity-typography variant=\"h2\">Horizontal Stepper with Labels to Right</unity-typography>\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"horizontal\"\n          labelDisplay=\"all\"\n          labelPosition=\"right\"\n        />\n\n        <unity-typography variant=\"h2\">Vertical Stepper</unity-typography>\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"vertical\"\n          labelDisplay=\"all\"\n          labelPosition=\"right\"\n        />\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;MAQa,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMW,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAS,CAAA,SAAA,GAA+B,EAAE;AAE3C,QAAA,IAAA,CAAA,KAAK,IAAI,CAAsD,CAAA,KAAA,EAAA,IAAA,EAAA,6CAAA,CAAA,CAAC;AAChE,QAAA,IAAA,CAAA,KAAK,IAAI,CAA8D,CAAA,KAAA,EAAA,IAAA,EAAA,qDAAA,CAAA,CAAC;AACxE,QAAA,IAAA,CAAA,KAAK,IAAI,CAA+C,CAAA,KAAA,EAAA,IAAA,EAAA,sCAAA,CAAA,CAAC;QAEzD,IAAA,CAAA,KAAK,GAAW;AACtB,YAAA;AACE,gBAAA,WAAW,EAAE;AACX,oBAAA,aAAa,EAAE,GAAG;AAClB,oBAAA,YAAY,EAAE,GAAG;AACjB,oBAAA,KAAK,EAAE,YAAY;AACnB,oBAAA,QAAQ,EAAE,YAAY;AACvB,iBAAA;AACD,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,CAAC;AACT,wBAAA,OAAO,EAAE,SAAS;wBAClB,YAAY,EAAE,MAAK;4BACjB,IAAI,CAAC,SAAS,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,SAAS,CAAE,EAAA,EAAA,CAAC,CAAC,GAAG,IAAI,GAAE;AACjD,4BAAA,IAAI,CAAC,UAAU,GAAG,CAAC;yBACpB;AACF,qBAAA;AACF,iBAAA;gBACD,OAAO,EAAE,IAAI,CAAC,KAAK;AACpB,aAAA;AACD,YAAA;AACE,gBAAA,WAAW,EAAE;AACX,oBAAA,aAAa,EAAE,GAAG;AAClB,oBAAA,YAAY,EAAE,GAAG;AACjB,oBAAA,KAAK,EAAE,aAAa;AACpB,oBAAA,QAAQ,EAAE,aAAa;AACxB,iBAAA;AACD,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,CAAC;AACT,wBAAA,OAAO,EAAE,SAAS;wBAClB,YAAY,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;AAC1C,qBAAA;AACD,oBAAA;AACE,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,CAAC;AACT,wBAAA,OAAO,EAAE,SAAS;wBAClB,YAAY,EAAE,MAAK;4BACjB,IAAI,CAAC,SAAS,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,SAAS,CAAE,EAAA,EAAA,CAAC,CAAC,GAAG,IAAI,GAAE;AACjD,4BAAA,IAAI,CAAC,UAAU,GAAG,CAAC;yBACpB;AACF,qBAAA;AACF,iBAAA;gBACD,OAAO,EAAE,IAAI,CAAC,KAAK;AACpB,aAAA;AACD,YAAA;AACE,gBAAA,WAAW,EAAE;AACX,oBAAA,aAAa,EAAE,GAAG;AAClB,oBAAA,YAAY,EAAE,GAAG;AACjB,oBAAA,KAAK,EAAE,YAAY;AACnB,oBAAA,QAAQ,EAAE,sBAAsB;AACjC,iBAAA;AACD,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,CAAC;wBACT,YAAY,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;AAC1C,qBAAA;AACD,oBAAA;AACE,wBAAA,KAAK,EAAE,QAAQ;AACf,wBAAA,MAAM,EAAE,CAAC;AACT,wBAAA,OAAO,EAAE,SAAS;wBAClB,YAAY,EAAE,MAAK;4BACjB,IAAI,CAAC,SAAS,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,SAAS,CAAE,EAAA,EAAA,CAAC,CAAC,GAAG,IAAI,GAAE;AACjD,4BAAA,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC;yBAClC;AACF,qBAAA;AACF,iBAAA;gBACD,OAAO,EAAE,IAAI,CAAC,KAAK;AACpB,aAAA;SACF;AAEO,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,KAAa,KAAI;AAC3C,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AAEzB,SAAC;AAoDF;IAlDC,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,EAC7B,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAAyD,EAAA,uCAAA,CAAA,EACvF,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,WAAW,EAAC,YAAY,EACxB,YAAY,EAAC,KAAK,EAClB,aAAa,EAAC,QAAQ,EACtB,CAAA,EAEF,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAAqD,EAAA,mCAAA,CAAA,EAEnF,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,WAAW,EAAC,YAAY,EACxB,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,QAAQ,EACtB,CAAA,EAEF,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAA2D,EAAA,yCAAA,CAAA,EACzF,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,WAAW,EAAC,YAAY,EACxB,YAAY,EAAC,KAAK,EAClB,aAAa,EAAC,OAAO,EACrB,CAAA,EAEF,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAAoC,EAAA,kBAAA,CAAA,EAClE,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,KAAK,EAClB,aAAa,EAAC,OAAO,EACrB,CAAA,CACE;;;;;;"}

package/dist/stencil-library/udp-stepper.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-stepper.entry.esm.js","sources":["src/components/my-component/UI/stepper/udp-stepper.css?tag=udp-stepper&encapsulation=shadow","src/components/my-component/UI/stepper/udp-stepper.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  contain: content;\n}\n\n.stepper-container {\n  display: flex;\n  width: 100%;\n}\n\n.stepper-container.horizontal {\n  flex-direction: column;\n}\n\n.stepper-container.vertical {\n  flex-direction: column;\n  width: 100%;\n  overflow: visible;\n}\n\n.step-headers {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  margin-bottom: 1rem;\n  align-items: flex-start;\n}\n\n.step-header {\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0.5rem;\n  transition: padding 0.3s, background-color 0.3s;\n  cursor: pointer;\n}\n\n.step-header:not(.label-bottom):not(.label-right) {\n  flex-direction: row;\n  align-items: center;\n}\n\n.step-header.label-bottom {\n  flex-direction: column;\n  align-items: center;\n  gap: 0.5rem;\n  text-align: center;\n  position: relative;\n  padding-top: 8px;\n}\n\n.step-header.label-bottom .step-icon {\n  margin-right: 0;\n}\n\n.step-header.label-right {\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  padding-right: 16px;\n}\n\n.step-header:hover:not(.disabled) {\n  background-color: rgba(25, 118, 210, 0.1);\n}\n\n.step-header.disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.step-header.active {\n  flex: 1;\n}\n\n.step-header.active.active-only {\n  flex: 2;\n}\n\n.step-header.icons-only {\n  justify-content: center;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.step-content-container {\n  width: 100%;\n  position: relative;\n  min-height: 150px;\n  display: flex;\n  flex-direction: column;\n}\n\n.step-content-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  visibility: visible;\n  opacity: 1;\n  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;\n}\n\n.step-content-wrapper[style*=\"display: none\"] {\n  visibility: hidden;\n  opacity: 0;\n  position: absolute;\n  pointer-events: none;\n}\n\n.step-content-wrapper[style*=\"display: none\"] {\n  overflow: hidden;\n}\n\n.step-buttons {\n  display: flex;\n  gap: 0.5rem;\n  justify-content: flex-end;\n  padding: 1rem;\n  width: 100%;\n  box-sizing: border-box;\n  will-change: transform;\n}\n\n.step {\n  display: flex;\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  background-color: #fff;\n}\n\n.step.horizontal {\n  flex: 1;\n  min-width: 0;\n  padding: 1rem;\n}\n\n.step.horizontal.active {\n  flex: 2;\n}\n\n.step.alternative-label {\n  flex-direction: column;\n  align-items: center;\n}\n\n.step.clickable {\n  cursor: pointer;\n}\n\n.step-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  margin-right: 8px;\n  border: 2px solid var(--divider-color, #ccc);\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.step-icon.completed {\n  background-color: var(--success-color, #4caf50);\n  border-color: var(--success-color, #4caf50);\n}\n\n.step-icon.completed unity-typography {\n  color: var(--text-inverse, #ffffff);\n}\n\n.step-icon.active {\n  background-color: transparent;\n  border-color: var(--primary-color, #1976d2);\n}\n\n.step-icon.active unity-typography {\n  color: var(--primary-color, #1976d2);\n}\n\n.step-icon:not(.active):not(.completed) unity-typography {\n  color: var(--text-secondary, rgba(0, 0, 0, 0.6));\n}\n\n.step-content {\n  flex: 1;\n}\n\n.step-title {\n  font-weight: bold;\n  margin-bottom: 4px;\n}\n\n.step-subtitle {\n  font-size: 0.875rem;\n  color: #666;\n}\n\n.step-content-display {\n  padding: 1rem;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.step-labels {\n  display: flex;\n  flex-direction: column;\n}\n\n.label-bottom .step-labels {\n  text-align: center;\n}\n\n.label-right .step-labels {\n  margin-left: 8px;\n}\n\n.step-header {\n  position: relative;\n}\n\n.step-header:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  background-color: var(--divider-color, #e0e0e0);\n  height: 1px;\n}\n\n.step-icon {\n  position: relative;\n  z-index: 1;\n}\n\n.step.vertical {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  border: 1px solid var(--divider-color, #e0e0e0);\n  border-radius: 4px;\n  background-color: #fff;\n  margin-bottom: 1rem;\n  overflow: visible; \n  box-sizing: border-box; \n}\n\n.step-content-vertical {\n  width: 100%;\n  box-sizing: border-box;\n  overflow: visible;\n}\n\n.step-header-container {\n  display: flex;\n}\n\n.step.vertical .step-header {\n  width: 100%;\n  padding: 1rem;\n}\n\n.step.vertical .step-header.label-right {\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.step.vertical .step-labels {\n  margin-left: 8px;\n}\n\n.step.vertical .step-content-wrapper {\n  margin: 0;\n  padding: 0;\n  border: none;\n}","import { Component, Prop, h, Watch } from '@stencil/core';\nimport { Steps, Step, LabelDisplayMode, LabelPosition } from './types';\n\n@Component({\n  tag: 'udp-stepper',\n  styleUrl: 'udp-stepper.css',\n  shadow: true,\n})\nexport class UdpStepper {\n  @Prop() steps: Steps;\n  @Prop() activeStep: number = 0;\n  @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n  @Prop() alternativeLabel: boolean = false;\n  @Prop() nonLinear: boolean = false;\n  @Prop() completed: { [key: number]: boolean } = {};\n  @Prop() disableStrictStepCompletion: boolean = false;\n  @Prop() labelDisplay: LabelDisplayMode = 'all';\n  @Prop() labelPosition: LabelPosition = 'default';\n  @Prop() stepChange: (index: number) => void;\n\n  @Watch('activeStep')\n  validateActiveStep(newValue: number) {\n    if (newValue < 0 || newValue >= this.steps.length) {\n      console.warn('Invalid active step value');\n      return;\n    }\n  }\n\n  private handleStepClick(index: number) {\n    if (this.canNavigateToStep(index) && this.stepChange) {\n      this.stepChange(index);\n    }\n  }\n\n  private canNavigateToStep(stepIndex: number): boolean {\n    if (this.disableStrictStepCompletion || this.nonLinear) {\n      return true;\n    }\n\n    for (let i = 0; i < stepIndex; i++) {\n      if (!this.completed[i]) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  // ? This is the original renderIcon method - Unused at the moment\n  // private renderIcon(step: Step, index: number) {\n  //   const isCompleted = this.completed[index];\n  //   const isActive = this.activeStep === index;\n  //   const icon = isCompleted ? step.stepDisplay.completeIcon : step.stepDisplay.inProcessIcon;\n\n  //   return (\n  //     <div\n  //       class={{\n  //         'step-icon': true,\n  //         'completed': isCompleted,\n  //         'active': isActive,\n  //       }}\n  //     >\n  //       {icon}\n  //     </div>\n  //   );\n  // }\n\n  private renderStepHeader(step: Step, index: number) {\n    const isCompleted = this.completed[index];\n    const isActive = this.activeStep === index;\n    const isClickable = this.canNavigateToStep(index);\n\n    return (\n      <div\n        class={{\n          'step-header': true,\n          'icons-only': this.labelDisplay === 'none',\n          'active': isActive && this.labelDisplay === 'active-only',\n          'completed': isCompleted,\n          'active-only': this.labelDisplay === 'active-only' && isActive,\n          'disabled': !isClickable,\n          'label-bottom': this.labelPosition === 'bottom',\n          'label-right': this.labelPosition === 'right',\n        }}\n        onClick={() => {\n          if (isClickable) {\n            this.handleStepClick(index);\n          }\n        }}\n      >\n        <div\n          class={{\n            'step-icon': true,\n            'active': isActive,\n            'completed': isCompleted,\n          }}\n        >\n          <unity-typography variant=\"body1\" color={isCompleted ? 'inherit' : isActive ? 'primary' : 'textSecondary'}>\n            {isCompleted ? step.stepDisplay.completeIcon : step.stepDisplay.inProcessIcon}\n          </unity-typography>\n        </div>\n        {this.labelDisplay === 'all' && (\n          <div class=\"step-labels\">\n            <unity-typography variant=\"body1\" bold>\n              {step.stepDisplay.title}\n            </unity-typography>\n            {step.stepDisplay.subTitle && (\n              <unity-typography variant=\"caption-text\" color=\"textSecondary\">\n                {step.stepDisplay.subTitle}\n              </unity-typography>\n            )}\n          </div>\n        )}\n        {this.labelDisplay === 'active-only' && isActive && (\n          <div class=\"step-labels\">\n            <unity-typography variant=\"body1\" bold>\n              {step.stepDisplay.title}\n            </unity-typography>\n            {step.stepDisplay.subTitle && (\n              <unity-typography variant=\"caption-text\" color=\"textSecondary\">\n                {step.stepDisplay.subTitle}\n              </unity-typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderStepContent(step: Step, index: number) {\n    const isActive = this.activeStep === index;\n    if (!isActive) {\n      return <div style={{ display: 'none' }} class=\"step-content-wrapper\"></div>;\n    }\n\n    return (\n      <div class=\"step-content-wrapper\">\n        <div class=\"step-content-display\">{step?.content ? step?.content : <slot />}</div>\n        {step.buttons && (\n          <div class=\"step-buttons\">\n            {step.buttons.map(button => (\n              <custom-button\n                variant={button.variant || 'default'}\n                disabled={button.disabled}\n                onClick={e => {\n                  e.stopPropagation();\n                  if (button.customAction) {\n                    button.customAction();\n                  } else {\n                    this.handleStepClick(button.action - 1);\n                  }\n                }}\n              >\n                {button.title}\n              </custom-button>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderHorizontalStepper() {\n    return (\n      <div class=\"stepper-container horizontal\">\n        <div class=\"step-headers\">{this.steps.map((step, index) => this.renderStepHeader(step, index))}</div>\n        <div class=\"step-content-container\">{this.steps.map((step, index) => this.renderStepContent(step, index))}</div>\n      </div>\n    );\n  }\n\n  private renderVerticalStepper() {\n    return (\n      <div class=\"stepper-container vertical\">\n        {this.steps.map((step, index) => (\n          <div class=\"step vertical\">\n            <div class=\"step-header-container\">{this.renderStepHeader(step, index)}</div>\n            <div class=\"step-content-vertical\">{this.activeStep === index && this.renderStepContent(step, index)}</div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  render() {\n    return this.orientation === 'horizontal' ? this.renderHorizontalStepper() : this.renderVerticalStepper();\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/udp-user-creator.entry.esm.js.map

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

package/dist/stencil-library/udp-vertical-spacer.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-vertical-spacer.entry.esm.js","sources":["src/components/my-component/UI/layout/udp-vertical-spacer.css?tag=udp-vertical-spacer&encapsulation=shadow","src/components/my-component/UI/layout/udp-vertical-spacer.tsx"],"sourcesContent":["/* udp-vertical-spacer.css */\n:host {\n    display: block;\n    width: 100%;\n  }\n  \n  .spacing-01 { height: var(--spacing-01); }\n  .spacing-07 { height: var(--spacing-07); }\n  .spacing-13 { height: var(--spacing-13); }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-vertical-spacer',\n  styleUrl: 'udp-vertical-spacer.css',\n  shadow: true,\n})\nexport class UdpVerticalSpacer {\n  @Prop() unit: 'small' | 'medium' | 'large';\n\n  render() {\n    const sizeMap = {\n      small: 'spacing-01', // Assuming this corresponds to --spacing-01\n      medium: 'spacing-07', // Assuming this corresponds to --spacing-07\n      large: 'spacing-13', // Assuming this corresponds to --spacing-13\n    };\n\n    const spacingClass = sizeMap[this.unit] || 'spacing-01';\n\n    return (\n      <div class={spacingClass}></div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,gJAAgJ;;MCOhK,iBAAiB,GAAA,MAAA;;;;IAG5B,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,YAAY;SACpB;QAED,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,YAAY;AAEvD,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,EAAA,CAAQ;;;;;;;"}

package/dist/types/components/deprecated/side-sheet/side-sheet-container.d.ts

@@ -0,0 +1,4 @@
+export declare class SideSheetContainer {
+    padding: boolean;
+    render(): any;
+}

package/dist/types/components/deprecated/side-sheet/side-sheet.d.ts

@@ -0,0 +1,14 @@
+export declare class SideSheet {
+    open: boolean;
+    title: string;
+    buttonLabel: string;
+    toggleDrawer: () => void;
+    position: 'left' | 'right';
+    handleSideSheetButton: () => void;
+    sideSheetButtonLabel: string;
+    widthOption: 'short' | 'long' | number;
+    disabled: boolean;
+    padding: boolean;
+    buttonTransform: string;
+    render(): any;
+}

package/dist/types/components/my-component/UI/advanced-search/advanced-search-grouped.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { FilterGroup } from './types';
+export declare class AdvancedSearchGrouped {
+    filterList: any[];
+    filterRenderList: any[];
+    fetchFilters: Function;
+    handleItemClick: (item: {
+        searchField: string;
+        searchOperator: string;
+        searchValue: string;
+    }) => void;
+    nestedData: Map<string, any[]>;
+    handleDelete: (arg0: object) => void;
+    handleGroupDelete: (filterGroupId: string) => void;
+    findGroupById: (groups: FilterGroup[], id: string) => FilterGroup | null;
+    advancedSearchItemChange: EventEmitter;
+    handleValueChanged: (event: CustomEvent) => void;
+    searchObject: Array<any>;
+    tempNestedData: Map<string, any[]>;
+    testData: any[];
+    showChildren: boolean;
+    el: HTMLElement;
+    filterGroups: FilterGroup[];
+    filterObjectsWithGroups: FilterGroup[];
+    disableFilterSelection: boolean;
+    searchData: any;
+    updateLogicalOperator: (groupId: string, logicalOperator: 'AND' | 'OR') => void;
+    handleAddNewFilter: (groupId: string) => void;
+    handleAddNewGroup: (groupId: string, logicalOperator: 'AND' | 'OR') => void;
+    sharedId: string;
+    searchItemChanged: EventEmitter;
+    searchOperatorChanged: EventEmitter;
+    filters: Array<{
+        id: string;
+        groupId: string;
+        searchField: string;
+        searchOperator: string;
+        searchValue: string;
+    }>;
+    recentSearchesOptions: any[];
+    selectRecentSearch: (e: any) => void;
+    fullClearSearch: () => void;
+    getLogicalOperatorCode: (logicalOperator: 'AND' | 'OR') => number;
+    getLogicalOperatorValue: (logicalOperator: number) => 'AND' | 'OR';
+    componentWillLoad(): void;
+    filterListWatcher(newValue: any[], oldValue: any[]): void;
+    filterObjectsWithGroupsChanged(newValue: FilterGroup[], oldValue: FilterGroup[]): void;
+    handleReferenceClick: (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => Promise<void>;
+    updateNestedData: (children: any) => void;
+    updateNestedDataRecursively: (nestedArray: any, children: any, parentName: any) => void;
+    private onTreeListItemClick;
+    updateFilterWithUserData(uniqueId: string, userData: {
+        searchField: string;
+        searchOperator: string;
+        searchValue: string;
+    }): void;
+    updateGroupLogicalOperator(groupId: string, newLogicalOperator: 'AND' | 'OR'): void;
+    handleSearchItemChange(event: CustomEvent): void;
+    private handleOperatorSelected;
+    currentLogicalOperator: 'AND' | 'OR';
+    private renderFilterGroup;
+    private addFilter;
+    render(): any;
+}

package/dist/types/components/my-component/UI/advanced-search/advanced-search.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+export declare class AdvancedSearch {
+    filterList: any[];
+    filterRenderList: any[];
+    fetchFilters: Function;
+    handleItemClick: (item: {
+        searchField: string;
+        searchOperator: string;
+        searchValue: string;
+    }) => void;
+    nestedData: Map<string, any[]>;
+    handleDelete: (arg0: object) => void;
+    advancedSearchItemChange: EventEmitter;
+    handleValueChanged: (event: CustomEvent) => void;
+    searchObject: Array<any>;
+    tempNestedData: Map<string, any[]>;
+    testData: any[];
+    showChildren: boolean;
+    componentWillLoad(): void;
+    filterListWatcher(newValue: any[], oldValue: any[]): void;
+    handleReferenceClick: (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => Promise<void>;
+    updateNestedData: (children: any) => void;
+    updateNestedDataRecursively: (nestedArray: any, children: any, parentName: any) => void;
+    private onTreeListItemClick;
+    render(): any;
+}

package/dist/types/components/my-component/UI/advanced-search/filter-conditions/filter-conditions.d.ts

@@ -0,0 +1,3 @@
+export declare class AdvancedSearch {
+    render(): any;
+}

package/dist/types/components/my-component/UI/advanced-search/types.d.ts

@@ -0,0 +1,18 @@
+export type FilterElement = {
+    id: string;
+    searchField: string;
+    searchOperator: string;
+    searchValue: string;
+    otherId: string;
+    filterGroupId: string;
+    originalSearchOperator: string;
+    originalSearchValue: string;
+    isInitialFilterElement: boolean | null | undefined;
+};
+export type FilterGroup = {
+    id: string;
+    filterGroupId: string;
+    logicalOperator: 'AND' | 'OR';
+    filters: FilterElement[];
+    children: FilterGroup[];
+};

package/dist/types/components/my-component/UI/advanced-search/ui/logical-search-indicator/logical-search-indicator.d.ts

@@ -0,0 +1,4 @@
+export declare class LogicalSearchIndicator {
+    type: number;
+    render(): any;
+}

package/dist/types/components/my-component/UI/buttons/icon-button/function-button/udp-function-button.d.ts

@@ -0,0 +1,12 @@
+import './udp-function-button.css';
+export declare class UdpFunctionButton {
+    expand: boolean;
+    view: boolean;
+    add: boolean;
+    edit: boolean;
+    delete: boolean;
+    isDefault: boolean;
+    noBackground: boolean;
+    renderIcon(): any;
+    render(): any;
+}

package/dist/types/components/my-component/UI/buttons/icon-button/primary-button/custom-button.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '../../../../../../stencil-public-runtime';
+export declare class CustomButton {
+    el: HTMLElement;
+    label: string;
+    variant: 'default' | 'outline' | 'text';
+    secondary: boolean;
+    type: 'button' | 'submit' | 'reset';
+    disabled: boolean;
+    size: 'default' | 'short' | 'tall';
+    handleClick: any;
+    customClick: EventEmitter<void>;
+    handleButtonClick: (event: Event) => void;
+    render(): any;
+}

package/dist/types/components/my-component/UI/buttons/icon-button/radio-button/udp-radio-button.d.ts

@@ -0,0 +1,8 @@
+export declare class UdpRadioButton {
+    name: string;
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    label: string;
+    render(): any;
+}

package/dist/types/components/my-component/UI/buttons/icon-button/stencil-icon-button-grid-action-header.d.ts

@@ -0,0 +1,13 @@
+export declare class StencilIconButton {
+    iconName: string;
+    onClick: (event: MouseEvent) => void;
+    iconClassName: string;
+    tooltip: string;
+    icon: any;
+    secondary: boolean;
+    noBackground: boolean;
+    darkIcon: boolean;
+    showLabel: boolean;
+    count: number | null;
+    render(): any;
+}

package/dist/types/components/my-component/UI/buttons/icon-button/stencil-icon-button.d.ts

@@ -0,0 +1,16 @@
+export declare class StencilIconButton {
+    iconName: string;
+    onClick: (event: MouseEvent) => void;
+    iconClassName: string;
+    tooltip: string;
+    icon: any;
+    secondary: boolean;
+    noBackground: boolean;
+    noTooltip: boolean;
+    darkIcon: boolean;
+    showLabel: boolean;
+    disabled: boolean;
+    buttonId: string;
+    count: number | null;
+    render(): any;
+}

package/dist/types/components/my-component/UI/buttons/udp-button/udp-button.d.ts

@@ -0,0 +1,89 @@
+import { EventEmitter } from '../../../../../stencil-public-runtime';
+/**
+ * UdpButton is a versatile button component inspired by MUI, using global theme variables.
+ * It aims to replace and improve upon the older `custom-button`.
+ *
+ * Features from `custom-button` and their `udp-button` equivalents:
+ * - `label` prop from `custom-button`: Replaced by placing content directly within the
+ *   `<udp-button></udp-button>` tags (default slot).
+ * - `variant='default'`: Maps to `udp-button`'s `variant='contained'`.
+ * - `variant='outline'`: Maps to `udp-button`'s `variant='outlined'`.
+ * - `secondary=true` (from `custom-button`): Similar to `udp-button`'s `variant='text'`
+ *   with a `color` prop (e.g., `color='secondary'` or `color='primary'`).
+ * - `size`: Values 'short', 'default', 'tall' map to 'small', 'medium', 'large'.
+ * - `type`, `disabled`: Directly supported.
+ * - `customClick` (from `custom-button`): Replaced by the `click` event.
+ *
+ * New features:
+ * - `startIcon`: Allows placing an icon (JSX/VNode) before the button text.
+ * - `endIcon`: Allows placing an icon (JSX/VNode) after the button text.
+ */
+export declare class UdpButton {
+    el: HTMLElement;
+    /**
+     * The variant to use.
+     * - `text`: Typically used for less-pronounced actions.
+     * - `outlined`: Emphasizes actions with a border.
+     * - `contained`: High-emphasis, distinguished by a background color.
+     */
+    variant: 'text' | 'outlined' | 'contained';
+    /**
+     * If true, applies styling suitable for a toolbar button (e.g., icon above text, caption-style text).
+     * This can be combined with other variants like 'text', 'outlined', or 'contained'.
+     */
+    toolbarLayout: boolean;
+    /**
+     * The color of the component. It supports theming using global CSS variables.
+     * `inherit` will inherit the color from its parent.
+     */
+    color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+    /**
+     * The size of the component.
+     * `custom-button`'s 'short', 'default', 'tall' map to 'small', 'medium', 'large'.
+     */
+    size: 'small' | 'medium' | 'large';
+    /**
+     * If `true`, the component is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The URL to link to when the button is clicked. If provided, the component renders as an `<a>` tag.
+     */
+    href?: string;
+    /**
+     * If `true`, the button will take up the full width of its container.
+     */
+    fullWidth: boolean;
+    /**
+     * The type of the button. Only used if `href` is not set.
+     * Corresponds to the native `type` attribute of a `<button>` element.
+     */
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * If provided, will display an icon before the button's content.
+     * Accepts JSX (e.g., an <svg> element or another Stencil component).
+     */
+    startIcon?: any;
+    /**
+     * If provided, will display an icon after the button's content.
+     * Accepts JSX (e.g., an <svg> element or another Stencil component).
+     */
+    endIcon?: any;
+    /**
+     * Emitted when the button is clicked.
+     */
+    click: EventEmitter<MouseEvent>;
+    /**
+     * Optional aria-label for accessibility.
+     * If not provided, it defaults to null.
+     */
+    ariaLabel: string | null;
+    /**
+     * Tabindex for accessibility.
+     * Defaults to 0 if not disabled, and -1 if disabled.
+     * If the user does not provide a value, it defaults to 0.
+     */
+    tabIndex: number;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/my-component/UI/calendar/udp-calendar-base.d.ts

@@ -0,0 +1,54 @@
+import { Calendar } from '@fullcalendar/core';
+import './udp-calendar-base.css';
+export declare class UdpCalendarBase {
+    calendar: Calendar;
+    el: HTMLElement;
+    initialView: string;
+    height: number;
+    contentHeight: number;
+    aspectRatio: number;
+    width: number;
+    weekends: boolean;
+    hiddenDays: number[];
+    dayHeaders: boolean;
+    dayHeaderFormatWeekView: any;
+    dayHeaderFormatMonthView: any;
+    dayMinWidth: number;
+    dayHeaderClassNames: any;
+    dayHeaderContent: any;
+    dayHeaderDidMount: any;
+    dayHeaderWillUnmount: any;
+    dayCellClassNames: any;
+    dayCellContent: any;
+    dayCellDidMount: any;
+    dayCellWillUnmount: any;
+    slotDuration: string;
+    slotLabelInterval: string;
+    slotLabelFormat: any;
+    slotMinTime: string;
+    slotMaxTime: string;
+    scrollTime: string;
+    scrollTimeReset: boolean;
+    slotLabelClassNames: any;
+    slotLabelContent: any;
+    slotLabelDidMount: any;
+    slotLabelWillUnmount: any;
+    slotLaneClassNames: any;
+    slotLaneContent: any;
+    slotLaneDidMount: any;
+    slotLaneWillUnmount: any;
+    scrollToTimeDuration: number;
+    datesSet: any;
+    firstDay: number;
+    showNonCurrentDates: boolean;
+    toggleViewOptions: string;
+    events: any;
+    eventContent: any;
+    eventSources: any;
+    eventOnclick: any;
+    calendarSettings: any;
+    componentDidLoad(): void;
+    eventsChanged(newValue: any): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/my-component/UI/calendar/udp-calendar-day.d.ts

@@ -0,0 +1,6 @@
+import './udp-calendar-day.css';
+export declare class UdpCalendarDay {
+    props: any;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/my-component/UI/calendar/udp-calendar-month.d.ts

@@ -0,0 +1,6 @@
+import './udp-calendar-month.css';
+export declare class UdpCalendarMonth {
+    props: any;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/my-component/UI/calendar/udp-calendar-week.d.ts

@@ -0,0 +1,6 @@
+import './udp-calendar-week.css';
+export declare class UdpCalendarWeek {
+    props: any;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/my-component/UI/calendar/udp-calendar-year.d.ts

@@ -0,0 +1,6 @@
+import './udp-calendar-year.css';
+export declare class UdpCalendarYear {
+    props: any;
+    componentWillLoad(): void;
+    render(): any;
+}