udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.11

package/dist/collection/components/grid/new-grid/helperFunctions/toggleAgGridColumnFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggleAgGridColumnFilter.js","sourceRoot":"","sources":["../../../../../src/components/grid/new-grid/helperFunctions/toggleAgGridColumnFilter.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kBAAkB,CAAC,GAAY,EAAE,QAAgB,EAAE,YAAoB;;IACrF,oDAAoD;IACpD,MAAM,MAAM,GAAa,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAa,CAAC;IAC7D,IAAG,CAAC,MAAM,EAAC,CAAC;QACV,OAAO,CAAC,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC1D,OAAO;IACT,CAAC;IACD,IAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,MAAM,CAAA,EAAC,CAAC;QAC1B,OAAO,CAAC,KAAK,CAAC,qCAAqC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC,CAAC;QACpE,OAAO;IACT,CAAC;IACD,wCAAwC;IACxC,MAAM,mBAAmB,GAAQ,GAAG,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAEpE,qBAAqB;IACrB,qEAAqE;IACrE,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,CAAC;QACzE,GAAG,CAAC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;QAC3E,OAAO;IACT,CAAC;IAED,qDAAqD;IACrD,IACE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,0CAAE,IAAI,CACnC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CACxE,EACD,CAAC;QACD,MAAM,WAAW,GAAG,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,CAAC,MAAM,CACxD,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CACxE,CAAC;QACF,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7B,GAAG,CAAC,oBAAoB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;YACrF,OAAO;QACT,CAAC;aAAM,CAAC;YACN,MAAM,eAAe,mCAAQ,mBAAmB,KAAE,UAAU,EAAE,WAAW,GAAE,CAAC;YAC5E,GAAG,CAAC,oBAAoB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;YACtF,OAAO;QACT,CAAC;IACH,CAAC;IAED,mBAAmB;IACnB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,GAAG,CAAC,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;QACjF,OAAO;IACT,CAAC;IACD,IAAI,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,EAAE,CAAC;QACpC,MAAM,aAAa,GAAG,CAAC,GAAG,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,EAAE,YAAY,CAAC,CAAC;QACzE,GAAG;aACA,oBAAoB,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;aAC9E,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;QACrC,OAAO;IACT,CAAC;IACD,IAAI,mBAAmB,EAAE,CAAC;QACxB,GAAG;aACA,oBAAoB,CAAC,QAAQ,EAAE;YAC9B,UAAU,EAAE,mBAAM,mBAAmB,GAAI,YAAY,CAAC;YACtD,QAAQ,EAAE,KAAK;SAChB,CAAC;aACD,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC;QACrC,OAAO;IACT,CAAC;AACH,CAAC","sourcesContent":["import { AgColumn, GridApi } from 'ag-grid-enterprise-v33';\n\nexport function toggleColumnFilter(api: GridApi, columnId: string, agGridFilter: object) {\n  //Validate column exists and column allows filtering\n  const column: AgColumn = api.getColumn(columnId) as AgColumn;\n  if(!column){\n    console.error(\"Invalid column id provided for filtering\");\n    return;\n  }\n  if(!column?.colDef?.filter){\n    console.error(`Filtering not enabled for column: ${column?.colId}`);\n    return;\n  }\n  //check if it already exists on columnId\n  const currentColumnFilter: any = api.getColumnFilterModel(columnId);\n\n  //--Removing filter--\n  //if it exists on the column filter already and it is the only filter\n  if (JSON.stringify(agGridFilter) === JSON.stringify(currentColumnFilter)) {\n    api.setColumnFilterModel(columnId, null).then(() => api.onFilterChanged());\n    return;\n  }\n\n  //if it is one of many existing filters on the column\n  if (\n    currentColumnFilter?.conditions?.some(\n      condition => JSON.stringify(condition) === JSON.stringify(agGridFilter),\n    )\n  ) {\n    const filteredOut = currentColumnFilter?.conditions.filter(\n      condition => JSON.stringify(condition) !== JSON.stringify(agGridFilter),\n    );\n    if (filteredOut.length === 1) {\n      api.setColumnFilterModel(columnId, filteredOut[0]).then(() => api.onFilterChanged());\n      return;\n    } else {\n      const newColumnFilter = { ...currentColumnFilter, conditions: filteredOut };\n      api.setColumnFilterModel(columnId, newColumnFilter).then(() => api.onFilterChanged());\n      return;\n    }\n  }\n\n  //--Adding filter--\n  if (!currentColumnFilter) {\n    api.setColumnFilterModel(column, agGridFilter).then(() => api.onFilterChanged());\n    return;\n  }\n  if (currentColumnFilter?.conditions) {\n    const newConditions = [...currentColumnFilter?.conditions, agGridFilter];\n    api\n      .setColumnFilterModel(columnId, { conditions: newConditions, operator: 'AND' })\n      .then(() => api.onFilterChanged());\n    return;\n  }\n  if (currentColumnFilter) {\n    api\n      .setColumnFilterModel(columnId, {\n        conditions: [{ ...currentColumnFilter }, agGridFilter],\n        operator: 'AND',\n      })\n      .then(() => api.onFilterChanged());\n    return;\n  }\n}\n"]}

package/dist/collection/components/grid/new-grid/helperFunctions/valueFormatters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"valueFormatters.js","sourceRoot":"","sources":["../../../../../src/components/grid/new-grid/helperFunctions/valueFormatters.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,EAAE;IAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC3B,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,6CAA6C;IAC7C,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,2EAA2E;IAC3E,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE,IAAI,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAC9E,CAAC,EACD,GAAG,CACJ,IAAI,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAC1F,CAAC,EACD,GAAG,CACJ,IAAI,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AAC1D,CAAC,CAAC","sourcesContent":["export const dateTimeValueFormatter = params => {\n  const value = params.value;\n  if (value == null) {\n    return '';\n  }\n  // First, parse the string into a Date object\n  const dateObject = new Date(value);\n  if (!dateObject) {\n    return '';\n  }\n  // Now format the Date object into the desired \"YYYY-MM-DD HH:mm:ss\" string\n  return `${dateObject.getFullYear()}-${String(dateObject.getMonth() + 1).padStart(\n    2,\n    '0',\n  )}-${String(dateObject.getDate()).padStart(2, '0')} ${String(dateObject.getHours()).padStart(\n    2,\n    '0',\n  )}:${String(dateObject.getMinutes()).padStart(2, '0')}`;\n};\n"]}

package/dist/collection/components/grid/new-grid/interfaces/grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../../src/components/grid/new-grid/interfaces/grid.ts"],"names":[],"mappings":"","sourcesContent":["import { Search } from '../../../../udp-utilities/interfaces/searchObject';\nimport {\n  IRowNode,\n  FilterModel,\n  ClientSideRowModelStep,\n  SelectAllMode,\n  SelectionEventSourceType,\n  IServerSideSelectionState,\n  IServerSideGroupSelectionState,\n} from 'ag-grid-community-v33';\nexport interface GridHeaderCustomAction {\n  label?: string;\n  iconName?: string;\n  onClick: () => void;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport interface HeaderConfig {\n  title?: string;\n  variant?: 'dark' | 'light';\n  primaryActionButton?: GridHeaderCustomAction;\n  secondaryActionButtons?: Array<GridHeaderCustomAction>;\n}\n\nexport interface GridApiMethods {\n  refreshServerSide: () => void;\n  getSelectedRows: () => any[];\n  getSelectedNodes: () => IRowNode<any>[];\n  getSearchObject: () => Search;\n  getEntityName: () => string;\n  getFilterModel: () => FilterModel;\n  setFilterModel: (model: FilterModel) => void;\n  onFilterChanged: () => void;\n  expandAll: () => void;\n  collapseAll: () => void;\n  toggleLoadingOverlay: (value: boolean) => void;\n  refreshCells: () => void;\n  refreshClientSideRowModel: (type: ClientSideRowModelStep) => void;\n  selectAll: (mode?: SelectAllMode, source?: SelectionEventSourceType) => void;\n  deselectAll: (mode?: SelectAllMode, source?: SelectionEventSourceType) => void;\n  getServerSideSelectionState: () =>\n    | IServerSideSelectionState\n    | IServerSideGroupSelectionState\n    | null;\n  setServerSideSelectionState: (\n    state: IServerSideSelectionState | IServerSideGroupSelectionState,\n  ) => void;\n  forEachNode: (callback: (node: IRowNode<any>, index: number) => void) => void;\n  forEachNodeAfterFilterAndSort: (callback: (node: IRowNode<any>, index: number) => void) => void;\n}\n"]}

package/dist/collection/components/grid/new-grid/interfaces/gridFunction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gridFunction.js","sourceRoot":"","sources":["../../../../../src/components/grid/new-grid/interfaces/gridFunction.ts"],"names":[],"mappings":"","sourcesContent":["import { GridApi } from 'ag-grid-enterprise-v33';\nimport { JSX } from '@stencil/core/internal';\nimport { GridFunctionName } from '../gridFunctionRegistry';\n\nexport interface GridFunction {\n  init(api: GridApi, refresh: () => void, params?: any): void;\n  destroy?(): void;\n  onAction?(name: string, payload?: any): void;\n  render?(): JSX.Element | null;\n}\nexport interface GridFunctionConfig {\n  name: GridFunctionName;\n  params?: any;\n}\n"]}

package/dist/collection/components/grid/new-grid/search-method-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-method-grid.js","sourceRoot":"","sources":["../../../../src/components/grid/new-grid/search-method-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, Watch, State } from '@stencil/core';\nimport { GridApi, IServerSideDatasource, ColDef, GridOptions } from 'ag-grid-community-v33';\nimport { createSearchMethodDataSource } from './datasources/searchMethodDatasource';\nimport { Search } from '../../../udp-utilities/interfaces/searchObject';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { getAgGridColumnState } from './helperFunctions/convertSearchObjectToAgGridModel';\nimport { GridFunctionConfig } from 'src/components';\nimport isEqual from 'lodash/isEqual';\n\n@Component({\n  tag: 'search-method-grid',\n  shadow: false,\n})\nexport class SearchMethodGrid {\n  @Prop() columnDefs: Array<ColDef> = [];\n  @Prop() gridOptions: GridOptions;\n  @Prop() gridHeaderConfig: HeaderConfig;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridId: string;\n  @Prop() entityName: string;\n  @Prop() gridHeight: string;\n  @Prop() searchMethodConfig?: {\n    apiMethodId?: string;\n    requestUrl?: string;\n    customSearchObject?: Search;\n  };\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @State() dataSource: IServerSideDatasource;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private gridApi!: GridApi;\n\n  private handleGridReady(event: CustomEvent<GridApi>) {\n    this.gridApi = event.detail;\n\n    //Run these functions for the case that the props were instantly set\n    this.setDatasource();\n    this.setGridModel();\n  }\n\n  @Watch('searchMethodConfig')\n  handleSearchMethodUpdate(newVal, prevVal) {\n    //Guard against recreating datasource if only reference changed. Pass in a memoized (useMemo in react) value to avoid the watch triggering\n    if (isEqual(newVal, prevVal)) {\n      return;\n    }\n\n    this.setDatasource();\n    this.setGridModel();\n  }\n\n  setDatasource() {\n    if (!this.searchMethodConfig) {\n      return;\n    }\n    const { apiMethodId, customSearchObject, requestUrl } = this.searchMethodConfig;\n\n    if (customSearchObject) {\n      if (customSearchObject?.pageSize) {\n        this.gridApi.setGridOption('cacheBlockSize', customSearchObject?.pageSize);\n      }\n    }\n\n    if (apiMethodId || requestUrl) {\n      this.dataSource = createSearchMethodDataSource({\n        apiMethodId: apiMethodId,\n        requestUrl: requestUrl,\n        externalSearchObject: {\n          filterElements: customSearchObject?.filterElements,\n          filterGroups: customSearchObject?.filterGroups,\n          eagerLoad: customSearchObject?.eagerLoad || false,\n        } as Search,\n      });\n    }\n  }\n\n  setGridModel() {\n    if (!this.searchMethodConfig) {\n      return;\n    }\n    const { customSearchObject } = this.searchMethodConfig;\n\n    if (customSearchObject) {\n      //Get column state from search object: grouping, ordering\n      const state = getAgGridColumnState(customSearchObject);\n      this.gridApi.applyColumnState({\n        state: state,\n      });\n    }\n  }\n\n  render() {\n    return (\n      <server-side-grid\n        onGridReady={e => this.handleGridReady(e)}\n        dataSource={this.dataSource}\n        gridFunctions={this.gridFunctions}\n        columnDefs={this.columnDefs}\n        gridOptions={this.gridOptions}\n        gridHeaderConfig={this.gridHeaderConfig}\n        gridId={this.gridId}\n        entityName={this.entityName}\n        gridHeight={this.gridHeight}\n        gridApiCallback={this.gridApiCallback}\n      />\n    );\n  }\n}\n"]}

package/dist/collection/components/grid/new-grid/server-side-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"server-side-grid.js","sourceRoot":"","sources":["../../../../src/components/grid/new-grid/server-side-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAS/E,MAAM,OAAO,cAAc;IAJ3B;QAOU,kBAAa,GAAyB,EAAE,CAAC;QACzC,gBAAW,GAAgB,EAAE,CAAC;KAgDvC;IApCS,eAAe,CAAC,KAA2B;QACjD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAGD,gBAAgB;QACd,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,iCACnB,sBAAsB,EAAE,IAAI,EAC5B,0BAA0B,EAAE,IAAI,IAC7B,IAAI,CAAC,WAAW,KACnB,YAAY,EAAE,YAAY,GAC3B,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,qEACE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACzC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,eAAe,EAAE,IAAI,CAAC,eAAe,GACrC,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { GridOptions, GridApi, ColDef, IServerSideDatasource } from 'ag-grid-community-v33';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { GridFunctionConfig } from './interfaces/gridFunction';\n\n@Component({\n  tag: 'server-side-grid',\n  shadow: false,\n})\nexport class ServerSideGrid {\n  @Prop() columnDefs: Array<ColDef>;\n  @Prop() dataSource!: IServerSideDatasource;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridOptions: GridOptions = {};\n  @Prop() gridHeaderConfig?: HeaderConfig;\n  @Prop() gridId?: string;\n  @Prop() entityName: string;\n  @Prop() gridHeight: string;\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private serverSideConfig!: GridOptions;\n  private gridApi!: GridApi;\n\n  private handleGridReady(event: CustomEvent<GridApi>) {\n    this.gridApi = event.detail;\n    this.updateDataSource();\n  }\n\n  @Watch('dataSource')\n  updateDataSource() {\n    if (this.gridApi && this.dataSource) {\n      this.gridApi.setGridOption('serverSideDatasource', this.dataSource);\n    }\n  }\n\n  componentWillLoad() {\n    this.serverSideConfig = {\n      paginationAutoPageSize: true,\n      suppressSetFilterByDefault: true, //filter will be infered from cellDataType or default to text\n      ...this.gridOptions,\n      rowModelType: 'serverSide',\n    };\n  }\n\n  render() {\n    return (\n      <ag-grid-base\n        columnDefs={this.columnDefs}\n        gridOptions={this.serverSideConfig}\n        headerConfig={this.gridHeaderConfig}\n        onGridReady={e => this.handleGridReady(e)}\n        gridFunctions={this.gridFunctions}\n        gridId={this.gridId}\n        entityName={this.entityName}\n        gridHeight={this.gridHeight}\n        gridApiCallback={this.gridApiCallback}\n      />\n    );\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/actions-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"actions-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/actions-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ActionItem } from '../ambient-template-grid/interfaces/gridInterfaces';\nimport { getIconFromName } from '../../data-display/icons/iconUtils';\nimport { ICellRendererParams, ICellRenderer, IRowNode } from 'ag-grid-community-v33';\ninterface IActionsCellRendererParams extends ICellRendererParams {\n  hideActions?: (node: IRowNode) => boolean;\n  actionList: ActionItem[];\n}\n\nexport default class ActionsRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private actionList: ActionItem[] = [];\n\n  public init(params: IActionsCellRendererParams): void {\n    this.eGui = document.createElement('div');\n    this.eGui.style.cssText = `display: flex;\n      width: 100%;\n      gap: 4px;\n      justify-content: start;\n      align-items: center;\n      margin-top: 4px;\n    `;\n\n    if (params?.hideActions && params?.hideActions(params?.node)) {\n      return;\n    }\n\n    this.actionList = params?.actionList || [];\n    const maxVisibleActions = 5;\n\n    //Filter actionsList so that only visible actions are in list using visibleAction() or visible\n    // since visibleAction() and visible are optional props returning true as default\n    this.actionList = this.actionList.filter(action => {\n      return action?.visibleAction ? action.visibleAction(params.node) : action?.visible ?? true;\n    });\n\n    if (this.actionList.length <= maxVisibleActions) {\n      // --- RENDER ALL ACTIONS AS BUTTONS ---\n      this.actionList.forEach(action => {\n        const button = this.createIconButton(action, params);\n        this.eGui.appendChild(button);\n      });\n    } else {\n      // --- RENDER FIRST 4 ACTIONS + A \"MORE\" MENU ---\n      const visibleActions = this.actionList.slice(0, maxVisibleActions - 1);\n      const hiddenActions = this.actionList.slice(maxVisibleActions - 1);\n\n      // Create buttons for the visible actions\n      visibleActions.forEach(action => {\n        const button = this.createIconButton(action, params);\n        this.eGui.appendChild(button);\n      });\n\n      // Create the \"more\" button and the menu for hidden actions\n      const moreButton = document.createElement('udp-icon-button');\n      const menu = document.createElement('udp-menu');\n\n      // Configure the \"more\" button\n      moreButton.icon = getIconFromName('overflowMenuVertical');\n      moreButton.tooltip = 'More actions';\n      moreButton.size = 'small';\n      moreButton.onclick = e => {\n        e.stopPropagation();\n        menu.open = !menu.open;\n      };\n\n      // Configure the menu\n      menu.anchor = moreButton as unknown as HTMLElement;\n      menu.handleClose = () => (menu.open = false);\n\n      // Create and add menu items for the hidden actions\n      hiddenActions.forEach(action => {\n        const menuItem = this.createMenuItem(action, params);\n        // When an item is clicked, perform the action and close the menu\n        menuItem.addEventListener('itemClick', e => {\n          action.handleOnClick(e, params.node);\n          menu.open = false;\n        });\n        menu.appendChild(menuItem);\n      });\n\n      this.eGui.appendChild(moreButton);\n      this.eGui.appendChild(menu);\n    }\n  }\n\n  // Helper function to create a configured icon button\n  private createIconButton(action: ActionItem, params: IActionsCellRendererParams): HTMLUdpIconButtonElement {\n    const disabledAction = action?.checkDisabled\n      ? action.checkDisabled(params.node)\n      : action.disabled ?? false;\n    const actionTitle = action?.getTitle ? action.getTitle(params.node) : action.title;\n\n    const actionButton = document.createElement('udp-icon-button');\n    actionButton.buttonId = action.id.toString();\n    actionButton.icon = action?.getIconName\n      ? getIconFromName(action.getIconName(params.node))\n      : getIconFromName(action.iconName);\n    actionButton.tooltip = actionTitle;\n    actionButton.disabled = disabledAction;\n    actionButton.size = 'small';\n    actionButton.onclick = e => {\n      e.stopPropagation();\n      action.handleOnClick(e, params.node);\n    };\n    return actionButton;\n  }\n\n  // Helper function to create a configured menu item\n  private createMenuItem(action: ActionItem, params: IActionsCellRendererParams): HTMLUdpMenuItemElement {\n    const disabledAction = action?.checkDisabled\n      ? action.checkDisabled(params.node)\n      : action.disabled ?? false;\n    const actionTitle = action?.getTitle ? action.getTitle(params.node) : action.title;\n\n    const menuItem = document.createElement('udp-menu-item');\n    menuItem.label = actionTitle;\n    menuItem.iconName = action?.getIconName ? action.getIconName(params.node) : action.iconName;\n    menuItem.disabled = disabledAction;\n    return menuItem;\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(): boolean {\n    return true;\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/ag-grid-subtitle-cell-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ag-grid-subtitle-cell-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/ag-grid-subtitle-cell-renderer.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAK7C,IAAI,CAAC,MAAM;QACT,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACjD,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAE5C,8CAA8C;QAC9C,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,MAAM;QACZ,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAC;QAEtD,4CAA4C;QAC5C,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAE3B,sDAAsD;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,oDAAoD;IACpD,aAAa,CAAC,MAAM;QAClB,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,gBAAgB;QACrD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,CAAA,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,MAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAA,EAAE,CAAC;YACpC,kCAAkC;YAClC,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG;;;iCAGN,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK;qCACN,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ;;;;;eAKnC,CAAC;YAEV,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACvD,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;YAChC,UAAU,CAAC,KAAK,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC;YAClC,UAAU,CAAC,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,CAAC;YACzD,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;QAC5B,CAAC;aAAM,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,EAAE,CAAC;YACzB,gCAAgC;YAChC,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG;;;iCAGN,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK;qCACN,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ;;eAEnC,CAAC;QACZ,CAAC;aAAM,CAAC;YACN,mBAAmB;YACnB,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,sBAAsB,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,KAAI,GAAG,QAAQ,CAAC;QACnF,CAAC;IACH,CAAC;IAED,OAAO;QACL,qBAAqB;IACvB,CAAC;CACF","sourcesContent":["export default class AgGridSubtitleCellRenderer {\n  eGui;\n  eValueContainer;\n  node;\n\n  init(params) {\n    this.node = params.node;\n    this.eGui = document.createElement('div');\n    this.eGui.setAttribute('style', `display: flex`);\n    this.eValueContainer = document.createElement('span');\n    this.eValueContainer.setAttribute('class', 'eValueContainer');\n    this.eGui.appendChild(this.eValueContainer);\n\n    // Call the rendering logic for the first time\n    this.renderContent(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params) {\n    if (!this.eValueContainer || !this.node) return false;\n\n    // Re-render chip contents when data changes\n    this.renderContent(params);\n\n    // Returning true tells AG Grid we handled the refresh\n    return true;\n  }\n\n  // A new helper method to handle the rendering logic\n  renderContent(params) {\n    this.eValueContainer.innerHTML = ''; // Clear content\n    if (!this.node.group || !params?.getHeaderValues) {\n      return;\n    }\n    const res = params.getHeaderValues(params);\n    if (res?.subtitle && res?.chipValue) {\n      //render title, subtitle, and chip\n      this.eValueContainer.innerHTML = `\n        <div class=\"custom-group-column\">\n          <div class=\"title-container\">\n            <div class=\"title\">${res?.title}</div>\n            <div class=\"sub-title\">${res?.subtitle}</div>\n          </div>\n          <div class=\"chip-container\">\n            <udp-chip></udp-chip>\n          </div>\n        </div>`;\n\n      const statusChip = this.eGui.querySelector('udp-chip');\n      statusChip.variant = 'outlined';\n      statusChip.label = res?.chipValue;\n      statusChip.color = params?.statusClasses[res?.chipValue];\n      statusChip.size = 'small';\n    } else if (res?.subtitle) {\n      //just render title and subtitle\n      this.eValueContainer.innerHTML = `\n        <div class=\"custom-group-column\">\n          <div class=\"title-container\">\n            <div class=\"title\">${res?.title}</div>\n            <div class=\"sub-title\">${res?.subtitle}</div>\n          </div>\n        </div>`;\n    } else {\n      //just render title\n      this.eValueContainer.innerHTML = `<div class=\"title\">${res?.title || '-'}</div>`;\n    }\n  }\n\n  destroy() {\n    // Clean up if needed\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/currency-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"currency-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/currency-renderer.tsx"],"names":[],"mappings":"AAEI;;;GAGG;AAEP,SAAS,eAAe,CACtB,KAAgC,EAChC,WAAmB,KAAK,EACxB,UAAkB,OAAO,EACzB,wBAAgC,CAAC,EACjC,wBAAgC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC;IAElC,OAAO,CAAC,CAAC,WAAW;QAClB,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC7B,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,QAAQ;YAClB,qBAAqB,EAAE,qBAAqB;YAC5C,qBAAqB,EAAE,qBAAqB;SAC7C,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;QACxB,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;AAED,MAAM,CAAC,OAAO,OAAO,gBAAgB;IAG5B,IAAI,CAAC,MAAW;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,qBAAqB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,qBAAqB,CAAC,CAAC;QAC1J,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC;IAC1C,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\n\n    /**\n     * Note: This cell renderer is fine to use, however for best performance it is recommended to use a valueFormatter\n     * on the column Definition instead\n     */\n\nfunction fortmatCurrency(\n  value: number | undefined | null,\n  currency: string = 'USD',\n  locales: string = 'en-US',\n  minimumFractionDigits: number = 2,\n  maximumFractionDigits: number = 3,\n) {\n  const valueOrNull = value ?? null;\n\n  return !!valueOrNull\n    ? new Intl.NumberFormat(locales, {\n        style: 'currency',\n        currency: currency,\n        minimumFractionDigits: minimumFractionDigits,\n        maximumFractionDigits: maximumFractionDigits,\n      }).format(valueOrNull)\n    : '';\n}\n\nexport default class CurrencyRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    const formattedCurrency = fortmatCurrency(params?.value, params?.currency, params?.locales, params?.minimumFractionDigits, params?.maximumFractionDigits);\n    this.eGui.innerHTML = formattedCurrency;\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(): boolean {\n    return true;\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/custom-actions-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-actions-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/custom-actions-renderer.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAEvD;;;GAGG;AAEP,MAAM,CAAC,OAAO,OAAO,qBAAqB;IAIjC,IAAI,CAAC,MAAW;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;KAErB,CAAC;QAEF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAEjE,oEAAoE;QACpE,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,YAAY,CAAC;QAEpC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAEjE,yDAAyD;QACzD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QAEzC,iDAAiD;QACjD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,cAAY,CAAC,CAAC;QAEhD,8CAA8C;QAC9C,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO,CAAC,MAAW;QACxB,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport ChooseItem16 from '@carbon/icons/es/choose-item/16';\n\n    /**\n     * @deprecated This component is deprecated and will be removed in a future version.\n     * Please use `actions-renderer.tsx` instead\n     */\n\nexport default class CustomActionsRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private iconButton: any; // Use appropriate type\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n\n    this.eGui.innerHTML = `\n      <stencil-icon-button></stencil-icon-button>\n    `;\n\n    this.iconButton = this.eGui.querySelector('stencil-icon-button');\n\n    // Assuming `icon` is the attribute or property used to set the icon\n    this.iconButton.icon = ChooseItem16;\n\n    this.iconButton = this.eGui.querySelector('stencil-icon-button');\n\n    // Assigning the cell value to some attribute or property\n    this.iconButton.cellValue = params.value;\n\n    // Use the provided onClick function if it exists\n    const onClick = params.onClick || function() {};\n\n    // Add an onClick event listener to the button\n    this.iconButton.addEventListener('click', () => onClick(params.value));\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    this.iconButton.cellValue = params.value;\n    return true;\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/custom-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/custom-renderer.tsx"],"names":[],"mappings":"AAEI;;;GAGG;AAEP,MAAM,CAAC,OAAO,OAAO,cAAc;IAI1B,IAAI,CAAC,MAAW;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;KAErB,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;IACxC,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO,CAAC,MAAW;QACxB,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\n\n    /**\n     * @deprecated This component is deprecated and will be removed in a future version.\n     * Please use another cell renderer instead\n     */\n\nexport default class CustomRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private statusChip: any; // Use appropriate type\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `\n      <status-chip></status-chip>\n    `;\n    this.statusChip = this.eGui.querySelector('status-chip');\n    this.statusChip.status = params.value;\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    this.statusChip.status = params.value;\n    return true;\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/date-time-cell-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-time-cell-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/date-time-cell-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\n\nexport default class DateTimeCellRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private formatMode: 'exact' | 'relative' | 'exact-with-time' = 'exact'; // Default to 'relative'\n  private locale: 'UK' | 'US' = 'UK'; // Default locale\n  private timezone: string = ''; // default to nothing in case we take date as is\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    this.formatMode = params.formatMode || this.formatMode;\n    this.locale = params.locale || this.locale;\n    this.timezone = params.timezone || '';\n\n    try {\n      if (this.timezone && this.timezone !== 'local') {\n        new Intl.DateTimeFormat('en-US', { timeZone: this.timezone });\n      }\n    } catch (e) {\n      console.warn(`Invalid timezone '${this.timezone}', falling back to system default.`);\n      this.timezone = '';\n    }\n\n    // If we are grouping by row and value is null we want to hide the cell\n    if (params.node.group && !params.value) {\n      this.eGui.style.display = 'none';\n    } else {\n      const formattedDate = this.formatDate(params.value);\n      this.eGui.innerHTML = `${formattedDate}`;\n    }\n    this.applyStyles();\n  }\n\n  private formatDate(dateString: string): string {\n    if (!dateString) return '';\n\n    const locale = this.locale === 'UK' ? 'en-GB' : 'en-US';\n    const includeTime = this.formatMode === 'exact-with-time';\n\n    const options: Intl.DateTimeFormatOptions = {\n      day: '2-digit',\n      month: '2-digit',\n      year: 'numeric',\n    };\n\n    if (includeTime) {\n      options.hour = '2-digit';\n      options.minute = '2-digit';\n      options.hour12 = true;\n    }\n\n    const hasTimeZone = /([zZ]|[+\\-]\\d{2}:\\d{2})$/.test(dateString);\n    const date = new Date(hasTimeZone ? dateString : dateString + 'Z');\n    if (!this.timezone) {\n      // No timezone - display in UTC\n      options.timeZone = 'UTC';\n    } else if (this.timezone !== 'local') {\n      // Specific timezone (e.g., 'America/New_York')\n      options.timeZone = this.timezone;\n    }\n\n    const formatter = new Intl.DateTimeFormat(locale, options);\n    return formatter.format(date);\n  }\n\n  public refresh(params: any): boolean {\n    console.log('Renderer refresh called.'); // Check if refresh is called\n    if (params.formatMode && params.formatMode !== this.formatMode) {\n      this.formatMode = params.formatMode;\n    }\n    if (params.locale && params.locale !== this.locale) {\n      this.locale = params.locale;\n    }\n    const formattedDate = this.formatDate(params.value);\n    this.eGui.innerHTML = `${formattedDate}`;\n    return true;\n  }\n\n  private applyStyles(): void {\n    // this.eGui.style.padding = '8px';\n    this.eGui.style.textAlign = 'left';\n    this.eGui.style.cursor = 'default';\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public destroy(): void {\n    // Optionally, clean up any added listeners, etc.\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/email-cell-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"email-cell-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/email-cell-renderer.tsx"],"names":[],"mappings":"AACA,gFAAgF;AAEhF,MAAM,CAAC,OAAO,OAAO,iBAAiB;IAK7B,IAAI,CAAC,MAAW;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,2DAA2D;QAC3D,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,KAAK,0DAA0D,CAAC;QAEhG,iBAAiB;QACjB,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,yFAAyF;QACzF,8CAA8C;QAE9C,qFAAqF;QACrF,gFAAgF;QAEhF,2CAA2C;QAC3C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC1D,CAAC;IAEO,WAAW;QACjB,kCAAkC;QAClC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC,wBAAwB;QACrE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC,kBAAkB;QACzD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,eAAe;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC,eAAe;QACrD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,kBAAkB;QACxD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,kCAAkC;QACpE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC,kCAAkC;QACvE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;QAEnC,4BAA4B;QAC5B,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnD,UAAU,CAAC,SAAS,GAAG;;;;;KAKtB,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO,CAAC,MAAW;QACxB,yEAAyE;QACzE,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,KAAK,8CAA8C,CAAC;QACpF,8CAA8C;QAC9C,OAAO,IAAI,CAAC,CAAC,+CAA+C;IAC9D,CAAC;IAEM,OAAO;QACZ,2CAA2C;QAC3C,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\n//import { SharedContext } from './sharedContext'; // Ensure the path is correct\n\nexport default class EmailCellRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  //private otherCellValue: any;\n  private clickListener: () => void;\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n\n    // Set the cell's content with the arrow character appended\n    this.eGui.innerHTML = `${params.value} <span style=\"padding-left: 5px; color: blue \">🡕</span>`;\n\n    // Style the cell\n    this.applyStyles();\n\n    // Retrieve the value from another cell in the same row (update 'otherField' accordingly)\n    //this.otherCellValue = params.data.contactID;\n\n    // Create a click listener that calls the shared callback with the other cell's value\n    //this.clickListener = () => SharedContext.myClickCallback(this.otherCellValue);\n\n    // Add the click event listener to the cell\n    this.eGui.addEventListener('click', this.clickListener);\n  }\n\n  private applyStyles(): void {\n    // Apply your desired styling here\n    this.eGui.style.backgroundColor = '#f0f0f0'; // Light grey background\n    this.eGui.style.borderRadius = '50px'; // Rounded corners\n    this.eGui.style.paddingLeft = '8px'; // Some padding\n    this.eGui.style.paddingRight = '8px'; // Some padding\n    this.eGui.style.textAlign = 'center'; // Center the text\n    this.eGui.style.margin = '2px 0'; // Add a bit of margin for spacing\n    this.eGui.style.lineHeight = '26px'; // Add a bit of margin for spacing\n    this.eGui.style.cursor = 'pointer'; \n    \n    // Apply styles to the arrow\n    const arrowStyle = document.createElement('style');\n    arrowStyle.innerHTML = `\n      .arrow {\n        display: inline-block;\n       \n      }\n    `;\n    document.head.appendChild(arrowStyle);\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    // Update the content (with arrow) and other cell value when data changes\n    this.eGui.innerHTML = `${params.value} <span style=\"padding-left: 6px;  \">⇡</span>`;\n    //this.otherCellValue = params.data.contactID;\n    return true; // Return true to indicate the refresh happened\n  }\n\n  public destroy(): void {\n    // Cleanup: remove the click event listener\n    if (this.eGui && this.clickListener) {\n      this.eGui.removeEventListener('click', this.clickListener);\n    }\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/hot-list-add-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hot-list-add-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/hot-list-add-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { SharedContext } from './sharedContext';\nimport { state } from '../../../store/catalog-store';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n */\n\nexport default class HotListAddRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private otherCellValue: any;\n  private callbackId: string;\n  private viewActionElement: HTMLButtonElement;\n  private thirdActionElement: HTMLButtonElement;\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    this.otherCellValue = params.data;\n    this.callbackId = params.colDef.cellRendererParams.callbackId;\n\n    this.viewActionElement = document.createElement('button');\n    this.viewActionElement.textContent = '⋯';\n    this.viewActionElement.addEventListener('click', this.onViewActionClick.bind(this));\n\n\n    this.thirdActionElement = document.createElement('button');\n    this.thirdActionElement.textContent = 'Third Action'; // Example text\n    this.thirdActionElement.addEventListener('click', this.onThirdActionClick.bind(this));\n\n    // Update display based on hotListActive\n    this.updateDisplay(params);\n\n    // Append second action button if enabled\n    if (params.colDef.cellRendererParams.showViewAction) {\n      this.eGui.appendChild(this.viewActionElement);\n    }\n    if( params.node.group && !params.value){\n      this.eGui.style.display = 'none';\n    }\n\n    this.eGui.addEventListener('click', () => {\n        if (SharedContext.hotListAddHandler && params.colDef.cellRendererParams.showThirdAction) {\n           SharedContext.hotListAddHandler(this.otherCellValue, this.callbackId);\n        } else if (typeof SharedContext.myClickCallback === 'function') {\n          SharedContext.myClickCallback(this.otherCellValue, this.callbackId);\n      } else {\n          const customEvent = new CustomEvent('cellClick', {\n              detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n              bubbles: true,\n              composed: true\n          });\n          this.eGui.dispatchEvent(customEvent);\n      }\n  });\n\n\n\n    this.applyStyles(params);\n  }\n\n  private onViewActionClick(event: MouseEvent): void {\n    event.stopPropagation();\n\n    if (typeof SharedContext.viewActionCallback === 'function') {\n      SharedContext.viewActionCallback(this.otherCellValue, this.callbackId);\n    } else {\n      const customEvent = new CustomEvent('viewActionClick', {\n        detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n        bubbles: true,\n        composed: true\n      });\n      this.eGui.dispatchEvent(customEvent);\n    }\n  }\n\n  private onThirdActionClick(event: MouseEvent): void {\n    event.stopPropagation();\n\n    if (typeof SharedContext.thirdActionCallback === 'function') {\n      SharedContext.thirdActionCallback(this.otherCellValue, this.callbackId);\n    } else {\n      const customEvent = new CustomEvent('thirdActionClick', {\n        detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n        bubbles: true,\n        composed: true\n      });\n      this.eGui.dispatchEvent(customEvent);\n    }\n  }\n\n  // private updateDisplay(params: any): void {\n  //   console.log(params);\n  //   const hotListActive = state.hotListActive || '';\n\n  //   if (params.colDef.cellRendererParams.showThirdAction) {\n  //     const symbol = hotListActive !== '' ? '-' : '+';\n  //     const color = hotListActive !== '' ? '#dfd3ff' : '#f0f0f0';\n  //     this.eGui.innerHTML = `✱ <span style=\"padding-left: 5px; color: blue;\">${symbol}</span>`;\n  //     this.eGui.style.backgroundColor = color;\n  //     this.eGui.title = 'Hotlist';\n  //     this.thirdActionElement.disabled = !params.colDef.cellRendererParams.showThirdAction;\n  //   }\n  // }\n\n//   private updateDisplay(params: any): void {\n//     console.log(params);\n//     const hotListActive = state.hotListActive || '';\n\n\n//     // This assumes that you're managing the visibility and interaction of both the symbol and the third action button\n//     if (params.colDef.cellRendererParams.showThirdAction) {\n//         // Update symbol container if necessary\n//         const symbol = hotListActive !== '' ? '-' : '+';\n//         const color = hotListActive !== '' ? 'green' : 'pink';\n//         this.eGui.innerHTML = `✱ <span style=\"padding-left: 5px; color: grey;\">${symbol}</span>`;\n\n//         this.eGui.style.backgroundColor = color;\n//         this.eGui.title = 'Hotlist';\n\n//         // Ensure third action element is ready for interaction\n//         this.thirdActionElement.style.display = '';  // Ensure button is visible\n//         this.thirdActionElement.disabled = false;    // Ensure button is interactive\n//         this.thirdActionElement.style.display = 'none';  // Hide the button\n//         this.thirdActionElement.disabled = true;         // Disable the button\n\n//         // Optionally clear any innerHTML manipulation if it affects interaction\n//         this.eGui.innerHTML = '';\n//     } else {\n//         // Hide and disable third action element when not needed\n//         this.thirdActionElement.style.display = 'none';  // Hide the button\n//         this.thirdActionElement.disabled = true;         // Disable the button\n\n//         // Optionally clear any innerHTML manipulation if it affects interaction\n//         this.eGui.innerHTML = '';  // Remove other interactive elements or symbols\n//         this.eGui.appendChild(this.viewActionElement);  // Make sure to re-append view action element to maintain it in the DOM\n//     }\n\n//     // Ensure view action element is always interactive regardless of other conditions\n//     this.viewActionElement.style.display = '';\n//     this.viewActionElement.disabled = false;\n// }\n\nprivate updateDisplay(params: any): void {\n  console.log(params);\n  const hotListActive = state.hotListActive || '';\n\n\n\n  // Conditionally add or remove the styled span based on `showThirdAction`\n  if (params.colDef.cellRendererParams.showThirdAction) {\n     // Determine the background color and symbol based on `hotListActive`\n  const color = hotListActive !== '' ? 'rgb(224, 224, 224)' : 'rgb(201, 239, 224)';\n  const symbol = hotListActive !== '' ? '-' : '+';\n\n  // Set the title and background color of the entire GUI element\n  this.eGui.title = 'Hotlist';\n  this.eGui.style.backgroundColor = color;\n      const specialContent = `✱ <span style=\"padding-left: 5px; color: grey;\">${symbol}</span>`;\n      // Try to access the existing special content element if it exists\n      let existingSpan = this.eGui.querySelector('span');\n      if (!existingSpan) {\n          // If it doesn't exist, use insertAdjacentHTML to add without overwriting\n          this.eGui.insertAdjacentHTML('afterbegin', specialContent);\n      }\n  } else {\n      // If `showThirdAction` is false, remove the span if it exists\n      let existingSpan = this.eGui.querySelector('span');\n      if (existingSpan) {\n          existingSpan.remove(); // Remove the styled span\n      }\n  }\n\n  // Control visibility and interaction of the third action button\n  this.thirdActionElement.style.display = params.colDef.cellRendererParams.showThirdAction ? '' : 'none';\n  this.thirdActionElement.disabled = !params.colDef.cellRendererParams.showThirdAction;\n\n  // Ensure the view action element is maintained and always interactive\n  if (!this.eGui.contains(this.viewActionElement)) {\n      this.eGui.appendChild(this.viewActionElement);\n  }\n  this.viewActionElement.style.display = '';\n  this.viewActionElement.disabled = false;\n}\n\n\n\n  private applyStyles(params): void {\n\n    this.eGui.style.borderRadius = '50px';\n    this.eGui.style.paddingLeft = '8px';\n    this.eGui.style.paddingRight = '8px';\n    this.eGui.style.textAlign = 'center';\n    this.eGui.style.margin = '2px 0';\n    this.eGui.style.lineHeight = '26px';\n    this.eGui.style.cursor = params.colDef.cellRendererParams.showThirdAction && 'pointer';\n    this.eGui.style.width = '30px';\n\n    // Additional styles for viewActionElement\n    this.viewActionElement.style.backgroundColor = 'rgb(224, 224, 224)'; // light grey background\n    this.viewActionElement.style.color = '#000'; // text color\n    this.viewActionElement.style.border = 'none';\n    this.viewActionElement.style.borderRadius = '15px'; // rounded corners\n    this.viewActionElement.style.padding = '5px 10px'; // padding inside the button\n    this.viewActionElement.style.margin = '2px';\n    this.viewActionElement.style.cursor = 'pointer';\n    this.viewActionElement.style.fontSize = '14px'; // font size\n    this.viewActionElement.style.marginLeft = params.colDef.cellRendererParams.showThirdAction ? '16px' : '0px';\n    this.viewActionElement.style.transform = params.colDef.cellRendererParams.showThirdAction ? 'none' : 'translateX(-10px)';\n    this.viewActionElement.title = 'View More';\n    this.thirdActionElement.title = 'Third Action';\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    this.updateDisplay(params);\n    return true;\n  }\n\n  public destroy(): void {\n    // Cleanup if necessary\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/hover-content-cell-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hover-content-cell-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/hover-content-cell-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { SharedContext } from './sharedContext'; // Ensure the path is correct\n\nexport default class HoverContentCellRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private hoverInfo: string;\n  private tooltipField: string;\n\n  public init(params: any): void {\n    console.log('Renderer params:', params);\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = params.value;\n    this.applyStyles();\n\n    \n    if (params.colDef.tooltipField) {\n      const columnDefs = params.api.getColumnDefs();\n      const columnDefToModify = columnDefs.find(col => col.colId === params.colDef.field);\n      const updatedColDef = {\n        ...columnDefToModify,\n        tooltipField: \"\"\n      };\n      params.api.setColumnDefs(columnDefs.map(col =>\n        col.field === params.colDef.field ? updatedColDef : col\n      ));\n    }\n\n    this.tooltipField = params.colDef.cellRendererParams.otherField || 'defaultTooltipField';\n    this.hoverInfo = params.data[this.tooltipField];\n    this.createTooltip();\n\n    this.eGui.addEventListener('mouseover', this.handleMouseOver);\n    this.eGui.addEventListener('mouseout', this.hideTooltip);\n  }\n\n  private applyStyles(): void {\n    (this.eGui as HTMLElement).style.cursor = 'help'; // Change as needed\n    // Add more styles as needed\n  }\n\n  private createTooltip(): void {\n    const tooltip = document.createElement('span');\n    tooltip.innerText = this.hoverInfo;\n    tooltip.style.visibility = 'hidden';\n    tooltip.style.position = 'absolute';\n    tooltip.style.zIndex = '999';\n    tooltip.style.backgroundColor = 'white';\n    tooltip.style.border = '1px solid grey';\n    tooltip.style.padding = '5px';\n    tooltip.style.boxShadow = '0px 4px 8px rgba(0, 0, 0, 0.1)'; \n    tooltip.classList.add('cell-tooltip');\n    this.eGui.appendChild(tooltip);\n  }\n\n  private handleMouseOver = () => {\n    const tooltip = this.eGui.querySelector('.cell-tooltip') as HTMLElement;\n    tooltip.style.visibility = 'visible';\n\n    // Using SharedContext's myClickCallback\n    SharedContext.myClickCallback(this.hoverInfo, 'someCallbackId');\n  };\n\n  private hideTooltip = () => {\n    const tooltip = this.eGui.querySelector('.cell-tooltip') as HTMLElement;\n    tooltip.style.visibility = 'hidden';\n  };\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    this.eGui.innerHTML = params.value;\n    this.hoverInfo = params.data[this.tooltipField];\n    // Update tooltip text if necessary\n    return true;\n  }\n\n  public destroy(): void {\n    // Cleanup if necessary\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/icon-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/icon-renderer.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAO,YAAY;IAAjC;QAEU,sBAAiB,GAA4F,EAAE,CAAC;IAoC1H,CAAC;IAlCQ,IAAI,CAAC,MAAW;;QACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;;;;;;GAM3B,CAAC;QACA,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,EAAE,CAAC;YAC9B,IAAI,CAAC,iBAAiB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,CAAC;QACrD,CAAC;QACD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAEhD,IAAI,CAAC,QAAQ,GAAG,MAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,QAAQ,CAAC;QAC/D,IAAI,CAAC,QAAQ,GAAG,MAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,QAAQ,CAAC;QAC/D,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC;QACzD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAE5B,IAAI,MAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,KAAK,EAAE,CAAC;YAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,CAAC,SAAS,GAAG,MAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC;YAC7D,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\n\nexport default class IconRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private iconMappingConfig: { [key: string]: { label: string; iconName: string; iconType: string, color: string } } = {};\n\n  public init(params: any): void {\n    this.eGui = document.createElement('div');\n    this.eGui.style.cssText = `display: flex;\n    width: 100%;\n    height: 100%;\n    gap: 8px;\n    justify-content: start;\n    align-items: center;\n  `;\n    if (params?.iconMappingConfig) {\n      this.iconMappingConfig = params?.iconMappingConfig;\n    }\n    const icon = document.createElement('udp-icon');\n\n    icon.iconType = this.iconMappingConfig[params.value]?.iconType;\n    icon.iconName = this.iconMappingConfig[params.value]?.iconName;\n    icon.color = this.iconMappingConfig[params.value]?.color;\n    this.eGui.appendChild(icon);\n\n    if (this.iconMappingConfig[params.value]?.label) {\n      const text = document.createElement('p');\n      text.innerHTML = this.iconMappingConfig[params.value]?.label;\n      text.style.cssText = 'margin: 0px';\n      this.eGui.appendChild(text);\n    }\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(): boolean {\n    return true;\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/open-function-cell-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-function-cell-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/open-function-cell-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { SharedContext } from './sharedContext'; // Ensure the path is correct\n\nexport default class OpenFunctionCellRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private otherCellValue: any;\n  private otherField: string;\n  private callbackId: string;\n  \n  public init(params: any): void {\n    console.log('Renderer params:', params);\n    \n    this.eGui = document.createElement('div');\n\n    // Check if we're in a group and if the specific field is available\n    if(params.node.group) {\n      // Possibly display something different for group rows or nothing at all\n      if(params.value) {\n        this.eGui.innerHTML = `${params.value} <span style=\"padding-left: 5px; color: blue;\">🡕</span>`;\n      }else {\n        this.eGui.style.display = 'none';\n      }\n\n    } else {\n      // Normal row rendering\n      if(params.value) {\n        this.eGui.innerHTML = `${params.value} <span style=\"padding-left: 5px; color: blue;\">🡕</span>`;\n      }\n    }\n    \n    this.applyStyles();\n\n    // Only proceed if not a group row\n    if(!params.node.group) {\n      this.otherField = params.colDef.cellRendererParams.otherField;\n      this.otherCellValue = params.data[this.otherField];\n      this.callbackId = params.colDef.cellRendererParams.callbackId;\n\n      this.eGui.addEventListener('click', () => {\n        console.log('Click event triggered');\n        if (typeof SharedContext.myClickCallback === 'function') {\n          console.log('Executing shared callback');\n          SharedContext.myClickCallback(this.otherCellValue, this.callbackId);\n        } else {\n          console.log('Dispatching custom event');\n          const customEvent = new CustomEvent('cellClick', {\n            detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n            bubbles: true,\n            composed: true\n          });\n          this.eGui.dispatchEvent(customEvent);\n        }\n      });\n    }\n  } \n\n  private applyStyles(): void {\n    this.eGui.style.backgroundColor = '#f0f0f0';\n    this.eGui.style.borderRadius = '50px';\n    this.eGui.style.paddingLeft = '8px';\n    this.eGui.style.paddingRight = '8px';\n    this.eGui.style.textAlign = 'center';\n    this.eGui.style.margin = '2px 0';\n    this.eGui.style.lineHeight = '26px';\n    this.eGui.style.cursor = 'pointer';\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    // Make sure the renderer updates correctly for grouped/non-grouped rows\n    if(!params.node.group && params.value) {\n      this.eGui.innerHTML = `${params.value} <span style=\"padding-left: 5px; color: blue;\">🡕</span>`;\n      this.otherCellValue = params.data[this.otherField];\n    }\n    return true;\n  }\n\n  public destroy(): void {\n    // Cleanup if necessary\n  }\n}"]}

package/dist/collection/components/grid/renderers/return-search-data-cell-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"return-search-data-cell-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/return-search-data-cell-renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC,CAAC,6BAA6B;AAE9E,MAAM,CAAC,OAAO,OAAO,oCAAoC;IAMhD,IAAI,CAAC,MAAW;QACrB,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;QACxC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,KAAK,0DAA0D,CAAC;QAChG,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,UAAU,IAAI,WAAW,CAAC;QAC7E,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACnD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,UAAU,CAAC;QAE5D,0FAA0F;QAC1F,iEAAiE;QACjE,oDAAoD;QACpD,4DAA4D;QAC5D,yDAAyD;QAE3D,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACvC,IAAI,OAAO,aAAa,CAAC,eAAe,KAAK,UAAU,EAAE,CAAC;gBACxD,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACtE,CAAC;iBAAM,CAAC;gBACN,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,WAAW,EAAE;oBAC/C,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;oBACvE,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAC;gBACH,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QAC5C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;QACtC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;QACpC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QACrC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QACpC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;IACrC,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO,CAAC,MAAW;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,KAAK,0DAA0D,CAAC;QAChG,qDAAqD;QACrD,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,OAAO;QACZ,uBAAuB;IACzB,CAAC;CACF","sourcesContent":["import { ICellRenderer } from 'ag-grid-community';\nimport { SharedContext } from './sharedContext'; // Ensure the path is correct\n\nexport default class ReternSearchDataRendererCellRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private otherCellValue: any;\n  private otherField: string;\n  private callbackId: string;\n  \n  public init(params: any): void {\n    console.log('Renderer params:', params);\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `${params.value} <span style=\"padding-left: 5px; color: blue;\">🡕</span>`;\n    this.applyStyles();\n\n    this.otherField = params.colDef.cellRendererParams.otherField || 'contactID';\n    this.otherCellValue = params.data[this.otherField];\n    this.callbackId = params.colDef.cellRendererParams.callbackId;\n    \n      // console.log('this.otherField = params.cellRendererParams?.otherField', this.otherField)\n      // console.log('cellRendererParams:', params.cellRendererParams);\n      // console.log('this.otherField:', this.otherField);\n      // console.log('this.otherCellValue:', this.otherCellValue);\n      // console.log('this.callbackIdValue:', this.callbackId);\n\n    this.eGui.addEventListener('click', () => {\n      if (typeof SharedContext.myClickCallback === 'function') {\n        SharedContext.myClickCallback(this.otherCellValue, this.callbackId);\n      } else {\n        const customEvent = new CustomEvent('cellClick', {\n          detail: { cellValue: this.otherCellValue, callbackId: this.callbackId },\n          bubbles: true,\n          composed: true\n        });\n        this.eGui.dispatchEvent(customEvent);\n      }\n    });\n  }\n\n  private applyStyles(): void {\n    this.eGui.style.backgroundColor = '#f0f0f0';\n    this.eGui.style.borderRadius = '50px';\n    this.eGui.style.paddingLeft = '8px';\n    this.eGui.style.paddingRight = '8px';\n    this.eGui.style.textAlign = 'center';\n    this.eGui.style.margin = '2px 0';\n    this.eGui.style.lineHeight = '26px';\n    this.eGui.style.cursor = 'pointer';\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(params: any): boolean {\n    this.eGui.innerHTML = `${params.value} <span style=\"padding-left: 5px; color: blue;\">🡕</span>`;\n    //this.otherCellValue = params.data[this.otherField];\n    return true;\n  }\n\n  public destroy(): void {\n    // Cleanup if necessary\n  }\n}\n"]}

package/dist/collection/components/grid/renderers/sharedContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sharedContext.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/sharedContext.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,eAAe,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,EAAE;QAC9C,OAAO,CAAC,GAAG,CAAC,aAAa,EAAC,cAAc,EAAE,UAAU,CAAC,CAAA;IACtD,CAAC;IACF,kBAAkB,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,EAAE;QACjD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAC,cAAc,EAAE,UAAU,CAAC,CAAA;IACtD,CAAC;IACF,mBAAmB,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,EAAE;QAClD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAC,cAAc,EAAE,UAAU,CAAC,CAAA;IACtD,CAAC;IACF,iBAAiB,EAAE,IAAI,EAAE,kDAAkD;CAE5E,CAAC","sourcesContent":["export const SharedContext = {\n  myClickCallback: (otherCellValue, callbackId) => { \n    console.log('In callback',otherCellValue, callbackId)\n   },\n  viewActionCallback: (otherCellValue, callbackId) => { \n    console.log('In callback',otherCellValue, callbackId)\n   },\n  thirdActionCallback: (otherCellValue, callbackId) => { \n    console.log('In callback',otherCellValue, callbackId)\n   },\n  hotListAddHandler: null, // New handler specifically for HotListAddRenderer\n  \n};\n\n  "]}

package/dist/collection/components/grid/renderers/status-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-renderer.js","sourceRoot":"","sources":["../../../../src/components/grid/renderers/status-renderer.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,OAAO,cAAc;IAAnC;QAEU,yBAAoB,GAA8B;YACxD,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,MAAM;SACb,CAAC;IA2BJ,CAAC;IAzBQ,IAAI,CAAC,MAAiC;QAC3C,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,MAAK,IAAI,EAAE,CAAC;YACzC,IAAI,CAAC,oBAAoB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,CAAC;QAC1D,CAAC;QACD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACtD,MAAM,YAAY,GAAW,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,MAAK,IAAI,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,CAAC,CAAC,CAAE,MAAM,CAAC,KAAgB,CAAC;QAE/H,UAAU,CAAC,KAAK,GAAG,YAAY,CAAC;QAChC,UAAU,CAAC,OAAO,GAAG,UAAU,CAAA;QAC/B,UAAU,CAAC,IAAI,GAAG,OAAO,CAAA;QACzB,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAA+F,CAAA;QACxJ,UAAU,CAAC,SAAS,GAAG,YAAY,CAAC;QACpC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACvF,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { ICellRenderer, ICellRendererParams, IRowNode } from 'ag-grid-community-v33';\n\ninterface IStatusCellRendererParams extends ICellRendererParams {\n  statusMappingConfig?: { [key: string]: string };\n  getStatusValue?: (node: IRowNode) => string;\n}\n\nexport default class StatusRenderer implements ICellRenderer {\n  private eGui: HTMLElement;\n  private statusMappingClasses: { [key: string]: string } = {\n    error: 'error',\n    warning: 'warning',\n    success: 'success',\n    info: 'info',\n  };\n\n  public init(params: IStatusCellRendererParams): void {\n    this.eGui = document.createElement('div');\n\n    if (params?.statusMappingConfig !== null) {\n      this.statusMappingClasses = params?.statusMappingConfig;\n    }\n    const statusChip = document.createElement('udp-chip');\n    const currentValue: string = params?.getStatusValue !== null ? params?.getStatusValue(params?.node) : (params.value as string);\n\n    statusChip.label = currentValue;\n    statusChip.variant = 'outlined'\n    statusChip.size = 'small'\n    statusChip.color = this.statusMappingClasses[currentValue] as \"error\" | \"warning\" | \"success\" | \"info\" | \"primary\" | \"secondary\" | \"monochrome\" | \"gray\"\n    statusChip.innerHTML = currentValue;\n    this.eGui.appendChild(statusChip);\n    params.setTooltip(currentValue, () => this.eGui.scrollWidth > this.eGui.clientWidth);\n  }\n\n  public getGui(): HTMLElement {\n    return this.eGui;\n  }\n\n  public refresh(): boolean {\n    return true;\n  }\n}\n"]}

package/dist/collection/components/grid/resource-timeline-calendar/resource-timeline-calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resource-timeline-calendar.js","sourceRoot":"","sources":["../../../../src/components/grid/resource-timeline-calendar/resource-timeline-calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0BAA0B,MAAM,6CAA6C,CAAC;AACrF,OAAO,4BAA4B,MAAM,mCAAmC,CAAC;AAQ7E,MAAM,OAAO,wBAAwB;IALrC;QAQU,YAAO,GAAU,EAAE,CAAC;QACpB,iBAAY,GAAW,EAAE,CAAC;QAC1B,aAAQ,GAAW,EAAE,CAAC;QAGtB,YAAO,GAAW,EAAE,CAAC,CAAC,iFAAiF;QACvG,eAAU,GAAe,EAAE,CAAC;QAM5B,0BAAqB,GAAW,EAAE,CAAC;QAEnC,iCAA4B,GAA8B,EAAE,CAAC;QAC7D,kBAAa,GAAY,IAAI,CAAC;QAE9B,gBAAW,GAAY,KAAK,CAAC;QAC7B,wBAAmB,GAAY,KAAK,CAAC,CAAC,uJAAuJ;QAC7L,mBAAc,GAAY,KAAK,CAAC;QAI/B,kBAAa,GAAQ,EAAE,CAAC;QACxB,wBAAmB,GAAQ,EAAE,CAAC;QAwEvC,iBAAY,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAC3B,CAAC,CAAC;QAEF,mBAAc,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAG,CAAC,EAAE;YACpB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;YACnB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC1B,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtD,CAAC,CAAC;KA6FH;IA7KC,uCAAuC;IACvC,QAAQ,CAAC,SAAS,EAAE,QAAQ;QAC1B,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,IAAI,WAAW,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,OAAO,WAAW,IAAI,QAAQ,EAAE,CAAC;YAC/B,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;YACtC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,8DAA8D;IAC9D,gBAAgB,CAAC,IAAI,EAAE,SAAS;QAC9B,IAAI,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QAC9B,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvB,6GAA6G;YAC7G,aAAa,CAAC,IAAI,CAAC;gBACjB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAChD,sBAAsB,EAAE,IAAI;aAC7B,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,yBAAyB;IAEzB,aAAa;QACX,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACnD,IAAI,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YAChF,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YACrE,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED,WAAW,CAAC,CAAC,EAAE,CAAC;QACd,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3B,OAAO,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IAC3C,CAAC;IAGD,gBAAgB;QACd,IAAI,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;QACtC,UAAU,CAAC,IAAI,CAAC;YACd,KAAK,EAAE,IAAI,CAAC,OAAO;YACnB,KAAK,EAAE,IAAI;YACX,eAAe,EAAE,IAAI,CAAC,WAAW;YACjC,WAAW,EAAE,MAAM,CAAC,EAAE;gBACpB,IAAI,UAAU,GAAG,EAAE,CAAC;gBACpB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;oBAC7B,UAAU,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBACrF,CAAC;qBAAM,CAAC;oBACN,UAAU,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBAC/E,CAAC;gBACD,OAAO,UAAU,CAAC;YACpB,CAAC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC;IACxC,CAAC;IAGD,iBAAiB;QACf,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtD,CAAC;IAgBD,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC3D,OAAO,CACL,4DAAK,KAAK,EAAC,4BAA4B;YACrC,sFACE,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,aAAa,EAAE,IAAI,CAAC,mBAAmB,EACvC,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,4BAA4B,EAAE,IAAI,CAAC,4BAA4B,EAC/D,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,WAAW,EAAE,IAAI,CAAC,cAAc,GACD;YACjC,yEACE,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,UAAU,EAAE,IAAI,CAAC,mBAAmB,EACpC,WAAW,kCACN,IAAI,CAAC,qBAAqB,KAC7B,UAAU,EAAE;wBACV,0BAA0B,EAAE,0BAA0B;wBACtD,8BAA8B,EAAE,4BAA4B;qBAC7D,EACD,wBAAwB,EAAE,MAAM,CAAC,EAAE;wBACjC,MAAM,CAAC,yBAAyB,GAAG,IAAI,CAAA;wBAGvC,kEAAkE;wBAClE,IAAI,CAAC,MAAM,CAAC,mBAAmB,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;4BACpD,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;4BAC7C,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC;4BAC9C,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,6BAA6B;4BAEpE,oDAAoD;4BACpD,IAAI,aAAa,GAAG,EAAE,CAAC;4BAEvB,gDAAgD;4BAChD,IAAI,gBAAgB,KAAK,WAAW,EAAE,CAAC;gCACrC,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gCACnC,MAAM,CAAC,SAAS,GAAG,qBAAqB,CAAC;4BAC3C,CAAC;4BAED,0DAA0D;4BAC1D,IAAI,SAAS,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;gCACvC,aAAa,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;4BACvC,CAAC;4BAED,uDAAuD;4BACvD,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gCAC7B,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC;4BACrC,CAAC;4BAED,MAAM,CAAC,eAAe,GAAG,gCAAgC,CAAC;4BAC5D,CAAC,MAAM,CAAC,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC;wBACnD,CAAC;wBAED,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;4BAClC,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;wBACxC,CAAC;oBACH,CAAC,EACD,aAAa,EAAE;wBACb,0DAA0D;wBAC1D,UAAU,EAAE,MAAM,CAAC,EAAE;;4BACnB,OAAO,CACL,MAAM,CAAC,IAAI,CAAC,KAAK;gCACjB,CAAA,MAAA,MAAA,MAAA,MAAM,CAAC,IAAI,CAAC,eAAe,0CAAG,CAAC,CAAC,0CAAE,IAAI,0CAAE,sBAAsB,MAAK,IAAI,CACxE,CAAC;wBACJ,CAAC;qBACF,EACD,SAAS,EAAE,IAAI,EACf,yCAAyC,EAAE,IAAI,EAC/C,uBAAuB,EAAE,IAAI,EAC7B,cAAc,EAAE,OAAO,EACvB,sBAAsB,EAAE,IAAI,EAC5B,4BAA4B,EAAE,IAAI,KAEpC,eAAe,EAAE,IAAI,CAAC,aAAa,GACnC,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, State, Prop, Watch } from '@stencil/core';\nimport './resource-timeline-calendar.css';\nimport AgGridSubtitleCellRenderer from '../renderers/ag-grid-subtitle-cell-renderer';\nimport ResourceTimelineColumnHeader from './resource-timeline-column-header';\nimport { GridApiMethods } from 'src/components';\nimport { GridHeaderCustomAction } from '../new-grid/interfaces/grid';\n@Component({\n  tag: 'resource-timeline-calendar',\n  styleUrl: 'resource-timeline-calendar.css',\n  shadow: false,\n})\nexport class ResourceTimelineCalendar {\n  @Element() el: HTMLElement;\n\n  @Prop() rowData: any[] = [];\n  @Prop() gridBarTitle: string = '';\n  @Prop() subTitle: string = '';\n  @Prop() startDate: string; //Must a parsable date string\n  @Prop() endDate: string; //must be a parsable date string\n  @Prop() dateKey: string = ''; //the field used a the transaction date in the data. must be parsable date string\n  @Prop() columnDefs: Array<any> = [];\n  @Prop() handleClickForward: () => void;\n  @Prop() handleClickBackward: () => void;\n  @Prop() handleClickToday: () => void;\n  @Prop() primaryAction: GridHeaderCustomAction;\n  @Prop() secondaryAction: GridHeaderCustomAction;\n  @Prop() additionalGridOptions: object = {};\n  @Prop() subtitleStatus: string;\n  @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n  @Prop() showRowTotals: boolean = true;\n  @Prop() disableHeaderActions: boolean;\n  @Prop() dataLoading: boolean = false;\n  @Prop() convertDatesFromUTC: boolean = false; //If dates are in utc but not in iso format (missing 'Z'), this will convert to the user's local time zone. Otherwise takes the dateTime at face value.\n  @Prop() showLockedIcon: boolean = false;\n  @Prop() gridApiCallback: (api) => null;\n  @Prop() processPivotResultColDef: (colDef) => null;\n\n  @State() filledRowData: any = [];\n  @State() formattedColumnDefs: any = [];\n\n  private gridApi: GridApiMethods;\n\n  //helper function to get dates in range\n  getDates(startDate, stopDate) {\n    let dateArray = [];\n    let currentDate = new Date(startDate);\n    while (currentDate <= stopDate) {\n      dateArray.push(new Date(currentDate));\n      currentDate.setDate(currentDate.getDate() + 1);\n    }\n    return dateArray;\n  }\n\n  //helper function to fill add dummy records for dates in range\n  fillInEmptyDates(data, dateRange) {\n    let filledRowData = [...data];\n    dateRange.forEach(date => {\n      //Create x new blank records for x days in date range so that the calendar always displays all available days\n      filledRowData.push({\n        [this.dateKey]: date.toISOString().split('.')[0],\n        isDateRangePlaceholder: true,\n      });\n    });\n    return filledRowData;\n  }\n\n  //update client side data\n  @Watch('rowData')\n  updateRowData() {\n    if (this.rowData && this.startDate && this.endDate) {\n      let dateRange = this.getDates(new Date(this.startDate), new Date(this.endDate));\n      const filledRowData = this.fillInEmptyDates(this.rowData, dateRange);\n      this.filledRowData = filledRowData;\n      this.gridApi.refreshClientSideRowModel('group');\n    }\n  }\n\n  dateCompare(a, b) {\n    const dateA = new Date(a);\n    dateA.setHours(0, 0, 0, 0);\n    const dateB = new Date(b);\n    dateB.setHours(0, 0, 0, 0);\n    return dateA.getTime() - dateB.getTime();\n  }\n\n  @Watch('columnDefs')\n  createColumnDefs() {\n    let columnDefs = [...this.columnDefs];\n    columnDefs.push({\n      field: this.dateKey,\n      pivot: true,\n      pivotComparator: this.dateCompare,\n      valueGetter: params => {\n        let dateString = '';\n        if (this.convertDatesFromUTC) {\n          dateString = new Date(params.data[this.dateKey] + 'Z').toLocaleDateString('en-US');\n        } else {\n          dateString = new Date(params.data[this.dateKey]).toLocaleDateString('en-US');\n        }\n        return dateString;\n      },\n    });\n    this.formattedColumnDefs = columnDefs;\n  }\n\n  @Watch('dataLoading')\n  toggleDataLoading() {\n    this.gridApi.toggleLoadingOverlay(this.dataLoading);\n  }\n\n  expandGroups = () => {\n    this.gridApi.expandAll();\n  };\n\n  collapseGroups = () => {\n    this.gridApi.collapseAll();\n  };\n\n  handleGridApi = api => {\n    this.gridApi = api;\n    this.gridApiCallback(api);\n    this.gridApi.toggleLoadingOverlay(this.dataLoading);\n  };\n\n  componentDidLoad() {\n    this.createColumnDefs();\n    this.updateRowData();\n  }\n\n  render() {\n    const todayString = new Date().toLocaleDateString('en-US');\n    return (\n      <div class=\"resource-timeline-calendar\">\n        <resource-timeline-primary-bar\n          gridBarTitle={this.gridBarTitle}\n          subTitle={this.subTitle}\n          primaryAction={this.primaryAction}\n          secondaryAction={this.secondaryAction}\n          clickBackward={this.handleClickBackward}\n          clickForward={this.handleClickForward}\n          clickToday={this.handleClickToday}\n          subtitleStatus={this.subtitleStatus}\n          subtitleStatusMappingClasses={this.subtitleStatusMappingClasses}\n          disableHeaderActions={this.disableHeaderActions}\n          showLockedIcon={this.showLockedIcon}\n          expandAll={this.expandGroups}\n          collapseAll={this.collapseGroups}\n        ></resource-timeline-primary-bar>\n        <client-side-grid\n          rowData={this.filledRowData}\n          columnDefs={this.formattedColumnDefs}\n          gridOptions={{\n            ...this.additionalGridOptions,\n            components: {\n              agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,\n              resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,\n            },\n            processPivotResultColDef: colDef => {\n              colDef.suppressHeaderContextMenu = true\n\n\n              // Check if this is a date pivot column (and not a \"Total\" column)\n              if (!colDef.pivotTotalColumnIds && colDef.pivotKeys) {\n                const columnDateString = colDef.pivotKeys[0];\n                const columnDate = new Date(columnDateString);\n                const dayOfWeek = columnDate.getDay(); // 0 is Sunday, 6 is Saturday\n\n                // Use an array to handle multiple potential classes\n                let headerClasses = [];\n\n                // Add \"today-header\" class if it's today's date\n                if (columnDateString === todayString) {\n                  headerClasses.push('today-header');\n                  colDef.cellClass = 'today-column-border';\n                }\n\n                // Add \"weekend-header\" class if it's a Saturday or Sunday\n                if (dayOfWeek === 0 || dayOfWeek === 6) {\n                  headerClasses.push('weekend-header');\n                }\n\n                // Apply the collected classes to the column definition\n                if (headerClasses.length > 0) {\n                  colDef.headerClass = headerClasses;\n                }\n\n                colDef.headerComponent = 'resourceTimelineCalendarHeader';\n              (colDef.minWidth = 70), (colDef.resizable = false);\n              }\n\n              if (this.processPivotResultColDef) {\n                this.processPivotResultColDef(colDef);\n              }\n            },\n            rowClassRules: {\n              //Remove the null row due to filling in the dates in range\n              'hide-row': params => {\n                return (\n                  params.node.group &&\n                  params.node.allLeafChildren?.[0]?.data?.isDateRangePlaceholder === true\n                );\n              },\n            },\n            pivotMode: true,\n            removePivotHeaderRowWhenSingleValueColumn: true,\n            suppressAggFuncInHeader: true,\n            pivotRowTotals: 'after',\n            suppressMovableColumns: true,\n            enableStrictPivotColumnOrder: true,\n          }}\n          gridApiCallback={this.handleGridApi}\n        />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/grid/resource-timeline-calendar/resource-timeline-column-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resource-timeline-column-header.js","sourceRoot":"","sources":["../../../../src/components/grid/resource-timeline-calendar/resource-timeline-column-header.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,4BAA4B;IAG/C,IAAI,CAAC,MAAM;QACT,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QACzC,IAAI,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAEnD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;QACxC,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,SAAS,EAAE;YAC/C,OAAO,EAAE,OAAO;SACjB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,UAAU,CAAC,cAAc,CAAC,SAAS,EAAE;YAChD,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;+BAEK,GAAG;mCACC,IAAI;iBACtB,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["export default class ResourceTimelineColumnHeader {\n  eGui;\n\n  init(params) {\n    this.eGui = document.createElement('div');\n    this.eGui.classList.add('custom-header');\n    let stringDate = params.column.colDef.pivotKeys[0];\n\n    const dateObject = new Date(stringDate);\n    const day = dateObject.toLocaleString(undefined, {\n      weekday: 'short',\n    });\n    const date = dateObject.toLocaleString(undefined, {\n      month: 'short',\n      day: 'numeric',\n    });\n\n    this.eGui.innerHTML = `\n          <div class=\"header-group\">\n          <div class=\"title\">${day}</div>\n          <div class=\"sub-title\">${date}</div>\n          </div>`;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh() {\n    return false;\n  }\n}\n"]}

package/dist/collection/components/grid/resource-timeline-calendar/resource-timeline-primary-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resource-timeline-primary-bar.js","sourceRoot":"","sources":["../../../../src/components/grid/resource-timeline-calendar/resource-timeline-primary-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State } from '@stencil/core';\nimport ChevronLeft24 from '@carbon/icons/es/chevron--left/16';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport { getIconFromName } from '../../data-display/icons/iconUtils';\nimport { GridHeaderCustomAction } from 'src/components';\n\n@Component({\n  tag: 'resource-timeline-primary-bar',\n  styleUrl: 'resource-timeline-primary-bar.css',\n  shadow: true,\n})\nexport class ResourceTimelinePrimaryBar {\n  @Prop() gridBarTitle: string;\n  @Prop() subTitle: string;\n  @Prop() primaryAction: GridHeaderCustomAction;\n  @Prop() secondaryAction: GridHeaderCustomAction;\n  @Prop() clickForward: () => void;\n  @Prop() clickBackward: () => void;\n  @Prop() clickToday: () => void;\n  @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n  @Prop() subtitleStatus: string;\n  @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n  @Prop() expandAll: () => void;\n  @Prop() collapseAll: () => void;\n  @Prop() showLockedIcon: boolean;\n  @Prop() disableHeaderActions: boolean;\n\n  @State() isMenuOpen: boolean = false;\n  private menuAnchorEl?: HTMLElement;\n\n  toggleSettingsMenu = () => {\n    this.isMenuOpen = !this.isMenuOpen;\n  };\n\n  render() {\n    return (\n      <div class=\"header-bar\">\n        <div class=\"title-section\">\n          {this.gridBarTitle || this.gridBarTitle === '' ? (\n            <unity-typography variant=\"body1\" bold>\n              {this.gridBarTitle}{' '}\n            </unity-typography>\n          ) : (\n            <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n          )}\n          <div class=\"subtitle\">\n            {this.subTitle || this.subTitle === '' ? (\n              <unity-typography variant=\"body1\">{this.subTitle} </unity-typography>\n            ) : (\n              <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n            )}\n            <div class=\"subtitle-status\">\n              {this.subtitleStatus && (\n                <udp-chip\n                  variant=\"outlined\"\n                  size=\"small\"\n                  label={this.subtitleStatus}\n                  color={\n                    this.subtitleStatusMappingClasses[this.subtitleStatus] as\n                      | 'primary'\n                      | 'secondary'\n                      | 'error'\n                      | 'success'\n                      | 'warning'\n                      | 'info'\n                      | 'monochrome'\n                      | 'gray'\n                  }\n                />\n              )}\n              {this.showLockedIcon && (\n                <udp-icon-button\n                  icon={getIconFromName('lock')}\n                  variant=\"outlined\"\n                  size=\"x-small\"\n                  disabled\n                ></udp-icon-button>\n              )}\n            </div>\n          </div>\n        </div>\n        <div class=\"button-section\">\n          <udp-icon-button\n            class={{\n              'settings-button': true,\n              'is-open': this.isMenuOpen,\n            }}\n            onClick={this.toggleSettingsMenu}\n            ref={(el: HTMLUdpIconButtonElement | null) => {\n              this.menuAnchorEl = el ? (el as unknown as HTMLElement) : undefined;\n            }}\n            icon={getIconFromName('settings')}\n            variant={'outlined'}\n            size=\"small\"\n            color=\"inherit\"\n          />\n\n          <udp-menu\n            open={this.isMenuOpen}\n            anchor={this.menuAnchorEl as unknown as HTMLElement}\n            handleClose={() => (this.isMenuOpen = false)}\n          >\n            <udp-menu-item label=\"Expand Groups\" onItemClick={this.expandAll} />\n\n            <udp-menu-item label=\"Collapse Groups\" onItemClick={this.collapseAll} />\n          </udp-menu>\n          {this.clickBackward && (\n            <div class=\"date-navigation\">\n              {this.clickBackward && (\n                <udp-icon-button\n                  tooltip=\"Previous period\"\n                  icon={ChevronLeft24}\n                  onClick={this.clickBackward}\n                  size=\"small\"\n                  color=\"inherit\"\n                  disabled={this.disableHeaderActions}\n                ></udp-icon-button>\n              )}\n              {this.clickToday && (\n                <udp-button\n                  onClick={this.clickToday}\n                  size=\"small\"\n                  color=\"inherit\"\n                  disabled={this.disableHeaderActions}\n                >\n                  Today\n                </udp-button>\n              )}\n              {this.clickForward && (\n                <udp-icon-button\n                  tooltip=\"Next period\"\n                  icon={ChevronRight24}\n                  onClick={this.clickForward}\n                  size=\"small\"\n                  color=\"inherit\"\n                  disabled={this.disableHeaderActions}\n                ></udp-icon-button>\n              )}\n            </div>\n          )}\n\n          {this.secondaryAction?.onClick && (\n            <udp-button\n              disabled={this.secondaryAction?.disabled || this.disableHeaderActions}\n              variant=\"outlined\"\n              color=\"secondary\"\n              onButtonClick={this.secondaryAction.onClick}\n              startIcon={<udp-icon iconName={this.secondaryAction?.iconName} color={'inherit'} />}\n              size=\"medium\"\n            >\n              {this.secondaryAction?.label}\n            </udp-button>\n          )}\n          {this.primaryAction?.onClick && (\n            <udp-button\n              disabled={this.primaryAction?.disabled || this.disableHeaderActions}\n              startIcon={<udp-icon iconName={this.primaryAction?.iconName} color={'inherit'} />}\n              variant=\"contained\"\n              onButtonClick={this.primaryAction.onClick}\n              color=\"secondary\"\n            >\n              {this.primaryAction?.label}\n            </udp-button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/inputs/checkbox/check-box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/check-box.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * A standardized checkbox component with proper controlled/uncontrolled patterns and validation.\n * Supports both boolean and string value handling for flexible form integration.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * **Value Handling:**\n * - Internal state always uses boolean values for checked/unchecked\n * - Events emit string values ('true'/'false') for form compatibility\n * - Supports string inputs ('true', '1', 'on') for initialValue\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial state\n * <check-box\n *   label=\"Accept Terms\"\n *   initialValue=\"true\"\n *   onChange={(e) => console.log('Checked:', e.detail === 'true')}\n * />\n *\n * // Controlled component\n * <check-box\n *   label=\"Newsletter Subscription\"\n *   checked={isSubscribed}\n *   onChange={(e) => setIsSubscribed(e.detail === 'true')}\n * />\n *\n * // With validation and requirement\n * <check-box\n *   label=\"I agree to the terms and conditions\"\n *   checked={agreedToTerms}\n *   required={true}\n *   error={termsError}\n *   onChange={handleTermsChange}\n * />\n * ```\n */\n@Component({\n  tag: 'check-box',\n  styleUrl: 'check-box.css',\n  shadow: true,\n})\nexport class Checkbox {\n  /**\n   * Initial value for the checkbox. Used for uncontrolled components to set the default state.\n   * Accepts string values: 'true', '1', 'on' for checked, anything else for unchecked.\n   * Only used when `checked` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current checked state of the checkbox. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) checked: boolean = false;\n\n  /**\n   * Label text displayed next to the checkbox. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Unique identifier for the checkbox element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the checkbox element. Used for form submission and label association.\n   */\n  @Prop() name: string;\n\n  /**\n   * Whether the checkbox is disabled. Users cannot interact with the checkbox when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Error message to display below the checkbox. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the checkbox is required for form submission. Adds validation behavior.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Internal checked state. Manages the current checkbox state independently of props.\n   * @internal\n   */\n  @State() internalChecked: boolean = false;\n\n  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the checkbox state changes (on click, etc.).\n   * Provides the final committed value when user toggles the checkbox.\n   *\n   * @event change\n   * @param {string} value - The current state as string ('true' or 'false')\n   *\n   * @example\n   * ```tsx\n   * <check-box onChange={(e) => handleCheckboxChange(e.detail === 'true')} />\n   * ```\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Updates the error message when the error prop changes.\n   * @internal\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Updates the internal checked state when initialValue prop changes.\n   * Only updates if current state is default or if this is an uncontrolled component.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    // Only update if we don't have a checked state yet or if this is uncontrolled (no checked prop)\n    if (!this.internalChecked || this.checked === undefined) {\n      if (newValue !== undefined) {\n        this.internalChecked = newValue === 'true' || newValue === '1' || newValue === 'on';\n      }\n    }\n  }\n\n  /**\n   * Updates the internal checked state when checked prop changes.\n   * For controlled components, the checked prop takes precedence.\n   * @internal\n   */\n  @Watch('checked')\n  checkedChanged() {\n    // If checked prop is provided, this is a controlled component\n    if (this.checked !== undefined && this.checked !== this.internalChecked) {\n      this.internalChecked = this.checked;\n    }\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and internal checked state.\n   * @internal\n   */\n  componentWillLoad() {\n    // Initialize checked state: use checked prop if provided (controlled), otherwise use initialValue (uncontrolled)\n    if (this.checked !== undefined) {\n      this.internalChecked = this.checked;\n    } else if (this.initialValue !== undefined) {\n      this.internalChecked = this.initialValue === 'true' || this.initialValue === '1' || this.initialValue === 'on';\n    } else {\n      this.internalChecked = false;\n    }\n\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n  }\n\n  /**\n   * Handles checkbox change events. Updates internal state and emits events.\n   * For controlled components, also updates the checked prop.\n   * @param event - The native change event\n   * @internal\n   */\n  private handleChange = (event: Event) => {\n    const isChecked = (event.target as HTMLInputElement).checked;\n    this.internalChecked = isChecked;\n\n    // If this is a controlled component (checked prop provided), update the checked prop\n    if (this.checked !== undefined) {\n      this.checked = isChecked;\n    }\n\n    // Emit events with string values for form compatibility\n    const stringValue = isChecked ? 'true' : 'false';\n    this.change.emit(stringValue);\n  }\n\n  /**\n   * Renders the checkbox component with label and error message.\n   * @returns JSX element\n   * @internal\n   */\n  render() {\n    const isError = !!this.errorMessage;\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--required': this.required,\n          'udp-input--checked': this.internalChecked\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"checkbox-container\">\n          <input\n            type=\"checkbox\"\n            checked={this.internalChecked}\n            onChange={this.handleChange}\n            id={this.id}\n            name={this.name}\n            disabled={this.disabled}\n            required={this.required}\n          />\n          {this.label && <label htmlFor={this.id}>{this.label}</label>}\n          {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/inputs/date-range-selector/udp-date-range-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-date-range-selector.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-range-selector/udp-date-range-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAC9E,OAAO,OAAO,CAAC;AAOf,MAAM,OAAO,oBAAoB;IALjC;QAME;;WAEG;QACsB,UAAK,GAAW,OAAO,CAAA;QAiBhD;;WAEG;QACsB,gBAAW,GAA8B,YAAY,CAAC;QAE/E;;WAEG;QACsB,YAAO,GAAiC,OAAO,CAAC;QAEzE;;WAEG;QACK,oBAAe,GAAW,CAAC,CAAC;QAkBpC,iBAAY,GAAG,CAAC,CAAC,EAAE;YACjB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAA;KAoCF;IAlCC,MAAM;QAEJ,MAAM,WAAW,GACf,IAAI,CAAC,OAAO,KAAK,OAAO;YACtB,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,QAAQ;gBAC3B,CAAC,CAAC,eAAe;gBACjB,CAAC,CAAC,gBAAgB,CAAC;QAEvB,OAAO,CACH,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7C,EAAC,WAAW,qDACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,cAAc,EAAE,CAAC,EACjB,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,eAAe,EAAE,IAAI,EACrB,MAAM,EAAC,QAAQ,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,YAAY;gBAE3B,iEAAU,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,GAAY;gBAChF,iEAAU,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,GAAY;gBAC7E,4DAAK,KAAK,EAAC,MAAM,IACd,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9D,sBAAgB,MAAM,EAAE,KAAK,GAAmB,CACjD,CAAC,CACE,CACM,CACT,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport 'cally';\n\n@Component({\n  tag: 'udp-date-range-selector',\n  styleUrl: 'udp-date-range-selector.css',\n  shadow: true,\n})\nexport class UdpDateRangeSelector {\n  /**\n   * Width of each month\n   */\n  @Prop({ reflect: true }) width: string = '260px'\n\n  /**\n   * Min Selectable date\n   */\n  @Prop() minDate: string;\n\n  /**\n   * Max Selectable date\n   */\n  @Prop() maxDate: string;\n\n  /**\n   * Value The value property is expected in ISO-8601 range format (YYYY-MM-DD/YYYY-MM-DD). All other dates are expected in ISO-8601 format (YYYY-MM-DD)\n   */\n  @Prop() value: string;\n\n  /**\n   * Vertical or horizontal stacking of months\n   */\n  @Prop({ reflect: true }) orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * 'multi' | 'range' | 'single' select types\n   */\n  @Prop({ reflect: true }) variant: 'multi' | 'range' | 'single' = 'range';\n\n  /**\n   * 'multi' | 'range' | 'single' select types\n   */\n  @Prop() monthsToDisplay: number = 2;\n\n   /**\n   * function to disable certain days\n   */\n  @Prop() isDateDisallowed: (date: Date) => boolean;\n\n  /**\n   * function to style specific days\n   */\n  @Prop() getDayParts: (date: Date) => string;\n\n\n  /**\n   * change event with new value\n   */\n  @Event() change: EventEmitter<string>\n\n  handleChange = e => {\n    this.change.emit(e.target.value);\n  }\n\n  render() {\n\n    const CalendarTag =\n      this.variant === 'multi'\n        ? 'calendar-multi'\n        : this.variant === 'single'\n        ? 'calendar-date'\n        : 'calendar-range';\n\n    return (\n        <Host style={{ '--calendar-width': this.width }}>\n          <CalendarTag\n            value={this.value}\n            min={this.minDate}\n            max={this.maxDate}\n            firstDayOfWeek={0}\n            months={this.monthsToDisplay}\n            showOutsideDays={true}\n            pageBy=\"single\"\n            isDateDisallowed={this.isDateDisallowed}\n            getDayParts={this.getDayParts}\n            onChange={this.handleChange}\n          >\n            <udp-icon slot=\"previous\" iconName={'chevronLeft16'} color=\"inherit\"></udp-icon>\n            <udp-icon slot=\"next\" iconName={'chevronRight16'} color=\"inherit\"></udp-icon>\n            <div class=\"grid\">\n              {Array.from({ length: this.monthsToDisplay }).map((_, index) => (\n                <calendar-month offset={index}></calendar-month>\n              ))}\n            </div>\n          </CalendarTag>\n        </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/inputs/date-selector/udp-date-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-date-selector.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-selector/udp-date-selector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, State, Event, EventEmitter, Prop, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized date input component with validation, min/max constraints, and precise date selection.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * **Date Handling:**\n * - Uses HTML5 `date` input for consistent browser behavior and native date picker\n * - Supports YYYY-MM-DD format as per HTML5 specification\n * - Provides min/max date constraints for validation\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-date-selector\n *   label=\"Event Date\"\n *   initialValue=\"2024-01-15\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-date-selector\n *   label=\"Appointment Date\"\n *   value={appointmentDate}\n *   onChange={(e) => setAppointmentDate(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-date-selector\n *   label=\"Booking Date\"\n *   value={bookingDate}\n *   min=\"2024-01-01\"\n *   max=\"2024-12-31\"\n *   required={true}\n *   error={dateError}\n *   onChange={handleDateChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-date-selector',\n  styleUrl: 'udp-date-selector.css',\n  shadow: true,\n})\nexport class UdpDateSelector {\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the input element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the input field. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Minimum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-01-01\").\n   * Enforces lower bounds validation for date selection.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-12-31\").\n   * Enforces upper bounds validation for date selection.\n   */\n  @Prop() max: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Error message to display below the input field. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Initial value for the date selector. Used for uncontrolled components to set the default value.\n   * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the date selector. When provided, makes this a controlled component.\n   * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field when disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the input is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Whether the input should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the input.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  @State() internalValue: string = ''; // Internal state for value management\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the date value changes through user interaction or programmatic update.\n   * Contains the new date value in YYYY-MM-DD format.\n   */\n  @Event() change: EventEmitter<string>;\n\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the internal value from either the value prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize from controlled value or initial value\n    this.internalValue = this.value || this.initialValue || '';\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the error prop. Updates the internal error message when the error prop changes.\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the initialValue prop. Updates the internal value when initialValue changes\n   * (useful for form resets, dynamic initial values, etc.).\n   * @param newValue - The new initial value\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Watcher for the value prop. Updates the internal value when the value prop changes\n   * (controlled component behavior).\n   * @param newValue - The new controlled value\n   */\n  @Watch('value')\n  valueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Handles the blur event on the date input. Standard focus events bubble naturally.\n   */\n  handleBlur() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles the focus event on the date input. Standard focus events bubble naturally.\n   */\n  handleFocus() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles changes to the date input value. Updates internal state and emits standard events.\n   * @param event - The input event from the date input\n   */\n  handleDateChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    // Update internal value\n    this.internalValue = newValue;\n\n    // Update controlled value if this is a controlled component\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Emit standard events for integration with form libraries and custom handlers\n    this.change.emit(newValue);\n  }\n\n  formatDateForHtml(dateString: string) {\n    // convert to date\n    // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add\n    const date = new Date(dateString);\n    if (isNaN(date?.getTime())) return null;\n    date?.setTime(date?.getTime() - date?.getTimezoneOffset() * 60 * 1000);\n\n    const isoString = date?.toISOString();\n    if (!isoString) return null;\n\n    return isoString?.split?.('T')[0];\n  }\n\n  render() {\n    const isError: boolean = !!this.errorMessage;\n    const classNames = ['bx--text-input'];\n    if (isError) {\n      classNames.push('bx--text-input--error');\n    }\n    if (this.disabled) {\n      classNames.push('date-selector--disabled');\n    }\n    if (this.fullWidth) {\n      classNames.push('bx--text-input--full-width');\n    }\n    const inputClass = classNames.join(' ');\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--full-width': this.fullWidth,\n          'udp-input--required': this.required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={this.id} class=\"bx--label\">\n              {this.label}\n              {this.required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <input\n            type=\"date\"\n            id={this.id}\n            name={this.name}\n            class={inputClass}\n            value={this.internalValue}\n            min={this.min ? this.formatDateForHtml(this.min) : null}\n            max={this.max ? this.formatDateForHtml(this.max) : null}\n            onInput={this.handleDateChange}\n            onChange={this.handleDateChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            //@ts-ignore\n            udprecordid={'udpRecord-udp-date-selector-' + this.id}\n          />\n          <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n            {this.errorMessage}\n          </unity-typography>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/inputs/date-time-selector/udp-datetime-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-datetime-selector.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-time-selector/udp-datetime-selector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, State, EventEmitter, Prop, Event, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized date-time input component with validation, min/max constraints, and timezone handling.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * **Date Handling:**\n * - Uses HTML5 `datetime-local` input for consistent browser behavior\n * - Handles timezone compensation for accurate date storage\n * - Supports ISO date strings and JavaScript Date constructor formats\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-datetime-selector\n *   label=\"Meeting Time\"\n *   initialValue=\"2024-12-25T14:30\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-datetime-selector\n *   label=\"Appointment\"\n *   value={appointmentTime}\n *   onChange={(e) => setAppointmentTime(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-datetime-selector\n *   label=\"Event Date\"\n *   value={eventDate}\n *   min=\"2024-01-01T00:00\"\n *   max=\"2024-12-31T23:59\"\n *   required={true}\n *   error={dateError}\n *   onChange={handleDateChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-datetime-selector',\n  styleUrl: 'udp-datetime-selector.css',\n  shadow: true,\n})\nexport class UdpDateTimeSelector {\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the input element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the input field. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Minimum date-time value allowed. Supports any date format supported by the JavaScript Date constructor.\n   * Recommended format: ISO 8601 (YYYY-MM-DDTHH:mm) for consistency.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum date-time value allowed. Supports any date format supported by the JavaScript Date constructor.\n   * Recommended format: ISO 8601 (YYYY-MM-DDTHH:mm) for consistency.\n   */\n  @Prop() max: string;\n\n  /**\n   * Error message to display below the input field. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Initial value for the date-time selector. Used for uncontrolled components to set the default value.\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the date-time selector. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field when disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the input is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Whether the input should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the input.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * Internal value state. Manages the current date-time value independently of props.\n   * @internal\n   */\n  @State() internalValue: string = '';\n\n  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the date-time value changes (on blur, enter, etc.).\n   * Provides the final committed value when user finishes editing.\n   *\n   * @event change\n   * @param {string} value - The current value of the date-time selector in ISO format\n   *\n   * @example\n   * ```tsx\n   * <udp-datetime-selector onChange={(e) => handleDateChange(e.detail)} />\n   * ```\n   */\n  @Event() change: EventEmitter<string>;\n\n\n\n  /**\n   * Updates the error message when the error prop changes.\n   * @internal\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Updates the internal value when initialValue prop changes.\n   * Only updates if current value is empty or if this is an uncontrolled component.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    // Only update if we don't have a value yet or if this is uncontrolled (no value prop)\n    if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n      if (newValue !== undefined) {\n        this.internalValue = newValue;\n      }\n    }\n  }\n\n  /**\n   * Updates the internal value when value prop changes.\n   * For controlled components, the value prop takes precedence.\n   * @internal\n   */\n  @Watch('value')\n  valueChanged() {\n    // If value prop is provided, this is a controlled component\n    if (this.value !== undefined && this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and internal value.\n   * @internal\n   */\n  componentWillLoad() {\n    // Initialize value: use value prop if provided (controlled), otherwise use initialValue (uncontrolled)\n    this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');\n\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n  }\n\n  /**\n   * Handles input events (date-time changes). Updates internal state and emits events.\n   * For controlled components, also updates the value prop.\n   * @param event - The native input event\n   * @internal\n   */\n  private handleDateChange = (event: Event) => {\n    const newValue = (event.target as HTMLInputElement).value;\n    this.internalValue = newValue; // Update internal state\n\n    // If this is a controlled component (value prop provided), update the value prop\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Emit events for real-time and committed updates\n    this.change.emit(newValue);\n  }\n\n  /**\n   * Handles blur events. Event bubbles up to stencil-field automatically.\n   * @param event - The focus event\n   * @internal\n   */\n  private handleBlur = () => {\n    // Event will bubble up to stencil-field automatically\n  }\n\n  /**\n   * Handles focus events. Event bubbles up to stencil-field automatically.\n   * @param event - The focus event\n   * @internal\n   */\n  private handleFocus = () => {\n    // Event will bubble up to stencil-field automatically\n  }\n\n  /**\n   * Formats a date string for HTML datetime-local input.\n   * Handles timezone compensation to prevent JavaScript's automatic timezone adjustment.\n   * @param dateString - Date string to format\n   * @returns Formatted date string (YYYY-MM-DDTHH:mm) or null if invalid\n   * @internal\n   */\n  formatDateForHtml(dateString: string) {\n    // convert to date\n    const date = new Date(dateString);\n\n    if (isNaN(new Date(date)?.getTime())) return null;\n\n    // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add\n\n    date?.setTime(date?.getTime() - date?.getTimezoneOffset() * 60 * 1000);\n\n    const isoString = date?.toISOString();\n    if (!isoString) return null;\n    // html wants the format YYYY-MM-DDThh:mm, ISO strings have YYYY-MM-DDTHH:MM:SS.mmmZ, so split it on ':' and take the first 2 sections\n    const splitISO = isoString.split(':');\n\n    return `${splitISO[0]}:${splitISO[1]}`;\n  }\n\n  /**\n   * Renders the date-time selector component.\n   * @returns JSX element\n   * @internal\n   */\n  render() {\n    const isError: boolean = !!this.errorMessage;\n    const classNames = ['bx--text-input'];\n    if (isError) {\n      classNames.push('bx--text-input--error');\n    }\n    if (this.disabled) {\n      classNames.push('datetime-selector--disabled');\n    }\n    if (this.fullWidth) {\n      classNames.push('bx--text-input--full-width');\n    }\n    const inputClass = classNames.join(' ');\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--full-width': this.fullWidth,\n          'udp-input--required': this.required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={this.id} class=\"bx--label\">\n              {this.label}\n              {this.required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <input\n            type=\"datetime-local\"\n            id={this.id}\n            name={this.name}\n            class={inputClass}\n            value={this.internalValue}\n            min={this.min ? this.formatDateForHtml(this.min) : null}\n            max={this.max ? this.formatDateForHtml(this.max) : null}\n            onInput={this.handleDateChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            //@ts-ignore\n            udprecordid={'udpRecord-udp-datetime-selector-' + this.id}\n          />\n          <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n            {this.errorMessage}\n          </unity-typography>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}