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

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

@@ -98,13 +98,13 @@ const ChipSection = class {
     }
     render() {
         console.log("Rendering ChipSection", this.visibleFilterChips);
-        return (h("div", { key: '9a1b452a244c22fdb6566acb2972f42bdddb5621', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '0c03e15b9ce04d0da54ee83a9e56dbcab0553580', class: "chipHolder" }, h("div", { key: '9a55382935f37510948d8d978b1171509f05cba2', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: '13b4e97701d984df535637f10302a96bfca4ee6f', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: 'f0c6749140c629a2c864a0341818c8ca632df701', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
+        return (h("div", { key: '6994a612445bdd9a7f5460d0fd378e769302cfff', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '3057c393e97488039efa740a0927f9ce88928245', class: "chipHolder" }, h("div", { key: 'c5451dcd088350f3a1af702d26bbc671b7d6e1b5', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: '56ea2b6731327b2c3c0ae9d2a9c0555eff34852a', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: '3300dd8cb28f1776cee6c288dd4f68a2d5cb2efd', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
             if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
                 console.log('returning null...');
                 return null;
             }
             return (h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
-        })), h("div", { key: '26e8ed21c6d420b82efd005c8ebbcff532674dae', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '79450b2d263970db47b70a7d4ec0a28c3522d2a1', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
+        })), h("div", { key: 'df752a43b704d1e2ca50be4990a94c3c0ae7cd1b', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: 'd860a6cc904070797267c4b78f23f7b04945b07d', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/client-side-grid.resource-timeline-primary-bar.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"client-side-grid.resource-timeline-primary-bar.entry.js","sources":["src/components/my-component/UI/grid/new-grid/client-side-grid.tsx","src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.css?tag=resource-timeline-primary-bar&encapsulation=shadow","src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.tsx"],"sourcesContent":["import { Component, h, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { GridOptions, GridApi, ColDef } from 'ag-grid-community-v33';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { GridFunctionConfig } from './interfaces/gridFunction';\n\n@Component({\n  tag: 'client-side-grid',\n  shadow: false,\n})\nexport class ClientSideGrid {\n  @Prop() rowData: Array<object> = [];\n  @Prop() columnDefs: Array<ColDef>;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridOptions: GridOptions = {};\n  @Prop() gridHeaderConfig: HeaderConfig;\n  @Prop() gridId: string;\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private clientSideConfig!: GridOptions;\n  private gridApi!: GridApi;\n\n  @Watch('rowData')\n  updateRowData() {\n    if (this.gridApi) {\n      this.gridApi.setGridOption('rowData', this.rowData);\n    }\n  }\n\n  private handleGridReady(event: CustomEvent<GridApi>) {\n    this.gridApi = event.detail;\n    if(this.rowData){\n      this.gridApi.setGridOption('rowData', this.rowData);\n    }\n  }\n\n  componentWillLoad() {\n    this.clientSideConfig = {\n      ...this.gridOptions,\n      rowModelType: 'clientSide',\n    };\n  }\n\n  render() {\n    return (\n      <ag-grid-base\n        columnDefs={this.columnDefs}\n        gridOptions={this.clientSideConfig}\n        headerConfig={this.gridHeaderConfig}\n        onGridReady={e => this.handleGridReady(e)}\n        gridFunctions={this.gridFunctions}\n        gridId={this.gridId}\n        gridApiCallback={this.gridApiCallback}\n      />\n    );\n  }\n}\n","/* grid-primary-bar.css */\n.header-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  background: #d8dfe6;\n  color: black;\n}\n\n.title-section {\n  flex: 1;\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.title {\n  font-weight: 900;\n}\n\n.subtitle {\n  display: flex;\n  flex-direction: row;\n}\n\n.subtitle-status {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  margin-left: 4px;\n}\n\n.lock-icon {\n  margin-top: -6px;\n  margin-left: -4px;\n}\n\n.status-icon {\n  height: 16px;\n  margin-left: var(--spacing-03);\n}\n\n.date-navigation {\n  display: flex;\n  align-items: center;\n  border-radius: 25px;\n  border-color: black;\n  border-style: solid;\n  border-width: 1px;\n}\n\n.button-section {\n  display: flex;\n  align-items: center;\n  padding-right: var(--spacing-05);\n  padding-top: var(--spacing-03);\n  padding-bottom: var(--spacing-03);\n  gap: var(--spacing-03);\n}\n\n.settings-button {\n  transition: transform 0.2s ease-in-out;\n}\n\n/* When the button has the .is-open class, rotate it */\n.settings-button.is-open {\n  transform: rotate(45deg);\n}\n\n","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"],"names":["ChevronLeft24"],"mappings":"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"}
+{"version":3,"file":"client-side-grid.resource-timeline-primary-bar.entry.js","sources":["src/components/my-component/UI/grid/new-grid/client-side-grid.tsx","src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.css?tag=resource-timeline-primary-bar&encapsulation=shadow","src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.tsx"],"sourcesContent":["import { Component, h, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { GridOptions, GridApi, ColDef } from 'ag-grid-community-v33';\nimport { HeaderConfig, GridApiMethods } from './interfaces/grid';\nimport { GridFunctionConfig } from './interfaces/gridFunction';\n\n@Component({\n  tag: 'client-side-grid',\n  shadow: false,\n})\nexport class ClientSideGrid {\n  @Prop() rowData: Array<object> = [];\n  @Prop() columnDefs: Array<ColDef>;\n  @Prop() gridFunctions: GridFunctionConfig[] = [];\n  @Prop() gridOptions: GridOptions = {};\n  @Prop() gridHeaderConfig: HeaderConfig;\n  @Prop() gridId: string;\n  @Prop() gridApiCallback?: (api: GridApiMethods) => void;\n\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private clientSideConfig!: GridOptions;\n  private gridApi!: GridApi;\n\n  @Watch('rowData')\n  updateRowData() {\n    if (this.gridApi) {\n      this.gridApi.setGridOption('rowData', this.rowData);\n    }\n  }\n\n  private handleGridReady(event: CustomEvent<GridApi>) {\n    this.gridApi = event.detail;\n    if(this.rowData){\n      this.gridApi.setGridOption('rowData', this.rowData);\n    }\n  }\n\n  componentWillLoad() {\n    this.clientSideConfig = {\n      ...this.gridOptions,\n      rowModelType: 'clientSide',\n    };\n  }\n\n  render() {\n    return (\n      <ag-grid-base\n        columnDefs={this.columnDefs}\n        gridOptions={this.clientSideConfig}\n        headerConfig={this.gridHeaderConfig}\n        onGridReady={e => this.handleGridReady(e)}\n        gridFunctions={this.gridFunctions}\n        gridId={this.gridId}\n        gridApiCallback={this.gridApiCallback}\n      />\n    );\n  }\n}\n","/* grid-primary-bar.css */\n.header-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  background: #d8dfe6;\n  color: black;\n}\n\n.title-section {\n  flex: 1;\n  margin-left: 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.title {\n  font-weight: 900;\n}\n\n.subtitle {\n  display: flex;\n  flex-direction: row;\n}\n\n.subtitle-status {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  margin-left: 4px;\n}\n\n.lock-icon {\n  margin-top: -6px;\n  margin-left: -4px;\n}\n\n.status-icon {\n  height: 16px;\n  margin-left: var(--spacing-03);\n}\n\n.date-navigation {\n  display: flex;\n  align-items: center;\n  border-radius: 25px;\n  border-color: black;\n  border-style: solid;\n  border-width: 1px;\n}\n\n.button-section {\n  display: flex;\n  align-items: center;\n  padding-right: var(--spacing-05);\n  padding-top: var(--spacing-03);\n  padding-bottom: var(--spacing-03);\n  gap: var(--spacing-03);\n}\n\n.settings-button {\n  transition: transform 0.2s ease-in-out;\n}\n\n/* When the button has the .is-open class, rotate it */\n.settings-button.is-open {\n  transform: rotate(45deg);\n}\n\n","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"],"names":["ChevronLeft24"],"mappings":"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"}

package/dist/esm/client-side-grid_2.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h } from './index-n-1ZSeAs.js';
 import ChevronLeft16 from '@carbon/icons/es/chevron--left/16';
 import ChevronRight24 from '@carbon/icons/es/chevron--right/16';
-import { g as getIconFromName } from './iconUtils-KSv32PVD.js';
+import { g as getIconFromName } from './iconUtils-BsS5FaLc.js';
+import './iconMapping-C_IYrnjG.js';
 import '@carbon/icons/es/add/16';
 import '@carbon/icons/es/add/32';
 import '@carbon/icons/es/add--alt/16';
@@ -108,7 +109,7 @@ const ClientSideGrid = class {
         this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: '698ddb81a86b3fa53050202f8ee4b42fc5840329', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '321439e94c708934f0ad39e17e1f4b0006eafad1', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "rowData": ["updateRowData"]
@@ -128,12 +129,12 @@ const ResourceTimelinePrimaryBar = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h("div", { key: '2a66de4fa2a5788af431094dad4ed1d738707235', class: "header-bar" }, h("div", { key: 'c26898574eb9bd8d9410aef63a369a3cde6afa80', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'd178f920fb58eb6e6850e91790657d619a9cdd11', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'e8f598c0ca91d62e7326a227479e52c50fc123b1', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: '74bfd5f3ecf4966896f443bc702068f913235526', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '98b2d80ceacca1130ae6b99f326613b582144ca9', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '5524d1bd00864118ee4d45ebb05226f301e8cb4f', class: "button-section" }, h("udp-icon-button", { key: 'e2d0c6cd6bc38f61d86ee122a32cdf171b92d3c1', class: {
+        return (h("div", { key: '98e48c02f009b5c1eb67e1878e52d85d9b0a82af', class: "header-bar" }, h("div", { key: '832ea9920afa2121193ba6ee3e03bc9fdf7f8de3', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'dbcbb63ce53abc22b1780f70e40a62170c069716', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '5ccc6471c3831fd26746b43783008d96c3bb3bbc', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: 'f8bf50ad772d9bf9a256f4268768920960e48882', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '9e327c7c0cf3bd62dd851f91a7fa6521dd8616c3', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '6a74d6c9989a872e2fcd001ad0e15b5b8a992dbb', class: "button-section" }, h("udp-icon-button", { key: 'd4f83bdd49484e3ff7a73ab09ac8c88515229aac', class: {
                 'settings-button': true,
                 'is-open': this.isMenuOpen,
             }, onClick: this.toggleSettingsMenu, ref: (el) => {
                 this.menuAnchorEl = el ? el : undefined;
-            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '7a04742387e28f0a78d6539ff0b03c4985137229', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: '3acb2cc1a9421d1e582e2ee3ff9d2c8c5374a4f7', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: 'f1fbb4cfa270ced88a9f1c3b09fb892b5743b1c2', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '8393e52e0494161fe016eb4bfc4f50f75745f703', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '43d6d92184f28d5ae16658970eb0668526e3b809', tooltip: "Previous period", icon: ChevronLeft16, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '86e85c4af0d74d1d1573195be66187697313c8e8', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '9b009045cf9be2d7b8bc11e674fdc9134baae28b', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '9320445c97b12fa6403d33765a76ad4e54baa567', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: '47862c1898db0b9c979eaaa6dbb2a0a4c750bbe2', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
+            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '4a94a9a970e1a479573450bb5957c52e49cf3acc', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: '6cf3404adb7efbbbdca1f6a5b26528afae3a772c', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: '942d1bc57081727f204b1bf04438eea2c9d4363a', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: 'b4bb8114a0ebc4778605b10d3aaf6ede34caeb76', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: 'cdc8969212de03b8aced430f59c7384c6f9e6bae', tooltip: "Previous period", icon: ChevronLeft16, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '428c853c2541dc79b92690d382ba88ee22782b62', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '5a2eaf8e12fb9f5da08be86e41b9200dd1078b52', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '991a10506f2493c0ed8f24737b90d10dc8a433f9', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: 'd6a4036fc3e2437ccc626325eb6605b4014762cb', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
     }
 };
 ResourceTimelinePrimaryBar.style = resourceTimelinePrimaryBarCss;

package/dist/esm/color-preview.entry.js

@@ -16,7 +16,7 @@ const ColorPreview = class {
         return (h("div", { class: "color-section" }, h("unity-typography", { variant: "h4" }, title), h("div", { class: "color-grid" }, this.renderColorBox(`--${prefix}-color-main`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-dark`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-light`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-hint`, `--${prefix}-contrast-text`))));
     }
     render() {
-        return (h("div", { key: 'de905a4b5da8d7e06bafc3e1da7ed57548c29beb', class: "container" }, h("unity-typography", { key: '635febd73647ff8ccfd2655750cca80a6a038ee6', variant: "h2" }, "Unity Theme"), h("div", { key: 'cd50d5641d3af9b9430c490b565b1a6de9cd4d71', class: "theme-section" }, h("div", { key: '74ca31a3e63f5342dadc50f3be4f0f4682b6c2aa', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '4df9f7aff314abaef0cee198c400fd8527780566', variant: "h2" }, "SAP Theme"), h("div", { key: '7e3185d9f54d46618711fa522a28f44e936e835d', class: "theme-section" }, h("div", { key: 'e9fcc854930e8645bd725d34e1f354bbaf4dc78f', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: 'd3573c966fe9ddd40f9af2f1ed6a3d6c61abf962', variant: "h2" }, "Status Colors"), h("div", { key: '5330d30d62ebbd57886015e8b27f542d76a402fe', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
+        return (h("div", { key: '6a678eb175b5f31c3603c23ee294deff7dd66492', class: "container" }, h("unity-typography", { key: '2e34f2801cfe69c50cff503eab7f335dc5c68886', variant: "h2" }, "Unity Theme"), h("div", { key: '98f757ab143ca37e9d96d91e2e48ed33be1083ea', class: "theme-section" }, h("div", { key: 'a5e7b1897b9d5cfaa1f657f66a5dcfe9d4fb15ce', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '0f7ffa67cbd3b3dd8f65a911b6171350eb27814f', variant: "h2" }, "SAP Theme"), h("div", { key: 'b422596e917f262e33de5287f363d6da27d1f139', class: "theme-section" }, h("div", { key: 'd069b216f36761dca61571c98279e019a2b2ddc8', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: 'd50a94470ca12c3c00cbd3828f1d016d10fc0244', variant: "h2" }, "Status Colors"), h("div", { key: '2977eeeeed409dd59656fbac811b988f87235d9f', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
     }
 };
 ColorPreview.style = colorPreviewCss;

package/dist/esm/conversionFunctions-CNWYTvRs.js

@@ -0,0 +1,132 @@
+const toLowerFirstChar = (field) => {
+    return field.charAt(0).toLowerCase() + field.slice(1);
+};
+const toTitleCase = (str) => {
+    const result = str.replace(/([A-Z][a-z]+)/g, ' $1').replace(/([A-Z]+)\b/g, ' $1').trim();
+    return result.charAt(0).toUpperCase() + result.slice(1);
+};
+
+const defaultGridColumn = {
+    headerName: '',
+    field: '',
+    minWidth: 100,
+    autoHeight: true,
+    sortable: false,
+    headerComponentParams: { id: 'myCustomId1' },
+    headerComponent: 'CustomHeaderComponent',
+};
+const UdpGridColumnDefs = (entityAttributes) => {
+    const childEntityAttributes = entityAttributes === null || entityAttributes === void 0 ? void 0 : entityAttributes.reduce((defs, element) => {
+        var _a;
+        if ((_a = element === null || element === void 0 ? void 0 : element.extendedProperties) === null || _a === void 0 ? void 0 : _a.childEntity) {
+            defs.push(element);
+        }
+        return defs;
+    }, []);
+    let columnDefs = (entityAttributes === null || entityAttributes === void 0 ? void 0 : entityAttributes.reduce((defs, element) => {
+        var _a, _b, _c;
+        // if (element?.extendedProperties?.defaultVisible) {
+        if (!((_a = element === null || element === void 0 ? void 0 : element.extendedProperties) === null || _a === void 0 ? void 0 : _a.childEntity)) {
+            // update column header if attribute has a child entity
+            const childEntity = childEntityAttributes.find(ea => {
+                var _a, _b, _c, _d;
+                return Object.keys(((_a = ea === null || ea === void 0 ? void 0 : ea.extendedProperties) === null || _a === void 0 ? void 0 : _a.childEntityAssoc) || {}).length &&
+                    !((_c = (_b = ea === null || ea === void 0 ? void 0 : ea.extendedProperties) === null || _b === void 0 ? void 0 : _b.childEntityAssoc) === null || _c === void 0 ? void 0 : _c.UdpType) &&
+                    (ea === null || ea === void 0 ? void 0 : ea.name) === (element === null || element === void 0 ? void 0 : element.name) &&
+                    ((_d = ea === null || ea === void 0 ? void 0 : ea.extendedProperties) === null || _d === void 0 ? void 0 : _d.childEntityAssoc.Keys.find(k => toLowerFirstChar(k).includes(element === null || element === void 0 ? void 0 : element.name)));
+            });
+            const columnHeaderName = (element === null || element === void 0 ? void 0 : element.alias) ? element === null || element === void 0 ? void 0 : element.alias : toTitleCase(childEntity ? childEntity === null || childEntity === void 0 ? void 0 : childEntity.reference : element === null || element === void 0 ? void 0 : element.name);
+            const treatAsDate = element === null || element === void 0 ? void 0 : element.treatAsDate;
+            let def = Object.assign(Object.assign({}, defaultGridColumn), { headerName: columnHeaderName, field: (element === null || element === void 0 ? void 0 : element.name.charAt(0).toLowerCase()) + (element === null || element === void 0 ? void 0 : element.name.slice(1)),
+                //field: element?.name,
+                // checkboxSelection: !defs.length && true,
+                // headerCheckboxSelection: !defs.length && true,
+                // Remove adding checkbox to the first column. This is now added as a single column in the grid, pinned to the left that the user cannot hide.
+                checkboxSelection: false, headerCheckboxSelection: false, cellRendererParams: {
+                    // Remove adding checkbox to the first column. This is now added as a single column in the grid, pinned to the left that the user cannot hide.
+                    checkbox: false,
+                }, treatAsDate: treatAsDate });
+            if ((_b = element === null || element === void 0 ? void 0 : element.extendedProperties) === null || _b === void 0 ? void 0 : _b.searchable) {
+                let filterType = 'agTextColumnFilter';
+                let filterOptions = ['equals'];
+                switch (element === null || element === void 0 ? void 0 : element.type) {
+                    case 'string':
+                        filterType = 'agTextColumnFilter';
+                        filterOptions = ['contains', 'equals', 'notEqual', 'startsWith'];
+                        break;
+                    case 'int':
+                        filterType = 'agNumberColumnFilter';
+                        filterOptions = ['equals', 'notEqual', 'greaterThan', 'greaterThanOrEqual', 'lessThan', 'lessThanOrEqual', 'inRange'];
+                        break;
+                    case 'DateTime':
+                        filterType = 'agDateColumnFilter';
+                        filterOptions = ['equals', 'notEqual', 'lessThan', 'greaterThan', 'inRange'];
+                        break;
+                    default:
+                        filterType = 'agTextColumnFilter';
+                        filterOptions = ['contains', 'equals', 'notEqual', 'startsWith'];
+                        break;
+                }
+                def = Object.assign(Object.assign({}, def), { filter: filterType, filterParams: {
+                        suppressAndOrCondition: true,
+                        numberParser: params => {
+                            return params === null ? null : params;
+                        },
+                        filterOptions: filterOptions,
+                        buttons: ['apply', 'clear'],
+                    }, enableRowGroup: true }); // Add type assertion here
+            }
+            if ((_c = element === null || element === void 0 ? void 0 : element.extendedProperties) === null || _c === void 0 ? void 0 : _c.orderable) {
+                def = Object.assign(Object.assign({}, def), { sortable: true });
+            }
+            defs.push(def);
+        }
+        //  }
+        return defs;
+    }, [])) || [];
+    return columnDefs;
+};
+// Add in addition to 'name' 'parentName' - not to be confused with 'parentName currently in use'
+// use name + parentName and assign it to 'parentPath'
+// use parentPath to later set the object to set the search filter key.
+const useTreeDatasource = (apiCatalog, filter, searchableOnly = true, includeReferenceNodes = true, name, parentFilter, parent) => {
+    const filteredCatalogObjects = apiCatalog.ctlg.catalogObjectList.filter(obj => !(obj.catalogObjectName.includes('Page') && obj.catalogObjectName.length !== 4));
+    const catalogObjectName = filter;
+    const catalogObject = filteredCatalogObjects.find(obj => obj.catalogObjectName === catalogObjectName);
+    if (!catalogObject) {
+        console.error('Catalog object not found');
+        return [];
+    }
+    // const rows = catalogObject.properties.filter((obj) =>
+    //   (includeReferenceNodes || obj.reference == null) ||
+    //   (obj.extendedProperties.searchable && obj.name.includes(filter ?? '')) ||
+    //   (!searchableOnly && obj.name.includes(filter ?? ''))
+    //     ).map(obj => ({
+    //   ...obj,
+    //   extendedProperties: {
+    //     ...obj.extendedProperties,
+    //     parentFilter: filter,
+    //     parent: name,
+    //     fromFilter: parentFilter
+    //   }
+    // }));
+    const rows = catalogObject.properties
+        .filter(obj => includeReferenceNodes ||
+        obj.reference == null ||
+        (obj.extendedProperties.searchable && obj.name.includes(filter !== null && filter !== void 0 ? filter : '')) ||
+        (!searchableOnly && obj.name.includes(filter !== null && filter !== void 0 ? filter : '')))
+        .map(obj => {
+        // Create or update parentPath based on existing value and new parent argument
+        let parentPath = obj.extendedProperties.parentPath;
+        if (parent) {
+            parentPath = parentPath ? `${parentPath}.${parent}` : parent;
+        }
+        return Object.assign(Object.assign({}, obj), { extendedProperties: Object.assign(Object.assign({}, obj.extendedProperties), { parentFilter: filter, parent: name, fromFilter: parentFilter, parentPath: parentPath }) });
+    });
+    return rows;
+};
+
+export { UdpGridColumnDefs as U, useTreeDatasource as u };
+//# sourceMappingURL=conversionFunctions-CNWYTvRs.js.map
+
+//# sourceMappingURL=conversionFunctions-CNWYTvRs.js.map

package/dist/esm/conversionFunctions-CNWYTvRs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversionFunctions-CNWYTvRs.js","sources":["src/udp-utilities/string-utilities.ts","src/components/my-component/UI/grid/conversionFunctions/conversionFunctions.ts"],"sourcesContent":["export const trimStringAfter = (str, character) => {\n    const lastIndex = str.lastIndexOf(character);\n    return str.substring(0, lastIndex === -1 ? str.length : lastIndex);\n  };\n\n  export const removeWhiteSpace = (str) => {\n    if (!str) {\n      return '';\n    }\n    return str.replace(/\\s/g, '');\n  };\n  \n  export const camelToPascalCaseWithSpace = (str) => {\n    const capitalizedStr = str.charAt(0).toUpperCase() + str.slice(1);\n    return capitalizedStr.replace(/([a-z0-9])([A-Z])/g, '$1 $2');\n  };\n  \n\n  \n  export const toLowerFirstChar = (field) => {\n    return field.charAt(0).toLowerCase() + field.slice(1);\n  };\n  \n  export const toUpperFirstChar = (field) => {\n    return field?.charAt(0)?.toUpperCase() + field?.slice(1);\n  };\n  \n  export const toTitleCase = (str) => {\n    const result = str.replace(/([A-Z][a-z]+)/g, ' $1').replace(/([A-Z]+)\\b/g, ' $1').trim();\n    return result.charAt(0).toUpperCase() + result.slice(1);\n  };\n  \n  export const pluralize = (str) => {\n    const last = str.charAt(str.length - 1);\n    if (last === 's') {\n      return str;\n    } else {\n      return `${str}s`;\n    }\n  };\n  ","import { toLowerFirstChar, toTitleCase } from '../../../../../udp-utilities/string-utilities';\n\nconst defaultGridColumn = {\n  headerName: '',\n  field: '',\n  minWidth: 100,\n  autoHeight: true,\n  sortable: false,\n  headerComponentParams: { id: 'myCustomId1' },\n  headerComponent: 'CustomHeaderComponent',\n};\n\nexport const defaultColActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true,\n};\n\n\n  type MyType = {\n    headerName: any;\n    field: any;\n    checkboxSelection: boolean;\n    headerCheckboxSelection: boolean;\n    cellRendererParams: { checkbox: boolean };\n    minWidth: number;\n    autoHeight: boolean;\n    sortable: boolean;\n    filter: string;\n    headerComponentParams: any;\n    headerComponent: string;\n    treatAsDate: boolean;\n  };\n\n\n\nconst getModelProperties = (model, componentsObj) => {\n  let modelPropertiesObj = null;\n  if (model) {\n    modelPropertiesObj = model.properties;\n    if (!modelPropertiesObj) {\n      const refKeys = [];\n      if (model['allOf']?.length) {\n        model['allOf'].forEach(reference => {\n          if (reference['$ref']) {\n            const refString = reference['$ref'];\n            if (refString) {\n              const lastIndex = refString.lastIndexOf('/');\n              const referenceModel = refString.substring(lastIndex + 1);\n              refKeys.push(referenceModel);\n            }\n          }\n        });\n      }\n      refKeys.forEach(key => {\n        const abstractModel = componentsObj[key];\n        if (modelPropertiesObj && abstractModel?.properties) {\n          modelPropertiesObj = {\n            ...modelPropertiesObj,\n            ...abstractModel.properties,\n          };\n        } else {\n          modelPropertiesObj = abstractModel?.properties;\n        }\n      });\n    }\n  }\n  return modelPropertiesObj;\n};\n\n\n\n\nexport const getEntityAttributes = (catalog, entityName) => {\n  if (!catalog) {\n    return [];\n  }\n  const catalogObjectList = catalog?.ctlg?.catalogObjectList;\n  const componentsObj = catalog?.ctlg?.components;\n  const entity = catalogObjectList?.find(catalogObject => catalogObject.catalogObjectName === entityName);\n  const model = componentsObj[entityName];\n  let modelPropertiesObj = getModelProperties(model, componentsObj);\n  if (entity?.properties?.length) {\n    entity.properties.forEach(property => {\n      let nullable = true;\n      if (modelPropertiesObj) {\n        const modelProperty = modelPropertiesObj[property['name']];\n        if (modelProperty) {\n          nullable = modelProperty.nullable || false;\n        }\n      }\n      property['nullable'] = nullable;\n    });\n  }\n  return entity ? entity.properties : [];\n};\n\nexport const UdpGridColumnDefs = (\n  entityAttributes,\n  // actionList,\n  //columnName = 'Actions',\n  // crudTableActionRenderName = 'actionsRenderer',\n  // panelDirection = 'right'\n) => {\n  const childEntityAttributes = entityAttributes?.reduce((defs, element) => {\n    if (element?.extendedProperties?.childEntity) {\n      defs.push(element);\n    }\n    return defs;\n  }, []);\n\n  let columnDefs =\n    entityAttributes?.reduce((defs, element) => {\n      // if (element?.extendedProperties?.defaultVisible) {\n      if (!element?.extendedProperties?.childEntity) {\n        // update column header if attribute has a child entity\n        const childEntity = childEntityAttributes.find(\n          ea =>\n            Object.keys(ea?.extendedProperties?.childEntityAssoc || {}).length &&\n            !ea?.extendedProperties?.childEntityAssoc?.UdpType &&\n            ea?.name === element?.name &&\n            ea?.extendedProperties?.childEntityAssoc.Keys.find(k => toLowerFirstChar(k).includes(element?.name)),\n        );\n        const columnHeaderName = element?.alias ? element?.alias : toTitleCase(childEntity ? childEntity?.reference : element?.name);\n\n        const treatAsDate: boolean = element?.treatAsDate;\n\n        let def = {\n          ...defaultGridColumn,\n          headerName: columnHeaderName,\n          field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n          //field: element?.name,\n          // checkboxSelection: !defs.length && true,\n          // headerCheckboxSelection: !defs.length && true,\n          // Remove adding checkbox to the first column. This is now added as a single column in the grid, pinned to the left that the user cannot hide.\n          checkboxSelection: false,\n          headerCheckboxSelection: false,\n          cellRendererParams: {\n            // Remove adding checkbox to the first column. This is now added as a single column in the grid, pinned to the left that the user cannot hide.\n            checkbox: false,\n          },\n          treatAsDate: treatAsDate,\n        };\n\n        if (element?.extendedProperties?.searchable) {\n          let filterType = 'agTextColumnFilter';\n          let filterOptions = ['equals'];\n\n          switch (element?.type) {\n            case 'string':\n              filterType = 'agTextColumnFilter';\n              filterOptions = ['contains', 'equals', 'notEqual', 'startsWith'];\n              break;\n            case 'int':\n              filterType = 'agNumberColumnFilter';\n              filterOptions = ['equals', 'notEqual', 'greaterThan', 'greaterThanOrEqual', 'lessThan', 'lessThanOrEqual', 'inRange'];\n              break;\n            case 'DateTime':\n              filterType = 'agDateColumnFilter';\n              filterOptions = ['equals', 'notEqual', 'lessThan', 'greaterThan', 'inRange'];\n              break;\n            default:\n              filterType = 'agTextColumnFilter';\n              filterOptions = ['contains', 'equals', 'notEqual', 'startsWith'];\n              break;\n          }\n\n          def = {\n            ...def,\n            filter: filterType,\n            filterParams: {\n              suppressAndOrCondition: true,\n              numberParser: params => {\n                return params === null ? null : params;\n              },\n              filterOptions: filterOptions,\n              buttons: ['apply', 'clear'],\n            },\n            enableRowGroup: true,\n          } as MyType; // Add type assertion here\n        }\n\n        if (element?.extendedProperties?.orderable) {\n          def = {\n            ...def,\n            sortable: true,\n          };\n        }\n\n        defs.push(def);\n      }\n      //  }\n      return defs;\n    }, []) || [];\n  return columnDefs;\n};\n\n// Add in addition to 'name' 'parentName' - not to be confused with 'parentName currently in use'\n// use name + parentName and assign it to 'parentPath'\n// use parentPath to later set the object to set the search filter key.\n\nexport const useTreeDatasource = (apiCatalog, filter, searchableOnly = true, includeReferenceNodes = true, name, parentFilter, parent) => {\n  const filteredCatalogObjects = apiCatalog.ctlg.catalogObjectList.filter(obj => !(obj.catalogObjectName.includes('Page') && obj.catalogObjectName.length !== 4));\n  const catalogObjectName = filter;\n  const catalogObject = filteredCatalogObjects.find(obj => obj.catalogObjectName === catalogObjectName);\n\n  if (!catalogObject) {\n    console.error('Catalog object not found');\n    return [];\n  }\n\n  // const rows = catalogObject.properties.filter((obj) =>\n  //   (includeReferenceNodes || obj.reference == null) ||\n  //   (obj.extendedProperties.searchable && obj.name.includes(filter ?? '')) ||\n  //   (!searchableOnly && obj.name.includes(filter ?? ''))\n  //     ).map(obj => ({\n  //   ...obj,\n  //   extendedProperties: {\n  //     ...obj.extendedProperties,\n  //     parentFilter: filter,\n  //     parent: name,\n  //     fromFilter: parentFilter\n  //   }\n  // }));\n\n  const rows = catalogObject.properties\n    .filter(\n      obj =>\n        includeReferenceNodes ||\n        obj.reference == null ||\n        (obj.extendedProperties.searchable && obj.name.includes(filter ?? '')) ||\n        (!searchableOnly && obj.name.includes(filter ?? '')),\n    )\n    .map(obj => {\n      // Create or update parentPath based on existing value and new parent argument\n      let parentPath = obj.extendedProperties.parentPath;\n      if (parent) {\n        parentPath = parentPath ? `${parentPath}.${parent}` : parent;\n      }\n\n      return {\n        ...obj,\n        extendedProperties: {\n          ...obj.extendedProperties,\n          parentFilter: filter, // Assigning the incoming filter argument to parentFilter\n          parent: name, // Assigning the incoming name argument to parent\n          fromFilter: parentFilter, // Assigning the incoming parentFilter argument to fromFilter\n          parentPath: parentPath, // Updated parentPath\n        },\n      };\n    });\n  return rows;\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/{currency-renderer-BQ-hUac8.js → currency-renderer-CRK1v2o-.js}

@@ -1,4 +1,4 @@
-import { g as getIconFromName } from './iconUtils-KSv32PVD.js';
+import { g as getIconFromName } from './iconUtils-BsS5FaLc.js';
 
 class DateTimeCellRenderer {
     constructor() {
@@ -253,6 +253,10 @@ class IconRenderer {
     }
 }
 
+/**
+ * Note: This cell renderer is fine to use, however for best performance it is recommended to use a valueFormatter
+ * on the column Definition instead
+ */
 function fortmatCurrency(value, currency = 'USD', locales = 'en-US', minimumFractionDigits = 2, maximumFractionDigits = 3) {
     const valueOrNull = value !== null && value !== void 0 ? value : null;
     return !!valueOrNull
@@ -264,11 +268,6 @@ function fortmatCurrency(value, currency = 'USD', locales = 'en-US', minimumFrac
         }).format(valueOrNull)
         : '';
 }
-
-/**
- * Note: This cell renderer is fine to use, however for best performance it is recommended to use a valueFormatter
- * on the column Definition instead
- */
 class CurrencyRenderer {
     init(params) {
         this.eGui = document.createElement('div');
@@ -284,6 +283,6 @@ class CurrencyRenderer {
 }
 
 export { ActionsRenderer as A, CurrencyRenderer as C, DateTimeCellRenderer as D, IconRenderer as I, StatusRenderer as S };
-//# sourceMappingURL=currency-renderer-BQ-hUac8.js.map
+//# sourceMappingURL=currency-renderer-CRK1v2o-.js.map
 
-//# sourceMappingURL=currency-renderer-BQ-hUac8.js.map
+//# sourceMappingURL=currency-renderer-CRK1v2o-.js.map

package/dist/esm/currency-renderer-CRK1v2o-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-renderer-CRK1v2o-.js","sources":["src/components/my-component/UI/grid/renderers/date-time-cell-renderer.tsx","src/components/my-component/UI/grid/renderers/actions-renderer.tsx","src/components/my-component/UI/grid/renderers/status-renderer.tsx","src/components/my-component/UI/grid/renderers/icon-renderer.tsx","src/components/my-component/UI/grid/renderers/currency-renderer.tsx"],"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","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","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","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","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"],"names":[],"mappings":"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"}

package/dist/esm/custom-button.entry.js

@@ -0,0 +1,50 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-n-1ZSeAs.js';
+
+const customButtonCss = ".my-button{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.my-button:hover{background-color:var(--primary-color-dark)}.my-button:disabled{background-color:#c6c6c6;color:#6f6f6f;cursor:not-allowed}.my-button--outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:5px 15px;min-width:64px}.my-button--outline:hover{background-color:rgba(0, 0, 0, 0.1)}.my-button--secondary{background-color:var(--accent-color-two)}.my-button--secondary:hover{background-color:brightness(var(--accent-color-two, 90%))}.my-button--text{background-color:transparent;color:var(--primary-color);padding:5px 15px;min-width:64px;border:none}.my-button--text:hover{background-color:rgba(0, 0, 0, 0.1);}.my-button--short{min-height:24px;}.my-button--tall{min-height:48px;}";
+
+const CustomButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.customClick = createEvent(this, "customClick");
+        this.variant = 'default';
+        this.secondary = false;
+        this.type = 'button';
+        this.disabled = false;
+        this.size = 'default';
+        this.handleButtonClick = (event) => {
+            if (this.type === 'submit') {
+                event.preventDefault();
+            }
+            if (!this.disabled) {
+                if (this.handleClick) {
+                    this.handleClick(event);
+                }
+                this.customClick.emit();
+            }
+        };
+    }
+    render() {
+        let buttonClass = 'my-button';
+        if (this.variant === 'outline') {
+            buttonClass += ' my-button--outline';
+        }
+        else if (this.variant === 'text') {
+            buttonClass += ' my-button--text';
+        }
+        else if (this.secondary) {
+            buttonClass += ' my-button--secondary';
+        }
+        if (this.size === 'short') {
+            buttonClass += ' my-button--short';
+        }
+        else if (this.size === 'tall') {
+            buttonClass += ' my-button--tall';
+        }
+        return (h("button", { key: '9f9308f5f38ae89dd1f563c20cbabc688c539b16', type: this.type, class: buttonClass, onClick: this.handleButtonClick, disabled: this.disabled }, this.label, h("slot", { key: '5653ac76182fced70bf5261098952b30ca010771' })));
+    }
+    get el() { return getElement(this); }
+};
+CustomButton.style = customButtonCss;
+
+export { CustomButton as custom_button };
+//# sourceMappingURL=custom-button.entry.js.map

package/dist/esm/custom-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-button.entry.js","sources":["src/components/my-component/UI/buttons/icon-button/primary-button/custom-button.css?tag=custom-button&encapsulation=shadow","src/components/my-component/UI/buttons/icon-button/primary-button/custom-button.tsx"],"sourcesContent":["/* Base class */\n.my-button {\n  background-color: var(--primary-color);\n  box-sizing: border-box;\n  border: none;\n  color: white;\n  padding: 8px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  min-width: 48px;\n  min-height: 24px; /* Default size */\n}\n\n.my-button:hover {\n  background-color: var(--primary-color-dark) \n}\n\n.my-button:disabled {\n  background-color: #c6c6c6;\n  color: #6f6f6f;\n  cursor: not-allowed;\n}\n\n/* Outline variant */\n.my-button--outline {\n  background-color: transparent;\n  border: 1px solid var(--primary-color);\n  color: var(--primary-color);\n  /* padding: calc(8px - 1px) 24px; */\n  padding: 5px 15px;\n  min-width: 64px;\n}\n\n.my-button--outline:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n/* Secondary variant */\n.my-button--secondary {\n  background-color:  var(--accent-color-two);\n}\n\n.my-button--secondary:hover {\n  background-color: brightness(var(--accent-color-two, 90%)); \n}\n\n/* Text variant */\n.my-button--text {\n  background-color: transparent;\n  color: var(--primary-color);\n  padding: 5px 15px; /* Matching outline padding */\n  min-width: 64px; /* Matching outline min-width */\n  border: none;\n}\n\n.my-button--text:hover {\n  background-color: rgba(0, 0, 0, 0.1); /* Consistent hover with outline/secondary */\n}\n\n/* Size Variants */\n.my-button--short {\n  min-height: 24px; /* Shorter button */\n}\n\n.my-button--tall {\n  min-height: 48px; /* Taller button */\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\n\n\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use udp-button.tsx instead\n */\n@Component({\n  tag: 'custom-button',\n  styleUrl: 'custom-button.css',\n  shadow: true,\n})\nexport class CustomButton {\n  @Element() el: HTMLElement;\n  @Prop() label: string;\n\n  @Prop() variant: 'default' | 'outline' | 'text' = 'default';\n  @Prop() secondary: boolean = false;\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n  @Prop() disabled: boolean = false;\n  @Prop() size: 'default' | 'short' | 'tall' = 'default';\n  @Prop() handleClick: any\n\n  @Event() customClick: EventEmitter<void>;\n\n  handleButtonClick = (event: Event) => {\n    if (this.type === 'submit') {\n      event.preventDefault();\n    }\n    if (!this.disabled) {\n      if(this.handleClick){\n        this.handleClick(event)\n      }\n      this.customClick.emit();\n    }\n  };\n\n  render() {\n    let buttonClass = 'my-button';\n\n    if (this.variant === 'outline') {\n      buttonClass += ' my-button--outline';\n    } else if (this.variant === 'text') {\n      buttonClass += ' my-button--text';\n    } else if (this.secondary) {\n      buttonClass += ' my-button--secondary';\n    }\n\n    if (this.size === 'short') {\n      buttonClass += ' my-button--short';\n    } else if (this.size === 'tall') {\n      buttonClass += ' my-button--tall';\n    }\n\n    return (\n      <button type={this.type} class={buttonClass} onClick={this.handleButtonClick} disabled={this.disabled}>\n        {this.label}\n        <slot></slot>\n      </button>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,8hCAA8hC;;MCaziC,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASU,QAAA,IAAO,CAAA,OAAA,GAAmC,SAAS;AACnD,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAI,CAAA,IAAA,GAAkC,QAAQ;AAC9C,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAI,CAAA,IAAA,GAAiC,SAAS;AAKtD,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAY,KAAI;AACnC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;gBAC1B,KAAK,CAAC,cAAc,EAAE;;AAExB,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,gBAAA,IAAG,IAAI,CAAC,WAAW,EAAC;AAClB,oBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;AAEzB,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;AAE3B,SAAC;AA0BF;IAxBC,MAAM,GAAA;QACJ,IAAI,WAAW,GAAG,WAAW;AAE7B,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;YAC9B,WAAW,IAAI,qBAAqB;;AAC/B,aAAA,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE;YAClC,WAAW,IAAI,kBAAkB;;AAC5B,aAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YACzB,WAAW,IAAI,uBAAuB;;AAGxC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YACzB,WAAW,IAAI,mBAAmB;;AAC7B,aAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YAC/B,WAAW,IAAI,kBAAkB;;QAGnC,QACE,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAClG,IAAI,CAAC,KAAK,EACX,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;"}