udp-stencil-component-library 25.18.2-beta.8 → 25.18.2

package/dist/esm/question-configs-renderer.section-configs-renderer.udp-forms-builder-menu.udp-forms-builder-question-item.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"question-configs-renderer.section-configs-renderer.udp-forms-builder-menu.udp-forms-builder-question-item.entry.js","sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.css?tag=question-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.css?tag=section-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.css?tag=udp-forms-builder-menu&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.tsx","src/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.css?tag=udp-forms-builder-question-item&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.tsx"],"sourcesContent":[".generic-configs-container {\n  display: flex;\n  flex-direction: column;\n  /* gap: var(--spacing-04, 16px); */\n} \n\n\n.question-configs-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}","import { Component, h, Prop } from '@stencil/core';\n// import { Question } from '../../../types';\nimport questionsTemplate from '../../udp-forms-builder-question-template';\nimport { UdpFormsTypeEnum } from '../../../udp-forms-utils/enums';\n\n@Component({\n  tag: 'question-configs-renderer',\n  styleUrl: 'question-configs-renderer.css',\n  shadow: true,\n})\nexport class QuestionConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n  @Prop() formType: string;\n  @Prop() isFollowUpFormConfigOn: boolean = false;\n  @Prop() isCommentingConfigOn: boolean = false;\n\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n  }\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  render() {\n    const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);\n    const isQuestionTextRequired = !(template && (template as any).questionTextOptional);\n    return (\n      <div class=\"generic-configs-container\">\n        <div class=\"question-configs-header\">\n          <unity-typography variant=\"h6\">{this.question.questionTypeName} Question</unity-typography>\n          <div>\n            {/* Show the ui to set the 'required' config only if the question properties allow it */}\n            {!this.question.fieldProperties.ignoreRequiredConfig && (\n              <stencil-toggle\n                label=\"Required\"\n                disabled={this.isViewOnly}\n                checked={this.question.required === true}\n                onToggledChange={() => {\n                  const newValue = !this.question.required;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n                  const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n                labelPosition=\"right\"\n              />\n            )}\n          </div>\n        </div>\n\n        <text-area\n          label=\"Question Text\"\n          value={this.question.questionText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question text here\"\n          rows={2}\n          maxRows={5}\n          required={isQuestionTextRequired}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n  {/* Paragraph-specific configs moved to question-specific-configs-renderer */}\n\n        <text-area\n          label=\"Helper Text\"\n          value={this.question.helperText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question's helper text here\"\n          rows={2}\n          maxRows={4}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n        <question-specific-configs-renderer\n          formSectionsDraft={this.formSectionsDraft}\n          sIndex={this.sIndex}\n          qIndex={this.qIndex}\n          isViewOnly={this.isViewOnly}\n          onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n          lookupOptions={this.lookupOptions}\n        />\n        {this.isCommentingConfigOn && (\n          <div>\n            <stencil-toggle\n              label=\"Allow Comments\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowComments === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n          </div>\n         )\n        }\n        {this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (\n          <div>\n            <stencil-toggle\n              label=\"Allow Follow Up Forms\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFollowUpForms === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n          </div>\n          )\n        }\n      </div>\n    );\n  }\n}\n",".generic-configs-container {\n  display: flex;\n  flex-direction: column;\n} ","import { Component, h, Prop } from '@stencil/core';\nimport { deepCloneFormSections } from '../../forms-builder-utils';\n\n@Component({\n  tag: 'section-configs-renderer',\n  styleUrl: 'section-configs-renderer.css',\n  shadow: true,\n})\nexport class SectionConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n  private get section() {\n    return this.formSectionsDraft?.[this.sIndex];\n  }\n  \n  private handleSectionFieldChange(sIndex: number, field: 'title' | 'sectionText' | 'sectionProperties', value: string) {\n    const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n    const updatedSection = { ...sectionsCopy[sIndex], [field]: value };\n    sectionsCopy[sIndex] = updatedSection;\n    return sectionsCopy\n  }\n\n  private handleSectionRepeatablePropertyChange(sIndex: number, value: boolean) {\n    const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n    const oldSection = {...sectionsCopy[sIndex]}\n    const updatedProperties = {... oldSection.sectionProperties, isRepeatable: value}\n    const updatedSection = { ...oldSection, sectionProperties: updatedProperties };\n    sectionsCopy[sIndex] = updatedSection;\n    return sectionsCopy\n  }\n\n  render() {\n    return (\n      <div class=\"generic-configs-container\">\n\n        <text-area\n          label=\"Title\"\n          value={this.section.title || \"\"}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the section title here\"\n          rows={2}\n          maxRows={5}\n          fullWidth={true}\n          onInput={(e) => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n        <text-area\n          label=\"Section Text\"\n          value={this.section.sectionText || \"\"}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the section text here\"\n          rows={2}\n          maxRows={4}\n          fullWidth={true}\n          onInput={(e) => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n        <stencil-toggle\n              label=\"Repeatable\"\n              disabled={this.isViewOnly}\n              checked={this.section.sectionProperties?.isRepeatable === true || false}\n              onToggledChange={() => {\n                const newValue = !this.section.sectionProperties.isRepeatable;\n                const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n      </div>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05, 24px);\n  /* background-color: white; */\n  border: 1px dashed var(--primary-color);\n  padding: var(--spacing-05, 24px);\n  box-sizing: border-box;\n  background-color: var(--card-background-color, #fff);\n  /* border-radius: var(--border-radius, 4px); */\n}\n\n.menu-options-container {\n  display: flex;\n  flex: row;\n  flex-wrap: wrap;\n  gap: var(--spacing-03, 8px);\n}\n\n.menu-header-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'udp-forms-builder-menu',\n  styleUrl: 'udp-forms-builder-menu.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderMenu {\n  @Prop() isVisible: boolean;\n  @Prop() questionsTemplate: any[] = [];\n\n  @Event() addSection: EventEmitter<void>;\n  @Event() addQuestion: EventEmitter<any>;\n  @Event() cancelClick: EventEmitter<void>;\n\n  render() {\n    return [\n      <div class='menu-header-container'>\n        <unity-typography variant=\"body1\">Choose a Question Type</unity-typography>\n        <stencil-icon-button icon={getIconFromName('close16')} onClick={() => this.cancelClick.emit()} />\n      </div>,\n      <div class=\"menu-options-container\">\n        {/* <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.addSection.emit()} startIcon={<udp-icon iconName={'add'} color={'inherit'} />}>\n          Add a Section\n        </udp-button> */}\n        {this.questionsTemplate.map(q => (\n          <udp-button variant=\"contained\" color=\"primary\" onClick={() => this.addQuestion.emit(q)} startIcon={<udp-icon iconName={q.icon} color={'inherit'} />}>\n            {q.questionTypeName}\n          </udp-button>\n        ))}\n        {/* <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.cancelClick.emit()}>\n          Cancel\n        </udp-button> */}\n      </div>,\n    ];\n  }\n}\n",".list-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--spacing-4, 16px);\n  padding: var(--spacing-3, 12px) var(--spacing-4, 16px);\n  border-bottom: 1px solid var(--border-color, #e0e0e0);\n  background-color: var(--card-background-color, #FFF);\n  transition: background-color 0.1s;\n}\n\n.list-item.clickable {\n  cursor: grab;\n}\n\n.list-item.clickable:hover {\n  background-color: var(--primary-color-alpha-15, #f5f5f5);\n}\n\n.avatar-container {\n  align-items: center;\n}\n\n.text-container {\n  flex-grow: 1;\n  min-width: 0; \n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.primary-text,\n.secondary-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.primary-text {\n  font-weight: 500;\n}\n\n.status-chip-container {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.actions-container {\n  display: flex;\n  flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-forms-builder-question-item',\n  styleUrl: 'udp-forms-builder-question-item.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderQuestionItem {\n  @Element() private hostEl: HTMLElement;\n\n  @State() private hasPrimaryTextSlot = false;\n  @State() private hasSecondaryTextSlot = false;\n  @State() private hasActionsSlot = false;\n  @State() private hasStatusChipSlot = false;\n\n  @Prop() primaryText: string;\n  @Prop() secondaryText: string;\n  @Prop() iconName: string;\n  @Prop() avatarBackgroundColor: string = 'info';\n  @Prop() avatarVariant: 'circular' | 'rounded' | 'square' = 'rounded';\n  @Prop() clickable: boolean = false;\n  @Prop() onClick: (event: MouseEvent | KeyboardEvent) => void;\n\n  componentWillLoad() {\n    this.hasPrimaryTextSlot = !!this.hostEl.querySelector('[slot=\"primary-text\"]');\n    this.hasSecondaryTextSlot = !!this.hostEl.querySelector('[slot=\"secondary-text\"]');\n    this.hasActionsSlot = !!this.hostEl.querySelector('[slot=\"actions\"]');\n    this.hasStatusChipSlot = !!this.hostEl.querySelector('[slot=\"status-chip\"]');\n  }\n\n  private handleKeyPress = (event: KeyboardEvent) => {\n    if (this.clickable && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      this.onClick(event);\n    }\n  };\n\n  render() {\n    const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;\n    const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;\n\n    return (\n      <Host>\n        <div\n          class={{\n            'list-item': true,\n            'clickable': this.clickable,\n          }}\n          onClick={this.onClick}\n          onKeyPress={this.handleKeyPress}\n          role={this.clickable ? 'button' : undefined}\n          tabindex={this.clickable ? 0 : -1}\n        >\n\n          <div class=\"drag-and-drop-container\">\n            <slot name=\"drag-and-drop\"></slot>\n          </div>\n\n          {this.iconName && (\n            <div class=\"avatar-container\">\n              <udp-avatar iconName={this.iconName} variant={this.avatarVariant} color={this.avatarBackgroundColor}></udp-avatar>\n            </div>\n          )}\n          <div class=\"text-container\">\n            {showPrimaryText && (\n              <div class=\"primary-text\" title={this.primaryText}>\n                <slot name=\"primary-text\">\n                  <unity-typography variant=\"body\">{this.primaryText}</unity-typography>\n                </slot>\n              </div>\n            )}\n            {showSecondaryText && (\n              <div class=\"secondary-text\" title={this.secondaryText}>\n                <slot name=\"secondary-text\">\n                  <unity-typography variant=\"body\" color=\"textSecondary\">\n                    {this.secondaryText}\n                  </unity-typography>\n                </slot>\n              </div>\n            )}\n          </div>\n          {this.hasStatusChipSlot && (\n            <div class=\"status-chip-container\">\n              <slot name=\"status-chip\"></slot>\n            </div>  \n          )}\n          {this.hasActionsSlot && (\n            <div class=\"actions-container\">\n              <slot name=\"actions\"></slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/resource-timeline-calendar.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resource-timeline-calendar.entry.js","sources":["src/components/grid/renderers/ag-grid-subtitle-cell-renderer.tsx","src/components/grid/resource-timeline-calendar/resource-timeline-column-header.tsx","src/components/grid/resource-timeline-calendar/resource-timeline-calendar.css?tag=resource-timeline-calendar","src/components/grid/resource-timeline-calendar/resource-timeline-calendar.tsx"],"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","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",".resource-timeline-calendar {\n  .header-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .custom-header {\n    font-size: 12px;\n  }\n\n  .header-group .title {\n    color: rgba(0, 0, 0, 0.38);\n    font-weight: 400;\n  }\n\n  .header-group .sub-title {\n    color: black;\n    font-weight: 400;\n  }\n\n  .custom-group-column {\n    display: flex;\n    flex-direction: row;\n    width: 150px;\n    align-items: flex-start;\n    margin-top: -6px;\n    font-size: 12px;\n  }\n\n  .custom-group-column .title {\n    height: 14px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n  }\n\n  .custom-group-column .title-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .custom-group-column .chip-container {\n    height: 15px;\n    margin-left: var(--spacing-01);\n    font-weight: 300;\n    position: absolute;\n    right: var(--spacing-03);\n    margin-top: var(--spacing-03);\n  }\n\n\n  .custom-group-column .sub-title {\n    font-weight: 400;\n    color: rgba(0, 0, 0, 0.6);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .ag-header-cell,\n  .ag-cell {\n    border-right: 1px solid #f1f3f5;\n  }\n\n  .ag-header-cell:last-of-type,\n  .ag-cell:last-of-type {\n    border-right: none;\n  }\n\n  /* Doesnt display none row group */\n  .hide-row {\n    display: none;\n  }\n\n  .ag-row-level-0 {\n    font-size: 12px;\n    background-color: #f4f6f8;\n    font-weight: 600;\n  }\n\n  .ag-row-level-1 {\n    font-size: 12px;\n    background-color: #fafbfc\n  }\n\n  .ag-row-level-2 {\n    font-size: 11px;\n    color: rgba(0, 0, 0, 0.72);\n  }\n\n\n  .today-header {\n    background-color: #e6f7ff;\n    border-top: 1px solid #4e8cff;\n  }\n\n  .weekend-header {\n    background-color: rgba(0, 0, 0, 0.03);\n  }\n\n  .ag-header-cell-comp-wrapper {\n    justify-content: center;\n  }\n\n\n}\n","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"],"names":[],"mappings":"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"}

package/dist/esm/search-method-grid.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-method-grid.entry.js","sources":["src/components/grid/new-grid/helperFunctions/lookupHelper.ts","src/components/grid/new-grid/datasources/searchMethodDatasource.ts","src/components/grid/new-grid/helperFunctions/convertSearchObjectToAgGridModel.ts","src/components/grid/new-grid/search-method-grid.tsx"],"sourcesContent":["import { ColDef } from 'ag-grid-community-v33';\nimport {\n  executeQueryWithParameters,\n  getPromotedLookupMethod,\n} from '../../../../udp-utilities/api-udp/apiUtils';\nimport { getCurrentApiCatalogId } from 'src/udp-utilities/catalog/getCurrentApiCatalogId';\n\nexport async function processLookupsInData(rowData: any[], columnDefs: ColDef[]) {\n  if (!rowData?.length) {\n    return rowData;\n  }\n\n  // Step 1: Build a map of lookups needed (simpler now)\n  const lookupsToFetch = new Map<string, { columnFields: string[] }>();\n  columnDefs.forEach(col => {\n    const lookupId = (col as any)?.context?.lookupId;\n    if (lookupId && typeof lookupId === 'string' && col.field) {\n      const existing = lookupsToFetch.get(lookupId);\n      if (existing) {\n        // If this lookupId is already tracked, add the new field to its list\n        existing.columnFields.push(col.field);\n      } else {\n        // Otherwise, create a new entry for this lookupId\n        lookupsToFetch.set(lookupId, { columnFields: [col.field] });\n      }\n    }\n  });\n\n  if (lookupsToFetch.size === 0) {\n    return rowData;\n  }\n\n  // Step 2: Fetch the method ID and then the lookup data\n  const lookupApiMethodId = (await getPromotedLookupMethod(getCurrentApiCatalogId()))\n    ?.unityBaseGetDataMethod?.apiMethodId;\n  if (!lookupApiMethodId) {\n    return rowData;\n  }\n\n  const lookupPromises = Array.from(lookupsToFetch.keys()).map(lookupId => {\n    // 2. If not in cache, make the API call.\n    return executeQueryWithParameters({ data: { id: lookupId } }, lookupApiMethodId)\n      .then(response => {\n        return { lookupId, ...response };\n      })\n      .catch(() => ({ lookupId, data: [] }));\n  });\n\n  const lookupResults = await Promise.all(lookupPromises);\n\n  // Step 3: Create a fast-access map using the keyName and valueName from the response\n  const lookupsMap = new Map<string, Map<any, string>>();\n  lookupResults.forEach(result => {\n    const config = lookupsToFetch.get(result.lookupId);\n\n    const keyName = result.keyName;\n    const valueName = result.valueName;\n\n    if (result.data && keyName && valueName) {\n      const valueMap = new Map(result.data.map(item => [item[keyName], item[valueName]])) as Map<\n        any,\n        string\n      >;\n      for (const field of config.columnFields) {\n        lookupsMap.set(field, valueMap);\n      }\n    }\n  });\n\n  // Step 4: Map the original rowData (unchanged)\n  return rowData.map(row => {\n    const newRow = { ...row };\n    for (const [field, valueMap] of lookupsMap.entries()) {\n      if (newRow[field] !== null && newRow[field] !== undefined) {\n        if (valueMap.has(newRow[field])) {\n          newRow[field + 'LookupValue'] = valueMap.get(newRow[field]);\n        }\n      }\n    }\n    return newRow;\n  });\n}\n","import { executeQueryAdHoc } from '../../../../udp-utilities/api-udp/apiUtils';\nimport { ConfigService } from 'src/udp-utilities/api-config';\nimport { Search } from '../../../../udp-utilities/interfaces/searchObject';\nimport { processLookupsInData } from '../helperFunctions/lookupHelper';\nimport { makeApiCall } from 'src/udp-utilities/api/makeApiCall/makeApiCall';\n\nconst FilterOperators = {\n  equals: '=',\n  contains: 'LIKE',\n  notEqual: '<>',\n  greaterThan: '>',\n  lessThan: '<',\n  greaterThanOrEqual: '>=',\n  lessThanOrEqual: '<=',\n  between: 'BETWEEN',\n  inRange: 'BETWEEN',\n  blank: 'NULL',\n  notBlank: 'NOTNULL',\n  startsWith: 'STARTSWITH',\n};\n\nfunction convertSortModel(searchObject: Search, sortModel: any[]) {\n  searchObject.orderElements = [\n    ...searchObject.orderElements,\n    ...sortModel.map(sortItem => ({\n      sortColumn: capitalize(sortItem.colId),\n      sortDirection: sortItem.sort.toUpperCase(),\n    })),\n  ];\n}\n\nfunction convertFilterModel(\n  searchObject: any,\n  filterModel: any,\n  parentGroupId: number | null = null,\n  nextGroupId: number,\n): number {\n  if (!filterModel) return nextGroupId;\n\n  // Initialize arrays if not already\n  if (!searchObject.filterElements) searchObject.filterElements = [];\n  if (!searchObject.filterGroups) searchObject.filterGroups = [];\n\n  // If it's a simple column filter object (not a join), handle it directly\n  const isColumnFilter = !filterModel.filterType;\n  if (isColumnFilter) {\n    for (const key of Object.keys(filterModel)) {\n      processNode(filterModel[key], null, key);\n    }\n\n    return nextGroupId;\n  }\n\n  // Recursive handler for advanced nested filters\n  function processNode(node: any, currentParentGroupId: number | null, fieldName?: string): number {\n    if (!node) return -1;\n\n    //handle advanced filter joins\n    if (node.filterType === 'join' && Array.isArray(node.conditions)) {\n      const currentGroupId = nextGroupId++;\n\n      searchObject.filterGroups.push({\n        groupId: currentGroupId,\n        logicalSearchOperator: node.type === 'AND' ? 1 : 2,\n        parentGroupId: currentParentGroupId,\n      });\n\n      for (const condition of node.conditions) {\n        processNode(condition, currentGroupId);\n      }\n\n      return currentGroupId;\n    }\n\n    //column filter multi conditions\n    if (node.conditions) {\n      const groupId = nextGroupId++;\n      searchObject.filterGroups.push({\n        groupId: groupId,\n        logicalSearchOperator: node.operator === 'AND' ? 1 : 2,\n        parentGroupId: currentParentGroupId,\n      });\n      for (const condition of node.conditions) {\n        processNode(condition, groupId, fieldName);\n      }\n      return -1;\n    }\n\n    // Single condition\n    if (node.filterType === 'text' || node.filterType === 'number') {\n      //boolean filter\n      if (node.type === 'true' || node.type === 'false') {\n        searchObject.filterElements.push({\n          searchField: capitalize(fieldName ?? node.colId),\n          searchValue: node.type,\n          searchOperator: '=',\n          groupId: currentParentGroupId,\n        });\n      } else {\n        searchObject.filterElements.push({\n          searchField: capitalize(fieldName ?? node.colId),\n          searchValue: `${node.filter}${node.filterTo ? `,${node.filterTo}` : ''}`,\n          searchOperator: FilterOperators[node.type],\n          groupId: currentParentGroupId,\n        });\n      }\n    }\n\n    if (node.filterType === 'date') {\n      searchObject.filterElements.push({\n        searchField: capitalize(fieldName ?? node.colId),\n        searchValue: `${node.dateFrom}${node.dateTo ? `,${node.dateTo}` : ''}`,\n        searchOperator: FilterOperators[node.type],\n        groupId: currentParentGroupId,\n      });\n    }\n\n    if (node.filterType === 'set') {\n      searchObject.filterElements.push({\n        searchField: capitalize(fieldName),\n        searchValue: node.values.join(),\n        searchOperator: 'IN',\n        groupId: currentParentGroupId,\n      });\n    }\n\n    return -1;\n  }\n\n  processNode(filterModel, parentGroupId);\n\n  return nextGroupId;\n}\n\nfunction convertGroupingModel(\n  searchObject: Search,\n  rowGroupCols: any[],\n  groupKeys: any[],\n  valueCols: any[],\n) {\n  searchObject.groupProperty = rowGroupCols.map(col => col.field);\n\n  searchObject.filterElements = [\n    ...searchObject.filterElements,\n    ...groupKeys.map((key, index) => ({\n      searchField: rowGroupCols[index]?.field,\n      searchOperator: '=',\n      searchValue: key,\n      searchValueType: 1,\n      groupId: 1,\n    })),\n  ];\n\n  searchObject.orderElements = [\n    ...searchObject.orderElements,\n    ...rowGroupCols.map(col => ({\n      sortColumn: col.field,\n      sortDirection: 'ASC',\n    })),\n  ];\n\n  console.log(valueCols);\n  // searchObject.groupOperationList = valueCols.map(valueCol => ({\n  //   operation: 'COUNT',\n  //   property: valueCol.field\n  // }))\n\n  if (groupKeys?.length === 0) {\n    searchObject.groupingType = 'DISTINCT';\n  }\n}\n\nfunction capitalize(str: string): string {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\ninterface DataSourceOptions {\n  apiMethodId?: string;\n  requestUrl?: string;\n  externalSearchObject?: Search;\n}\n\nexport const createSearchMethodDataSource = (options: DataSourceOptions) => {\n  const { apiMethodId, requestUrl, externalSearchObject = {} as Search } = options;\n\n  return {\n    async getRows(params) {\n      //Values provided from the grid\n      const { startRow, endRow, filterModel, sortModel, rowGroupCols, groupKeys, valueCols } =\n        params.request;\n\n      let nextGroupId = 1;\n\n      //Calculate pageSize and pageNumber from ag grid parameters\n      const pageSize = endRow - startRow;\n      const pageNumber = Math.floor(startRow / pageSize) + 1;\n\n      //Start with a new clean instance of search object\n      let searchObject: Search = {\n        pageNumber,\n        pageSize,\n        orderElements: [],\n        filterElements: [],\n        filterGroups: [],\n        groupProperty: [],\n        groupOperationList: [],\n        groupingType: '',\n        eagerLoad: false,\n        logicalSearchOperator: 1,\n      };\n\n      //safely  searchObject with external search object\n      if (externalSearchObject) {\n        searchObject = {\n          ...searchObject,\n          ...structuredClone(externalSearchObject),\n          filterElements: [\n            ...(searchObject.filterElements ?? []),\n            ...(externalSearchObject.filterElements ?? []),\n          ],\n          filterGroups: [\n            ...(searchObject.filterGroups ?? []),\n            ...(externalSearchObject.filterGroups ?? []),\n          ],\n        };\n      }\n\n      if (sortModel?.length) {\n        convertSortModel(searchObject, sortModel);\n      }\n\n      if (filterModel && Object.keys(filterModel).length) {\n        nextGroupId = convertFilterModel(searchObject, filterModel, null, nextGroupId);\n      }\n\n      if (rowGroupCols?.length > 0) {\n        convertGroupingModel(searchObject, rowGroupCols, groupKeys, valueCols);\n      }\n\n      params.api.setGridOption('context', {\n        ...params.api.getGridOption('context'),\n        searchObject: searchObject,\n      });\n\n      try {\n        let response: any;\n        if (requestUrl) {\n          response = await makeApiCall('POST', requestUrl, searchObject);\n        } else if (apiMethodId) {\n          response = await executeQueryAdHoc(\n            searchObject,\n            apiMethodId,\n            ConfigService.config.UNITY_API_DOMAIN + ConfigService.integrationV1ApiUrl,\n            false,\n          );\n        } else {\n          console.error('No apiMethodId or url provided to search grid');\n          params.fail();\n        }\n\n        if (!response?.pageList?.length) {\n          params.success({ rowData: [], rowCount: 0 });\n          // /params.api.showNoRowsOverlay()\n        } else {\n          let finalRowData = response.pageList;\n\n          const columnDefs = params.api.getColumnDefs();\n          finalRowData = await processLookupsInData(response.pageList, columnDefs);\n\n          params.api.setGridOption('context', {\n            ...params.api.getGridOption('context'),\n            rowCount: parseInt(response.total),\n          });\n\n          params.success({\n            rowData: finalRowData,\n            rowCount: parseInt(response.total),\n          });\n        }\n      } catch (e) {\n        console.error('Failed to fetch data:', e);\n        params.fail();\n      }\n    },\n  };\n};\n","import {\n  ColumnState,\n} from 'ag-grid-community-v33';\nimport { Search } from '../../../../udp-utilities/interfaces/searchObject';\n\n\nexport function getAgGridColumnState(searchObject: Search): ColumnState[] {\n  const state: ColumnState[] = [];\n\n  // Sorting\n  if (searchObject?.orderElements?.length) {\n    state.push(\n      ...searchObject.orderElements.map((order, index) => ({\n        colId: order.sortColumn,\n        sort: order.sortDirection.toLowerCase() as 'asc' | 'desc',\n        sortIndex: index,\n      })),\n    );\n  }\n\n  // Row Grouping\n  if (searchObject?.groupProperty?.length) {\n    state.push(\n      ...searchObject.groupProperty.map((field, index) => ({\n        colId: field,\n        rowGroup: true,\n        rowGroupIndex: index,\n      })),\n    );\n  }\n\n  return state;\n}\n","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          logicalSearchOperator: customSearchObject?.logicalSearchOperator,\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"],"names":[],"mappings":"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"}

package/dist/esm/server-side-grid.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"server-side-grid.entry.js","sources":["src/components/grid/new-grid/server-side-grid.tsx"],"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"],"names":[],"mappings":";;MASa,cAAc,GAAA,MAAA;AAJ3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAa,CAAA,aAAA,GAAyB,EAAE;AACxC,QAAA,IAAW,CAAA,WAAA,GAAgB,EAAE;AAgDtC;AApCS,IAAA,eAAe,CAAC,KAA2B,EAAA;AACjD,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM;QAC3B,IAAI,CAAC,gBAAgB,EAAE;;IAIzB,gBAAgB,GAAA;QACd,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE;YACnC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,EAAE,IAAI,CAAC,UAAU,CAAC;;;IAIvE,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACnB,sBAAsB,EAAE,IAAI,EAC5B,0BAA0B,EAAE,IAAI,EAC7B,EAAA,IAAI,CAAC,WAAW,CAAA,EAAA,EACnB,YAAY,EAAE,YAAY,GAC3B;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,WAAW,EAAE,CAAC,IAAI,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,EAAA,CACrC;;;;;;;;;"}

package/dist/esm/side-sheet-container.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-sheet-container.entry.js","sources":["src/deprecated/components/side-sheet/side-sheet-container.css?tag=side-sheet-container&encapsulation=shadow","src/deprecated/components/side-sheet/side-sheet-container.tsx"],"sourcesContent":["/* @import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-grid.css';\n@import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-theme-material.css'; */\n\n.container {\n    width: 100%;\n    height: 100%;\n    background-color: #f2f2f2; /* light grey background */\n    overflow: auto; /* enable scrolling */\n  \n    /* Hide scrollbar for Chrome, Safari and Opera */\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  \n    /* Hide scrollbar for Firefox */\n    scrollbar-width: none;\n  \n    /* Hide scrollbar for IE and Edge */\n    -ms-overflow-style: none;\n  }\n  ","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'side-sheet-container',\n  styleUrl: 'side-sheet-container.css',\n  shadow: true,\n})\nexport class SideSheetContainer {\n  @Prop() padding: boolean = true;\n\n  render() {\n    const style = this.padding ? {'padding': '16px'} : {};\n    return (\n      <div class=\"container\" style={style}>\n        <slot />\n      </div>\n    );\n  }\n  \n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,8lBAA8lB;;MCO/mB,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAWhC;IATC,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,EAAE;AACrD,QAAA,QACE,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,EAAA,EACjC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;"}

package/dist/esm/simple-card.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"simple-card.entry.js","sources":["src/components/data-display/simple-card/simple-card.css?tag=simple-card&encapsulation=shadow","src/components/data-display/simple-card/simple-card.tsx"],"sourcesContent":[".card {\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    padding: 20px;\n    background-color: #fff;\n    /* Add any additional styles here */\n  }\n  \n  \n  /* Example of Card Title */\n  .card h2 {\n    font-size: 1.5rem;\n    margin-top: 0;\n  }\n  \n  /* Example of Card Content */\n  .card p {\n    margin-bottom: 0;\n  }\n  ","import { Component, h } from '@stencil/core';\n\n\n@Component({\n    tag: 'simple-card',\n    styleUrl: 'simple-card.css',\n    shadow: true\n  })\n  export class SimpleCard {\n    render() {\n      return (\n        <div class=\"card\">\n          <slot></slot>\n        </div>\n      );\n    }\n  }\n  "],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,2LAA2L;;MCQlM,UAAU,GAAA,MAAA;;;;IACrB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EACf,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/esm/status-chip.udp-function-button.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-chip.udp-function-button.entry.js","sources":["src/components/data-display/chips/stencil-chip/status-chip/status-chip.css?tag=status-chip&encapsulation=shadow","src/components/data-display/chips/stencil-chip/status-chip/status-chip.tsx","src/components/buttons/icon-button/function-button/udp-function-button.css?tag=udp-function-button&encapsulation=shadow","src/components/buttons/icon-button/function-button/udp-function-button.tsx"],"sourcesContent":["/* Base style for the chip */\n.chip {\n  padding: 0.3em 1em;\n  border-radius: 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* margin: 0.5em; */\n  transition: background-color 0.3s, color 0.3s;\n  max-width: 100%; /* Ensures it fits the container */\n  max-height: 100%;\n}\n\n/* Styles for different statuses */\n.success {\n  background-color: #4caf50; /* Green */\n  color: white;\n}\n\n.warning {\n  background-color: #ffeb3b; /* Yellow */\n  color: #212121; /* Use a darker text color for contrast */\n}\n\n.error {\n  background-color: #f44336; /* Red */\n  color: white;\n}\n\n.info {\n  background-color: rgb(52, 120, 176);\n  color: white;\n}\n\n/* Default style if no status is matched */\n.default {\n  background-color: rgb(207, 207, 207);\n  color: black; /* Dark Grey */\n}\n\n.dense {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 0;\n}","import { Component, Prop, h, State, Watch } from '@stencil/core';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-chip` instead\n */\n@Component({\n  tag: 'status-chip',\n  styleUrl: 'status-chip.css',\n  shadow: true,\n})\nexport class StatusChip {\n  // State to handle the internal status class\n  @State() internalStatusClass: string;\n\n  // Prop for the status value, which now can be string or boolean\n  @Prop() statusValue: string | boolean;\n\n  // Define a mapping of possible status values to CSS classes\n  @Prop() statusClasses: { [key: string]: string } = {};\n\n  @Prop() dense: boolean = false;\n\n  // Watch for changes in statusValue\n  @Watch('statusValue')\n  protected statusValueWatcher(newValue: string | boolean) {\n    const valueKey = typeof newValue === 'boolean' ? newValue.toString() : newValue;\n    this.internalStatusClass = this.statusClasses && this.statusClasses[valueKey] ? this.statusClasses[valueKey] : 'default';\n  }\n\n  // Initial call to set the status based on the initial statusValue\n  componentWillLoad() {\n    this.statusValueWatcher(this.statusValue);\n  }\n\n  render() {\n    return (\n      <div class={`chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}`}>\n        <p>\n          <slot></slot> {/* Slot for content */}\n        </p>\n      </div>\n    );\n  }\n}\n",".udp-btn {\n  border: 0;\n  border-radius: 50%;\n  padding: 1px 3px;\n  cursor: pointer;\n  background-color: var(--accent-color-three);\n  transition: background-color 0.3s;\n}\n\n.udp-btn.no-bg {\n  background-color: transparent; /* Override for no background */\n}\n\n.udp-btn:hover {\n  background-color: #f0f0f0; \n}\n\n.btn-content {\n  color: var(--accent-color-four)\n}\n\n.btn-content svg {\n  fill: currentColor; \n}\n","import { Component, Prop, h } from '@stencil/core';\nimport './udp-function-button.css';\nimport AddIcon16 from '@carbon/icons/es/add/16';\nimport ChevronDownIcon24 from '@carbon/icons/es/chevron--down/16';\nimport View16 from '@carbon/icons/es/view/16';\nimport TrashCan16 from '@carbon/icons/es/trash-can/16';\n// import FlagFilled16 from '@carbon/icons/es/flag--filled/16'\nimport Star16 from '@carbon/icons/es/star/16';\nimport StarFilled16 from '@carbon/icons/es/star--filled/16';\nimport Edit16 from '@carbon/icons/es/edit/16'\n\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use udp-icon-button.tsx instead\n */\n\n@Component({\n  tag: 'udp-function-button',\n  styleUrl: 'udp-function-button.css',\n  shadow: true\n})\nexport class UdpFunctionButton {\n  @Prop() expand: boolean = false;\n  @Prop() view: boolean = false;\n  @Prop() add: boolean = false;\n  @Prop() edit: boolean = false;\n  @Prop() delete: boolean = false;\n  @Prop() isDefault: boolean = false;\n  @Prop() noBackground: boolean = false;  // New property for controlling background\n\n  renderIcon() {\n    let icon;\n    let iconStyles = {};\n\n    if (this.delete) {\n      icon = TrashCan16;\n      iconStyles = { padding: '5px' };\n    } else if (this.view) {\n      icon = View16;\n      iconStyles = { padding: '5px' };\n    } else if (this.isDefault) {\n      icon = StarFilled16;\n      iconStyles = { padding: '5px' };\n    } else if (this.add) {\n      icon = AddIcon16;\n      iconStyles = { padding: '5px' };\n    } else if (this.edit) {\n      icon = Edit16;\n      iconStyles = { padding: '5px' };\n    } else if (this.expand) {\n      icon = ChevronDownIcon24;\n      iconStyles = { padding: '5px', color: 'black'};\n    } else {\n      icon = Star16;\n      iconStyles = { padding: '5px' };\n    }\n\n    return (\n      <svg {...icon.attrs} style={iconStyles}>\n        {icon.content.map((item, index) => {\n          if (item.elem === 'path') {\n            return <path {...item.attrs} key={index} />;\n          }\n          return null;\n        })}\n      </svg>\n    );\n  }\n\n  render() {\n    const btnClass = this.noBackground ? 'udp-btn no-bg' : 'udp-btn';\n    return (\n      <button class={btnClass}>\n        <span class=\"btn-content\">\n          {this.renderIcon()}\n        </span>\n      </button>\n    );\n  }\n}\n\n"],"names":["AddIcon16","ChevronDownIcon24"],"mappings":"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"}

package/dist/esm/stencil-chip.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stencil-chip.entry.js","sources":["src/components/data-display/chips/stencil-chip/stencil-chip.css?tag=stencil-chip&encapsulation=shadow","src/components/data-display/chips/stencil-chip/stencil-chip.tsx"],"sourcesContent":[".chip {\n  display: inline-flex; /* changed from inline-block */\n  align-items: center;\n  padding: 3px;\n  padding-left: 8px;\n  font-size: 14px;\n  border-radius: 16px;\n  color: #333;\n  cursor: pointer;\n  /* border: 1px solid #393939;   */\n  background-color: transparent; /* Make background transparent */\n  height: 26px;\n}\n\n.chip--unclickable {\n  cursor: default;\n}\n\n.delete-button {\n  margin-left: 12px; /* Increased spacing */\n  background-color: #fff; /* light circle */\n  border: none;\n  border-radius: 50%; /* make it round */\n  cursor: pointer;\n  width: 24px; /* Increased button dimensions */\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.delete-button svg {\n  width: 20px; /* Increased SVG dimensions */\n  height: 20px;\n  fill: #333; /* dark 'x' */\n}\n\n\n.left-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%; /* makes it round */\n  width: 24px;\n  height: 24px;\n  margin-right: 8px; /* add some spacing between the icon and the text */\n}\n\n\n","import { Component, Prop, h, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport Close16 from '@carbon/icons/es/close/16';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-chip` instead\n */\n\n@Component({\n  tag: 'stencil-chip',\n  styleUrl: 'stencil-chip.css',\n  shadow: true,\n})\nexport class StencilChip {\n  @Prop() text: string;\n  @Prop() color: 'primary' | 'secondary' = 'primary';\n  @Prop() level: number = 0;\n  @Prop() defaultToggled: boolean = false; // New Prop\n  @Prop() leftIcon: any; // New Prop for Left Icon\n  @Prop() showLeftIcon: boolean = false; // New Prop to control display of Left Icon\n  @Prop() showDelete: boolean = true;\n  @Prop() externalToggleString: string;\n  @Prop() clickable: boolean = true; // New Prop to turn off click ability\n\n  @Event() onDelete: EventEmitter<void>;\n  @Event() onToggle: EventEmitter<boolean>;\n  @Event({ bubbles: true }) udpChipClicked: EventEmitter<string>;\n\n  @State() toggled: boolean;\n\n  @Watch('externalToggleString')\n  externalStringChanged(newValue: string) {\n    if (newValue && newValue === this.text) {\n      this.toggleOff();\n    }\n  }\n\n  private toggleOff() {\n    if (this.toggled) {\n      this.toggled = false;\n      this.onToggle.emit(this.toggled); // Optionally emit an event\n    }\n  }\n\n  // Initialize the toggle state with the default value\n  componentWillLoad() {\n    this.toggled = this.defaultToggled;\n  }\n\n  handleClick = () => {\n    this.toggled = !this.toggled;\n    this.udpChipClicked.emit(this.text); // emit the event when clicked\n  };\n\n  handleDelete = (event: Event) => {\n    event.stopPropagation();\n    this.onDelete.emit();\n  };\n\n  // Method to lighten the color based on the level\n  getLightenedColor(color: 'primary' | 'secondary', level: number): string {\n    // Static HSL values for primary and secondary colors\n    const hslValues = {\n      primary: { hue: 156, saturation: 58, lightness: 67 },\n      secondary: { hue: 156, saturation: 58, lightness: 67 },\n    };\n\n    // Retrieve the correct color values\n    const { hue, saturation, lightness } = hslValues[color];\n\n    // Dramatically increase the lightness based on the level to ensure a noticeable difference\n    const lightnessIncrease = 15; // More substantial increase per level\n    const newLightness = Math.min(100, lightness + level * lightnessIncrease);\n\n    // Optional: Adjust hue for a more drastic change (future-proofing)\n    const hueAdjustment = 50; // Set to non-zero to see hue changes; keep at 0 for no change\n    const newHue = (hue + hueAdjustment * level) % 360; // Adjust hue based on level if needed\n\n    // Construct and return the HSL color string\n    return `hsl(${newHue}, ${saturation}%, ${newLightness}%)`;\n  }\n\n  render() {\n    const additionalPaddingWhenDeleteHidden = {\n      paddingRight: '8px', // Adjust this value according to your needs\n    };\n\n    const chipStyle = this.toggled ? {\n      //backgroundColor: this.color === 'primary' ? 'var(--primary-color)' : 'var(--secondary-color)',\n      backgroundColor: this.getLightenedColor(this.color, this.level),\n      color: '#000',\n      border: '1px solid var(--secondary-color)',\n      ...(!this.showDelete ? additionalPaddingWhenDeleteHidden : {}),\n    } : {\n      backgroundColor: 'transparent',\n      color: '#393939',\n      border: '1px solid var(--secondary-color)',\n      ...(!this.showDelete ? additionalPaddingWhenDeleteHidden : {}),\n    };\n\n    const deleteButtonStyle = this.toggled\n      ? {\n          backgroundColor: '#fff',\n          color: '#333',\n        }\n      : {\n          backgroundColor: '#d3d3d3', // light grey background\n          color: '#393939',\n        };\n\n    const leftIconStyle = this.toggled\n      ? {\n          backgroundColor: '#fff',\n          color: '#333',\n        }\n      : {\n          backgroundColor: 'var(--primary-color)', // Or some darker shade\n          color: '#fff',\n        };\n\n    const leftIconData = this.leftIcon || Close16; // Fallback to Add16 if no icon is provided\n\nreturn (\n  <div class={`chip${!this.clickable ? ' chip--unclickable' : ''}`} style={chipStyle} onClick={this.clickable ? this.handleClick : undefined}>\n    {/* {this.leftIcon && (\n      <span class=\"left-icon\" style={leftIconStyle}>\n        <svg {...leftIconData.attrs} fill={leftIconStyle.color}>\n          {leftIconData.content.map((item, index) => {\n            if (item.elem === 'path') {\n              return <path {...item.attrs} key={index} />;\n            }\n            return null;\n          })}\n        </svg>\n      </span>\n    )} */}\n      {this.leftIcon && (\n        <span class=\"left-icon\" style={leftIconStyle}>\n          <svg {...leftIconData.attrs} fill={leftIconStyle.color}>\n            {leftIconData.content.map((item, index) => {\n              if (item.elem === 'path') {\n                return <path {...item.attrs} key={index} />;\n              }\n              return null;\n            })}\n          </svg>\n        </span>\n      )}\n    <unity-typography variant='caption-text'>\n      <span class='remove-height'>{this.text}</span>\n    </unity-typography>\n    {this.showDelete && (\n      <button class=\"delete-button\" style={deleteButtonStyle} onClick={this.handleDelete}>\n        <svg {...Close16.attrs} fill={deleteButtonStyle.color}>\n          {Close16.content.map((item, index) => {\n            if (item.elem === 'path') {\n              return <path {...item.attrs} key={index} />;\n            }\n            return null;\n          })}\n        </svg>\n      </button>\n    )}\n  </div>\n);\n\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/stencil-icon-button-grid-action-header.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stencil-icon-button-grid-action-header.entry.js","sources":["src/components/buttons/icon-button/stencil-icon-button-grid-action-header.css?tag=stencil-icon-button-grid-action-header&encapsulation=shadow","src/components/buttons/icon-button/stencil-icon-button-grid-action-header.tsx"],"sourcesContent":[".icon-button {\n    background: rgb(255, 255, 255);\n    /* border: 1px solid rgb(171, 177, 174); */\n    border: 0px;\n    border-radius: 25px;  /* Changed from 50% to 25px */\n    /* min-width: 110px;   */\n    /* height: 34px; */\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    gap: 4px;\n    /* padding-right: 16px;\n    padding-left: 16px; */\n    padding: 10px;\n  }\n  \n  .icon-button-secondary {\n    background: transparent; \n    border: 0px;\n    color:  var(--primary-color);\n    border-radius: 25px;\n    height: 34px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    gap: 4px;\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n  \n  .icon-button.no-background {\n    background: transparent;\n    border: 0px;\n  }\n\n  button{\n    position: relative;\n  }\n\n  button[title]:not([title=\"Save View\"]):not([title='']):hover:after{\n    content: attr(title);\n    background-color: black;\n    color:white;\n    position:absolute;\n    top:110%;\n    padding: 5px;\n    border-radius: 5px;\n    z-index: 10;\n  }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'stencil-icon-button-grid-action-header',\n  styleUrl: 'stencil-icon-button-grid-action-header.css',\n  shadow: true,\n})\nexport class StencilIconButton {\n  @Prop() iconName: string;\n  //@Prop() onClick: () => void;\n  @Prop() onClick: (event: MouseEvent) => void;\n  @Prop() iconClassName: string;\n  @Prop() tooltip: string;\n  @Prop() icon: any; // Removed the default value\n  @Prop() secondary: boolean = false;\n  @Prop() noBackground: boolean = false;\n  @Prop() darkIcon: boolean = true;\n  @Prop() showLabel: boolean = true;\n  @Prop() count: number | null = null\n\n  render() {\n    let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class\n    let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style\n\n    // Use the 'noBackground' prop to add another conditional class\n    if (this.noBackground) {\n      buttonClass += ' no-background';\n    }\n\n    // Your existing code for setting up the icon\n    let iconColor = this.darkIcon ? 'black' : 'white';\n    iconColor = this.tooltip.toLowerCase() === 'save view' ? '#1d6bfd' : iconColor;\n    const iconData = this.icon; // Removed the default value\n\n    // ToolTip style is being modified in the CSS under title\n\n    const Content = () =>{\n      return (\n        <button class={buttonClass} onClick={this.onClick} title={this.showLabel ? '' : this.tooltip} style={buttonStyle}>\n        {/* Conditionally render the icon if one is provided */}\n        {iconData && (\n          <svg {...iconData.attrs} fill={iconColor}>\n            {iconData.content.map((item, index) => {\n              if (item.elem === 'path') {\n                return <path {...item.attrs} key={index} />;\n              }\n              return null;\n            })}\n          </svg>\n        )}\n        {/* Render slot conditionally based on showLabel */}\n        {this.showLabel\n          ? !['grid options', 'clear grid'].includes(this.tooltip.toLocaleLowerCase()) && <slot></slot>\n          : (this.showLabel || this.tooltip.toLowerCase() === 'save view') && <slot></slot>}\n      </button>\n      )\n    }\n    return ( \n      this.count ? (\n      <udp-badge content={this.count}>\n        <Content/>\n        </udp-badge>\n     ) : (\n     <Content/>\n    ))\n    \n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oCAAoC,GAAG,kqBAAkqB;;MCOlsB,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAC7B,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AACxB,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;AACzB,QAAA,IAAK,CAAA,KAAA,GAAkB,IAAI;AAiDpC;IA/CC,MAAM,GAAA;AACJ,QAAA,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,GAAG,uBAAuB,GAAG,aAAa,CAAC;QAC3E,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;;AAGtF,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,WAAW,IAAI,gBAAgB;;;AAIjC,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,OAAO;AACjD,QAAA,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS;AAC9E,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;;QAI3B,MAAM,OAAO,GAAG,MAAK;AACnB,YAAA,QACE,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAA,EAE/G,QAAQ,KACP,CAAS,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,CAAC,KAAK,EAAA,EAAE,IAAI,EAAE,SAAS,EAAA,CAAA,EACrC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACpC,gBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;oBACxB,OAAO,CAAA,CAAA,MAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAU,IAAI,CAAC,KAAK,IAAE,GAAG,EAAE,KAAK,EAAA,CAAA,CAAI;;AAE7C,gBAAA,OAAO,IAAI;AACb,aAAC,CAAC,CACE,CACP,EAEA,IAAI,CAAC;kBACF,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAa,CAAA,MAAA,EAAA,IAAA;kBAC3F,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,KAAK,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CAC5E;AAEX,SAAC;AACD,QAAA,QACE,IAAI,CAAC,KAAK,IACV,CAAW,CAAA,WAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,KAAK,EAAA,EAC5B,CAAA,CAAC,OAAO,EAAA,IAAA,CAAE,CACE,KAEf,CAAC,CAAA,OAAO,EAAE,IAAA,CAAA,CACV;;;;;;;"}

package/dist/esm/stencil-icon-button.udp-ambient-tool-tip.udp-badge.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stencil-icon-button.udp-ambient-tool-tip.udp-badge.entry.js","sources":["src/components/buttons/icon-button/stencil-icon-button.css?tag=stencil-icon-button&encapsulation=shadow","src/components/buttons/icon-button/stencil-icon-button.tsx","src/components/data-display/tool-tip/udp-ambient-tool-tip.css?tag=udp-ambient-tool-tip&encapsulation=shadow","src/components/data-display/tool-tip/udp-ambient-tool-tip.tsx","src/components/data-display/badge/udp-badge.css?tag=udp-badge&encapsulation=shadow","src/components/data-display/badge/udp-badge.tsx"],"sourcesContent":[".icon-button {\n  background: rgb(255, 255, 255);\n  border: 0px;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n}\n\n.icon-button-secondary {\n  background: transparent;\n  border: 0px;\n  color: var(--primary-color);\n  width: 38px;\n  height: 38px;\n  /* Use 50% for a perfect circle */\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n}\n\n.icon-button:hover {\n  background-color: #f5f5f5; /* Light gray background */\n}\n\n.icon-button-secondary:hover {\n  background-color: #f5f5f5; /* Light gray background */\n}\n\n.icon-button.no-background {\n  background: transparent;\n  border: 0px;\n}\n\n.icon-button.no-background:hover {\n  background-color: var(--primary-color-alpha-15);\n}\n\n.icon-button:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.icon-button-secondary:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-icon-button` instead, which provides better consistency with udp-button\n * and improved theming support.\n *\n * Migration guide:\n * - Replace `<stencil-icon-button>` with `<udp-icon-button>`\n * - `secondary=true` → `variant='text'` or `variant='outlined'`\n * - `noBackground=true` → `variant='text'`\n * - `darkIcon` → Use `color` prop instead\n * - `showLabel` → Use slot content (if content provided, label shows)\n * - `count` → Use `badgeContent` prop\n */\n@Component({\n  tag: 'stencil-icon-button',\n  styleUrl: 'stencil-icon-button.css',\n  shadow: true,\n})\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-icon-button` instead.\n */\nexport class StencilIconButton {\n  @Prop() iconName: string;\n  //@Prop() onClick: () => void;\n  @Prop() onClick: (event: MouseEvent) => void;\n\n  componentWillLoad() {\n    console.warn(\n      '⚠️ stencil-icon-button is deprecated and will be removed in a future version. ' +\n      'Please migrate to udp-icon-button for better consistency and theming support. ' +\n      'See component documentation for migration guide.'\n    );\n  }\n\n  @Prop() iconClassName: string;\n  @Prop() tooltip: string;\n  @Prop() icon: any; // Removed the default value\n  @Prop() secondary: boolean = false;\n  @Prop() noBackground: boolean = false;\n  @Prop() noTooltip: boolean = false;\n  @Prop() darkIcon: boolean = true;\n  @Prop() showLabel: boolean = true;\n  @Prop() disabled: boolean = false;\n  @Prop() buttonId: string;\n  @Prop() count : number | null = null\n\n  render() {\n    let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class\n    let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style\n\n    // Use the 'noBackground' prop to add another conditional class\n    if (this.noBackground) {\n      buttonClass += ' no-background';\n    }\n\n    // Your existing code for setting up the icon\n    const iconColor = this.darkIcon ? 'black' : 'white';\n    const iconData = this.icon; // Removed the default value\n\n    const Content = () =>{\n      return (\n        <button disabled={this.disabled} class={buttonClass} onClick={this.onClick} title={this.showLabel ? this.tooltip : null} style={buttonStyle} id={this.buttonId}>\n        {/* Conditionally render the icon if one is provided */}\n        {iconData && (\n          <svg {...iconData.attrs} fill={iconColor}>\n            {iconData.content.map((item, index) => {\n              if (item.elem === 'path') {\n                return <path {...item.attrs} key={index} />;\n              } else if (item.elem === 'circle') {\n                return <circle {...item.attrs} key={index} />;\n              }\n              return null;\n            })}\n          </svg>\n        )}\n        {this.showLabel && <slot></slot>}\n      </button>\n      )\n    }\n    return (\n      <udp-ambient-tool-tip content={this.showLabel ? '' : this.tooltip} noTooltip={this.noTooltip}>\n        { this.count ? (\n           <udp-badge content={this.count}>\n             <Content/>\n           </udp-badge>\n        ) : (\n            <Content/>\n        )\n        }\n      </udp-ambient-tool-tip>\n    );\n  }\n}\n",".tooltip-wrapper {\n  display: inline-block;\n}\n","import { Component, Prop, State, h } from '@stencil/core';\nimport { createPopper, Instance as PopperInstance } from '@popperjs/core';\n\n// STEP 1: Define a unique ID for our style tag and the CSS rules it will contain.\n// We give the class a unique name to ensure it never conflicts with other styles.\nconst TOOLTIP_STYLE_ID = 'udp-ambient-tool-tip-styles';\n\nconst tooltipComponentStyles = `\n  .udp-tooltip-portal {\n    position: fixed; /* This is set by Popper, but we define it for clarity */\n    z-index: 10000;\n    background-color: var(--tooltip-background, #f8f9fa);\n    color: var(--tooltip-text-color, #212529);\n    border: 1px solid var(--tooltip-border-color, #dee2e6);\n    padding: 3px 6px;\n    border-radius: var(--border-radius, 6px);\n    font-size: 0.875rem;\n    max-width: 250px;\n    width: max-content;\n    text-align: center;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    white-space: normal;\n  }\n`;\n\n@Component({\n  tag: 'udp-ambient-tool-tip',\n  styleUrl: 'udp-ambient-tool-tip.css',\n  shadow: true, // Keep shadow DOM for the wrapper\n})\nexport class UdpAmbientToolTip {\n  @Prop() content: string;\n  @Prop() noTooltip: boolean;\n  @State() isVisible: boolean = false;\n\n  private wrapperEl: HTMLElement;\n  private tooltipContentEl: HTMLElement;\n  private popperInstance: PopperInstance;\n\n  // STEP 2: Create a function to inject the styles into the document <head>.\n  // This only runs once, the very first time any tooltip is shown on the page.\n  private ensureTooltipStyles() {\n    if (!document.getElementById(TOOLTIP_STYLE_ID)) {\n      const styleEl = document.createElement('style');\n      styleEl.id = TOOLTIP_STYLE_ID;\n      styleEl.innerHTML = tooltipComponentStyles;\n      document.head.appendChild(styleEl);\n    }\n  }\n\n  showTooltip = () => {\n    if (this.noTooltip || !this.content || this.content.trim() === '') {\n      return;\n    }\n\n    // STEP 3: Call our style injection function before making the tooltip visible.\n    this.ensureTooltipStyles();\n    this.isVisible = true;\n\n    requestAnimationFrame(() => {\n      if (!this.tooltipContentEl) return;\n      document.body.appendChild(this.tooltipContentEl);\n      this.setupPopper();\n    });\n  };\n\n  hideTooltip = () => {\n    this.destroyPopper();\n    if (this.tooltipContentEl && this.tooltipContentEl.parentElement === document.body) {\n      document.body.removeChild(this.tooltipContentEl);\n    }\n    this.isVisible = false;\n  };\n\n  private setupPopper = () => {\n    if (!this.wrapperEl || !this.tooltipContentEl) return;\n    this.popperInstance = createPopper(this.wrapperEl, this.tooltipContentEl, {\n      strategy: 'fixed',\n      placement: 'top',\n      modifiers: [\n        { name: 'offset', options: { offset: [0, 8] } },\n        { name: 'preventOverflow', options: { padding: 8 } },\n        { name: 'flip' },\n      ],\n    });\n  };\n\n  private destroyPopper = () => {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  };\n\n  disconnectedCallback() {\n    this.hideTooltip();\n  }\n\n  render() {\n    // Check if content is provided before rendering the tooltip content.\n    const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';\n\n    return (\n      <div\n        class=\"tooltip-wrapper\"\n        ref={el => (this.wrapperEl = el)}\n        onMouseOver={this.showTooltip}\n        onMouseOut={this.hideTooltip}\n        //onFocusIn={this.showTooltip}\n        //onFocusOut={this.hideTooltip}\n      >\n        <slot></slot>\n        {shouldDisplayTooltip && (\n          // STEP 4: Use the global class name we defined in our style string.\n          <div class=\"udp-tooltip-portal\" role=\"tooltip\" ref={el => (this.tooltipContentEl = el)}>\n            <unity-typography variant=\"caption-text\">{this.content}</unity-typography>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n",".badge-wrapper {\n    position: relative;\n    display: inline-block;\n  }\n\n  .badge-content {\n    position: absolute;\n    top: -12px;\n    right: -8px;\n    background-color: var(--primary-color);\n    color: white;\n    border-radius: 50%;\n    padding: 4px;\n    min-width: 18px;\n    text-align: center;\n    z-index: 1;\n  }\n","import { Component, h, Prop } from '@stencil/core';\nimport './udp-badge.css';\n\n@Component({\n  tag: 'udp-badge',\n  styleUrl: 'udp-badge.css',\n  shadow: true,\n})\nexport class UdpBadge {\n  @Prop() content: number = 0;\n  @Prop() max: number = 99;\n\n  render() {\n    const displayContent =\n      this.content > this.max ? `${this.max}+` : this.content;\n\n    return (\n      <div class=\"badge-wrapper\">\n        <slot></slot>\n        <span class=\"badge-content\">\n            <unity-typography variant='caption-text' > {displayContent} </unity-typography>\n            \n        </span>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"stencil-library.js","sources":["../../node_modules/.pnpm/@stencil+core@4.38.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/esm/stencil-toggle.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stencil-toggle.entry.js","sources":["src/components/inputs/toggle/stencil-toggle.css?tag=stencil-toggle&encapsulation=shadow","src/components/inputs/toggle/stencil-toggle.tsx"],"sourcesContent":["@import '../inputs.css';\n\n/* Size variants for toggle sizing */\n:host(.udp-input--size-small) .toggle-container {\n  width: 32px;\n  height: 18px;\n}\n\n:host(.udp-input--size-small) button {\n  border-radius: 18px;\n}\n\n:host(.udp-input--size-small) .toggle-knob {\n  width: 14px;\n  height: 14px;\n  top: 2px;\n  left: 2px;\n}\n\n:host(.udp-input--size-small) .toggled .toggle-knob {\n  left: 16px;\n}\n\n:host(.udp-input--size-normal) .toggle-container {\n  width: 38px;\n  height: 22px;\n}\n\n:host(.udp-input--size-normal) button {\n  border-radius: 22px;\n}\n\n:host(.udp-input--size-normal) .toggle-knob {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n}\n\n:host(.udp-input--size-normal) .toggled .toggle-knob {\n  left: 18px;\n}\n\n:host(.udp-input--size-large) .toggle-container {\n  width: 44px;\n  height: 26px;\n}\n\n:host(.udp-input--size-large) button {\n  border-radius: 26px;\n}\n\n:host(.udp-input--size-large) .toggle-knob {\n  width: 22px;\n  height: 22px;\n  top: 2px;\n  left: 2px;\n}\n\n:host(.udp-input--size-large) .toggled .toggle-knob {\n  left: 20px;\n}\n\n.toggle-container {\n  position: relative;\n  display: inline-block;\n}\n\nbutton {\n  appearance: none;\n  background-color: var(--gray-04, #ccc);\n  width: 100%;\n  height: 100%;\n  position: relative;\n  outline: none;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.toggled button {\n  background-color: var(--primary-color, #344861);\n}\n\n.toggle-knob {\n  position: absolute;\n  background-color: var(--white, #ffffff);\n  border-radius: 50%;\n  transition: left 0.2s ease;\n}\n\n/* Size variants for label spacing */\n:host(.udp-input--size-small) .label-left {\n  margin-right: var(--spacing-02);\n}\n\n:host(.udp-input--size-small) .label-right {\n  margin-left: var(--spacing-02);\n}\n\n:host(.udp-input--size-small) .label-bottom {\n  margin-top: var(--spacing-02);\n}\n\n:host(.udp-input--size-normal) .label-left {\n  margin-right: var(--spacing-03);\n}\n\n:host(.udp-input--size-normal) .label-right {\n  margin-left: var(--spacing-03);\n}\n\n:host(.udp-input--size-normal) .label-bottom {\n  margin-top: var(--spacing-03);\n}\n\n:host(.udp-input--size-large) .label-left {\n  margin-right: var(--spacing-04);\n}\n\n:host(.udp-input--size-large) .label-right {\n  margin-left: var(--spacing-04);\n}\n\n:host(.udp-input--size-large) .label-bottom {\n  margin-top: var(--spacing-04);\n}\n\n.toggle-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.toggle-wrapper.position-left {\n  flex-direction: row;\n}\n\n.toggle-wrapper.position-right {\n  flex-direction: row;\n}\n\n.toggle-wrapper.position-bottom {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.toggle-label {\n  font-size: var(--caption-font-size, 0.875rem);\n}\n\n.label-left {\n  margin-right: var(--spacing-03);\n}\n\n.label-right {\n  margin-left: var(--spacing-03);\n}\n\n.label-bottom {\n  margin-top: var(--spacing-03);\n}\n","import { Component, Prop, State, h, Host, Event, EventEmitter, Watch, Element } from '@stencil/core';\nimport { InputMargin, InputSize } from '../input-types';\n\n/**\n * A standardized toggle/switch component with customizable positioning and comprehensive state management.\n * Supports both controlled and uncontrolled modes with proper accessibility features and standard DOM events.\n *\n * **Toggle States:**\n * - Uses boolean internal state with string value emission for form compatibility\n * - Accepts various string formats for initial values ('true', '1', 'on')\n * - Emits string values ('true'/'false') for consistent form integration\n *\n * **Accessibility:**\n * - Proper ARIA attributes (role=\"switch\", aria-checked, aria-labelledby)\n * - Keyboard navigation support\n * - Semantic label association with htmlFor attribute\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <stencil-toggle\n *   label=\"Enable notifications\"\n *   initialValue=\"false\"\n *   onChange={(e) => console.log('Toggled:', e.detail)}\n * />\n *\n * // Controlled component\n * <stencil-toggle\n *   label=\"Dark mode\"\n *   checked={isDarkMode}\n *   onChange={(e) => setIsDarkMode(e.detail === 'true')}\n * />\n *\n * // With custom positioning and validation\n * <stencil-toggle\n *   label=\"Accept terms\"\n *   labelPosition=\"right\"\n *   required={true}\n *   error={termsError}\n *   checked={acceptTerms}\n *   onChange={handleTermsChange}\n * />\n * ```\n */\n@Component({\n  tag: 'stencil-toggle',\n  styleUrl: 'stencil-toggle.css',\n  shadow: true,\n})\nexport class StencilToggle {\n  @Element() el: HTMLElement;\n\n  @State() toggled: boolean = false;\n\n  /**\n   * Initial value for the toggle. Used for uncontrolled components to set the default state.\n   * Accepts string values: 'true', '1', 'on' for true state, anything else for false.\n   * Only used when `checked` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current checked state of the toggle. 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;\n\n  /**\n   * Label text displayed next to the toggle. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Position of the label relative to the toggle switch.\n   * - 'left': Label appears to the left of the toggle (default)\n   * - 'right': Label appears to the right of the toggle\n   * - 'bottom': Label appears below the toggle\n   */\n  @Prop() labelPosition: 'left' | 'right' | 'bottom' = 'left';\n\n  /**\n   * Whether the toggle is disabled. Users cannot interact with the toggle when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Legacy ID property for the toggle element. Use `id` prop instead for new implementations.\n   * @deprecated Use the standard `id` prop instead\n   */\n  @Prop() idItem: string;\n\n  /**\n   * Unique identifier for the toggle element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the toggle element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Error message to display below the toggle. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the toggle is required for form submission. Adds visual indicator and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Margin spacing around the component. Affects vertical spacing in form layouts.\n   * - 'none': No margin\n   * - 'dense': Reduced margin for compact layouts\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * Size variant for the toggle component.\n   * - 'small': Smaller toggle size.\n   * - 'normal': Standard toggle size (default).\n   * - 'large': Larger toggle size.\n   */\n  @Prop() size: InputSize = 'normal';\n\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the toggle state changes through user interaction.\n   * Contains the new state as a string value ('true' or 'false') for form compatibility.\n   * @deprecated Use standard 'change' event instead for better integration\n   */\n  @Event() toggledChange: EventEmitter;\n\n  // Static counter to ensure unique IDs for generated fallbacks\n  private static S_TOGGLE_ID_COUNTER = 0;\n  // Internally generated ID if no idItem is provided\n  private _internalId: string;\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 toggle state 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    // Update toggled when initialValue changes (for form resets, etc.)\n    if (newValue !== undefined) {\n      this.toggled = newValue === 'true' || newValue === '1' || newValue === 'on';\n    }\n  }\n\n  /**\n   * Watcher for the checked prop. Updates the toggle state when the checked prop changes\n   * (controlled component behavior).\n   */\n  @Watch('checked')\n  checkedChanged() {\n    // Backward compatibility: if checked prop is set directly, use it\n    if (this.checked !== undefined && this.checked !== this.toggled) {\n      this.toggled = this.checked;\n    }\n  }\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the toggle state from either the checked prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize toggled from initialValue or checked prop (backward compatibility)\n    if (this.initialValue !== undefined) {\n      this.toggled = this.initialValue === 'true' || this.initialValue === '1' || this.initialValue === 'on';\n    } else {\n      this.toggled = this.checked || false;\n    }\n\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    // Generate a unique ID for the toggle instance if idItem is not provided.\n    // This ensures the label's htmlFor can always link to the button's id.\n    this._internalId = `stencil-toggle-generated-${StencilToggle.S_TOGGLE_ID_COUNTER++}`;\n  }\n\n  /**\n   * Legacy lifecycle method - no longer needed with current state management.\n   * @deprecated This method is no longer used\n   */\n  componentWillUpdate() {\n    // Remove this since we're handling state differently now\n  }\n\n  /**\n   * Handles toggle button clicks and keyboard interactions.\n   * Updates internal state and emits both legacy and standard DOM events.\n   */\n  toggleButton() {\n    if (this.disabled) return;\n\n    this.toggled = !this.toggled;\n\n    // Update controlled value if this is a controlled component\n    if (this.checked !== undefined) {\n      this.checked = this.toggled;\n    }\n\n    // Emit for backward compatibility\n    this.toggledChange.emit(this.toggled);\n\n    // Emit standard DOM events that stencil-field and form libraries can handle\n    const changeEvent = new CustomEvent('change', {\n      detail: this.toggled ? 'true' : 'false',\n      bubbles: true\n    });\n    this.el.dispatchEvent(changeEvent);\n\n    const inputEvent = new CustomEvent('input', {\n      detail: this.toggled ? 'true' : 'false',\n      bubbles: true\n    });\n    this.el.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Renders the toggle component with proper accessibility attributes and layout.\n   * Handles label positioning and generates unique IDs for form association.\n   */\n  render() {\n    // Use the provided idItem, id, or fall back to the internally generated ID\n    const baseId = this.idItem || this.id || this._internalId;\n    const buttonId = `${baseId}-button`;\n    const labelId = `${baseId}-label`;\n    const isError = !!this.errorMessage;\n\n    const labelElement = this.label && (\n      <label id={labelId} class={`toggle-label label-${this.labelPosition}`} htmlFor={!this.disabled ? buttonId : undefined}>\n        <unity-typography variant=\"caption-text\">{this.label}</unity-typography>\n      </label>\n    );\n\n    const toggleElement = (\n      <div class={`toggle-container ${this.toggled ? 'toggled' : ''}`}>\n        <button\n          id={buttonId}\n          onClick={() => this.toggleButton()}\n          disabled={this.disabled}\n          aria-checked={this.toggled.toString()}\n          aria-labelledby={labelId}\n          role=\"switch\"\n        >\n          <span class=\"toggle-knob\"></span>\n        </button>\n      </div>\n    );\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--checked': this.toggled,\n          [`udp-input--margin-${this.margin}`]: true,\n          [`udp-input--size-${this.size}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n      >\n        <div class={`toggle-wrapper position-${this.labelPosition}`}>\n          {this.labelPosition === 'left' && labelElement}\n          {toggleElement}\n          {this.labelPosition === 'right' && labelElement}\n          {this.labelPosition === 'bottom' && labelElement}\n          {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/tenantUtils-Basdb1b1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tenantUtils-Basdb1b1.js","sources":["src/udp-utilities/tenant/tenantUtils.ts"],"sourcesContent":["export function getCurrentTenantId(): string | null | undefined{\n    return sessionStorage.getItem('active-tenant');\n}"],"names":[],"mappings":"SAAgB,kBAAkB,GAAA;AAC9B,IAAA,OAAO,cAAc,CAAC,OAAO,CAAC,eAAe,CAAC;AAClD;;;;"}

package/dist/esm/text-field.udp-selector.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field.udp-selector.entry.js","sources":["src/components/inputs/text-field/text-field.css?tag=text-field&encapsulation=shadow","src/components/inputs/text-field/text-field.tsx","src/components/inputs/udp-selector/udp-selector.css?tag=udp-selector&encapsulation=shadow","src/components/inputs/udp-selector/udp-selector.tsx"],"sourcesContent":["@import '../inputs.css';","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized text input field component with error handling, validation, and custom styling.\n * Supports both controlled and uncontrolled modes with proper event emission for integration\n * with form libraries and custom event handlers.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <text-field\n *   placeholder=\"Enter your name\"\n *   initialValue=\"John Doe\"\n *   onChange={(e) => console.log('Final value:', e.detail)}\n * />\n *\n * // Controlled component\n * <text-field\n *   placeholder=\"Enter your name\"\n *   value={nameValue}\n *   onChange={(e) => setNameValue(e.detail)}\n * />\n *\n * // With validation and error handling\n * <text-field\n *   label=\"Email Address\"\n *   placeholder=\"user@example.com\"\n *   required={true}\n *   error={emailError}\n *   value={email}\n *   onChange={handleEmailChange}\n * />\n * ```\n */\n@Component({\n  tag: 'text-field',\n  styleUrl: 'text-field.css',\n  shadow: true,\n})\nexport class TextField {\n  @Element() el: HTMLElement;\n\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: 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   * Placeholder text shown when the input is empty. Provides hints about expected input format.\n   */\n  @Prop() placeholder: 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   * Whether the field is read-only. Users can see the value but cannot modify it.\n   */\n  @Prop() readonly: boolean;\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Minimum number of characters required in the input. Enforces minimum character limits.\n   */\n  @Prop() minCharacter: number;\n\n  /**\n   * Maximum number of characters allowed in the input. Enforces character limits.\n   */\n  @Prop() maxCharacter: number;\n\n  /**\n   * Current value of the input field. 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   * Initial value for the input field. 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   * Whether the field should be hidden from display while maintaining form functionality.\n   */\n  @Prop() hidden: 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   * Input mode hint for mobile keyboards. Optimizes keyboard layout for specific input types.\n   * Common values: 'text', 'email', 'tel', 'url', 'numeric', 'decimal', 'search'\n   */\n  @Prop() inputMode: string;\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 error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Internal value state. Manages the current input value independently of props.\n   * @internal\n   */\n  @State() internalValue: string;\n\n  /**\n   * Emitted when the text field 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 text field\n   *\n   * @example\n   * ```tsx\n   * <text-field onChange={(e) => handleValueChange(e.detail)} />\n   * ```\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when validation errors occur (e.g., character length outside min/max constraints).\n   * Contains the error message string. Empty string indicates no error.\n   */\n  @Event({\n    eventName: 'error',\n    bubbles: true,\n    composed: true,\n    cancelable: true\n  }) errorEvent: 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 value when initialValue prop changes.\n   * Only updates if current value is empty to avoid overriding user input.\n   * @internal\n   */\n  @Watch('initialValue')\n  updateInitialValue() {\n    // Only update if we don't have a value yet or if explicitly resetting\n    if (this.internalValue === '' || this.internalValue === undefined) {\n      this.internalValue = this.initialValue || '';\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  updateValue() {\n    // If value prop is provided, this is a controlled component\n    if (this.value !== undefined) {\n      this.internalValue = this.value;\n    }\n  }\n\n  /**\n   * Validates the text value against min/max character constraints\n   * @param value - The text value to validate\n   * @returns Error message if invalid, empty string if valid\n   */\n  private validateCharacterLength(value: string): string {\n    if (!value) return '';\n\n    const length = value.length;\n\n    if (this.minCharacter && length < this.minCharacter) {\n      return `Must be at least ${this.minCharacter} characters`;\n    }\n\n    if (this.maxCharacter && length > this.maxCharacter) {\n      return `Must be no more than ${this.maxCharacter} characters`;\n    }\n\n    return '';\n  }\n\n  /**\n   * Sets error state and dispatches error event that bubbles to stencil-field\n   * @param errorMessage - The error message to set and dispatch\n   */\n  private setAndDispatchError(errorMessage: string) {\n    console.log('Setting text field error:', errorMessage);\n\n    // Update internal error state\n    this.errorMessage = errorMessage;\n\n    // Emit Stencil error event\n    this.errorEvent.emit(errorMessage);\n\n    // Dispatch custom error event that bubbles up to stencil-field\n    const errorEvent = new CustomEvent('error', {\n      detail: errorMessage,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(errorEvent);\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and internal value.\n   * @internal\n   */\n  componentWillLoad() {\n    // Initialize error message\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\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    // Validate the initial value\n    if (this.internalValue) {\n      const validationError = this.validateCharacterLength(this.internalValue);\n      if (validationError) {\n        this.setAndDispatchError(validationError);\n      }\n    }\n  }\n\n  /**\n   * Handles input events (real-time typing). Updates internal state and emits input event.\n   * For controlled components, also updates the value prop.\n   * @param event - The native input event\n   * @internal\n   */\n  private onInput = (event: InputEvent) => {\n    if (this.readonly) {\n      // Prevent typing if the field is read-only\n      const input = event.target as HTMLInputElement;\n      input.value = this.internalValue;\n      return;\n    }\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    // Re-evaluate validation on input if there's currently an error\n    // This provides immediate feedback when user corrects the error\n    if (this.errorMessage) {\n      const validationError = this.validateCharacterLength(newValue);\n\n      if (validationError !== this.errorMessage) {\n        // Error state has changed, update it\n        this.setAndDispatchError(validationError);\n      }\n    }\n  }\n\n  /**\n   * Handles change events (committed changes on blur/enter). Emits change event.\n   * @param event - The native change event\n   * @internal\n   */\n  private onChange = (event: Event) => {\n    if (this.readonly) {\n      return;\n    }\n    const newValue = (event.target as HTMLInputElement).value;\n\n    // Validate the new value for character length constraints\n    const validationError = this.validateCharacterLength(newValue);\n\n    if (validationError) {\n      // Character length validation failed\n      this.setAndDispatchError(validationError);\n    } else {\n      // Character length validation passed, clear any existing error\n      this.setAndDispatchError('');\n    }\n\n    // Emit change event when user finishes editing (blur, enter, etc.)\n    this.change.emit(newValue);\n  }\n\n  render() {\n    const isError = !!this.errorMessage;\n\n    const inputClass = {\n      'bx--text-input': true,\n      'bx--text-input--error': isError,\n      'bx--text-input:user-invalid': isError,\n      'text-field--disabled': this.disabled,\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--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          {this.hidden ? (\n            <input id={this.id} type=\"hidden\" value={this.internalValue} />\n          ) : (\n            <input\n              id={this.id}\n              type=\"text\"\n              class={{ ...inputClass }}\n              placeholder={this.placeholder}\n              value={this.internalValue}\n              required={this.required}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              maxLength={this.maxCharacter}\n              inputMode={this.inputMode}\n              onInput={this.onInput}\n              onChange={this.onChange}\n              //@ts-ignore\n              udprecordid={'udpRecord-text-field-' + this.id}\n            />\n          )}\n          {isError && (\n            <div class=\"error-message\">\n              <unity-typography variant=\"caption-text\" color=\"error\">{this.errorMessage}</unity-typography>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../inputs.css';\n\n/* UDP Selector specific styles */\n\n/* Size variants for selector */\n:host(.udp-input--size-small) .selected-option {\n  padding: var(--spacing-02);\n  padding-bottom: 6px;\n  font-size: var(--caption-font-size, 0.875rem);\n}\n\n:host(.udp-input--size-normal) .selected-option {\n  padding: var(--spacing-03);\n  padding-bottom: 9px;\n  font-size: var(--body-font-size);\n}\n\n:host(.udp-input--size-large) .selected-option {\n  padding: var(--spacing-04);\n  padding-bottom: 12px;\n  font-size: var(--body-font-size);\n}\n\n.selected-option {\n  border: none;\n  border-bottom: var(--underline-standard) solid var(--input-underline-color, var(--gray-08));\n  box-sizing: border-box;\n  cursor: pointer;\n  background-color: var(--input-background);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--spacing-03);\n  padding-bottom: 9px;\n  width: 100%;\n  font-size: var(--body-font-size);\n  font-family: var(--font-family);\n  transition: border-bottom-color 0.15s ease-in-out;\n}\n\n.selected-option:active,\n.selected-option:focus,\n.selected-option.focused {\n  outline: none;\n  border-bottom-color: var(--input-underline-color-focus, var(--primary-color));\n  border-bottom-width: 2px;\n}\n\n/* Error state for selector */\n:host(.udp-input--error) .selected-option,\n:host(.udp-input--error) .selected-option:focus,\n:host(.udp-input--error) .selected-option:active,\n:host(.udp-input--error) .selected-option.focused {\n  border-bottom-color: var(--input-underline-color-error, var(--error-color-main)) !important;\n}\n\n/* Disabled state for selector */\n:host(.udp-input--disabled) .selected-option {\n  border-bottom-color: var(--input-underline-color-disabled, var(--gray-08));\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.selected-option-label {\n  flex-grow: 1;\n  color: var(--ag-foreground-color, #000);\n}\n\n.selected-option-label.placeholder {\n  color: var(--placeholder-color, #999);\n}\n\n.udp-selector--large .selected-option {\n  background-color: var(--gray-08);\n  color: white;\n  width: 60px;\n  padding: var(--spacing-05);\n  box-shadow: var(--elevation-08);\n  width: 100px;\n  border-radius: 50px;\n  font-size: var(--body-font-size);\n}\n\n.arrow {\n  position: relative;\n  display: inline-block;\n  width: 10px;\n  height: 5px;\n}\n\n.arrow::before,\n.arrow::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  width: 0.6em;\n  height: 10px;\n  border-bottom: var(--underline-standard) solid var(--gray-09);\n}\n\n.udp-selector--large .selected-option .arrow::before,\n.udp-selector--large .selected-option .arrow::after {\n  border-bottom: 1px solid white;\n}\n\n.arrow::before {\n  left: -0.1em;\n  transform: rotate(-45deg);\n}\n\n.arrow::after {\n  /* left: 0.5em; */\n  transform: rotate(45deg);\n}\n\n.udp-selector__container {\n  position: relative;\n}\n\n.options-list {\n  max-width: 100%;\n  border: none;\n  margin: 4px 0 0 0;\n  padding: 0;\n  list-style: none;\n  z-index: 9999;\n  max-height: 150px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border-radius: var(--border-radius);\n  box-shadow: var(--elevation-08);\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.options-list li {\n  position: relative;\n  padding: 10px;\n  cursor: pointer;\n  background-color: var(--input-background);\n}\n\n.options-list li:hover {\n  background-color: var(--primary-color);\n  color: white;\n}\n","import { Component, Prop, State, h, Watch, Element, Listen, Host } from '@stencil/core';\nimport { createPopper, Instance as PopperInstance } from '@popperjs/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized selector component with single/multi-select support and various display options.\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 * @example\n * ```tsx\n * // Uncontrolled component with initial selection\n * <udp-selector\n *   options={[{ value: '1', label: 'Option 1' }, { value: '2', label: 'Option 2' } ]}\n *   initialValue=\"1\"\n *   label=\"Select an option\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component with multi-select\n * <udp-selector\n *   options={[{ value: 'a', label: 'Apple' }, { value: 'b', label: 'Banana' } ]}\n *   value={selectedFruits}\n *   multiSelect={true}\n *   label=\"Select fruits\"\n *   onChange={(e) => setSelectedFruits(e.detail)}\n * />\n *\n * // With validation and density\n * <udp-selector\n *   options={[{ value: 'x', label: 'X-ray' }, { value: 'y', label: 'Yacht' } ]}\n *   label=\"Choose type\"\n *   required={true}\n *   error={selectionError}\n *   density=\"dense\"\n *   onChange={handleTypeChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-selector',\n  styleUrl: 'udp-selector.css',\n  shadow: true,\n})\nexport class UdpSelector {\n  @Element() el: HTMLElement;\n\n  /**\n   * Array of options to display in the selector. Each option should be an object with `value` and `label` properties.\n   */\n  @Prop() options: Array<{ value: string; label: string }> = [];\n\n  /**\n   * Initial value for the selector. Used for uncontrolled components to set the default selection.\n   * For multi-select, use comma-separated values (e.g., \"1,2,3\").\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the selector. When provided, makes this a controlled component.\n   * For multi-select, use comma-separated values (e.g., \"1,2,3\").\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Whether the selector should display in a large style.\n   */\n  @Prop() large: boolean = false;\n\n  /**\n   * Whether multiple items can be selected. When false, only one item can be selected at a time.\n   */\n  @Prop() multiSelect: boolean = false;\n\n  /**\n   * Name attribute for form submission. Used for form data collection.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the selector. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Error message to display below the selector. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the field is required for form submission. Adds validation behavior.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Unique identifier for the selector element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Whether the selector is disabled. Users cannot interact with the selector when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the selector is in a read-only state. Users can see the value but cannot modify it.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the selector.\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 state to control the visibility of the dropdown options.\n   * @internal\n   */\n  @State() isOpen = false;\n\n  /**\n   * Internal state to manage selected options for multi-select mode.\n   * @internal\n   */\n  @State() selectedOptions: Array<{ value: string; label: string }> = [];\n\n  /**\n   * Internal state to manage the selected option for single-select mode.\n   * @internal\n   */\n  @State() selectedOption: { value: string; label: string } | null = null;\n\n  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  private popperInstance: PopperInstance;\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 selection when the `initialValue` prop changes.\n   * @param newValue - The new initial value.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.setSelectionFromValue(newValue);\n    }\n  }\n\n  /**\n   * Updates the selection when the `value` prop changes.\n   * @internal\n   */\n  @Watch('value')\n  valueChanged() {\n    if (this.value !== undefined) {\n      this.setSelectionFromValue(this.value);\n    }\n  }\n\n  /**\n   * Handles clicks outside the component to close the dropdown.\n   * @param event - The mouse event.\n   * @internal\n   */\n  @Listen('click', { target: 'document' })\n  handleClickOutside(event: MouseEvent) {\n    if (this.isOpen && !event.composedPath().includes(this.el)) {\n      this.isOpen = false;\n    }\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and selection state.\n   * @internal\n   */\n  componentWillLoad() {\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    const initValue = this.initialValue || this.value;\n    if (initValue) {\n      this.setSelectionFromValue(initValue);\n    }\n  }\n\n  /**\n   * Component lifecycle method. Destroys the Popper.js instance when the component is removed from the DOM.\n   * @internal\n   */\n  disconnectedCallback() {\n    this.destroyPopper();\n  }\n\n  /**\n   * Handles the blur event on the selector. Delays closing the dropdown to allow option clicks.\n   * @internal\n   */\n  handleBlur = () => {\n    setTimeout(() => {\n      this.isOpen = false;\n    }, 200);\n  };\n\n  /**\n   * Prevents the blur event on the main input when an option is clicked.\n   * @param event - The mouse event.\n   * @internal\n   */\n  handleOptionMouseDown = (event: MouseEvent) => {\n    event.preventDefault();\n  };\n\n  /**\n   * Watches for changes in the `isOpen` state and sets up/destroys the Popper.js instance accordingly.\n   * @param isOpen - The new state of `isOpen`.\n   * @internal\n   */\n  @Watch('isOpen')\n  handleOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      requestAnimationFrame(() => this.setupPopper());\n    } else {\n      this.destroyPopper();\n    }\n  }\n\n  /**\n   * Toggles the visibility of the dropdown options.\n   * @internal\n   */\n  toggleDropdown() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.isOpen = !this.isOpen;\n  }\n\n  /**\n   * Sets up the Popper.js instance for positioning the dropdown.\n   * @internal\n   */\n  setupPopper() {\n    const referenceEl = this.el.shadowRoot.querySelector('.selected-option');\n    const popperEl = this.el.shadowRoot.querySelector('.options-list');\n\n    if (referenceEl && popperEl) {\n      this.popperInstance = createPopper(referenceEl, popperEl as HTMLElement, {\n        strategy: 'fixed',\n        placement: 'bottom-start',\n        modifiers: [\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 4],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 8,\n            },\n          },\n          {\n            name: 'flip',\n          },\n          {\n            name: 'sameWidth',\n            enabled: true,\n            phase: 'beforeWrite',\n            requires: ['computeStyles'],\n            fn: ({ state }) => {\n              state.styles.popper.width = `${state.rects.reference.width}px`;\n            },\n          },\n        ],\n      });\n    }\n  }\n\n  /**\n   * Destroys the Popper.js instance.\n   * @internal\n   */\n  destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  /**\n   * Sets the selected option(s) based on a provided value string.\n   * @param value - The value string (comma-separated for multi-select).\n   * @internal\n   */\n  setSelectionFromValue(value: string) {\n    if (!value || this.options.length === 0) {\n      if (this.multiSelect) {\n        this.selectedOptions = [];\n      } else {\n        this.selectedOption = null;\n      }\n      return;\n    }\n\n    if (this.multiSelect) {\n      const values = value.split(',').map(v => v.trim()).filter(v => v);\n      this.selectedOptions = this.options.filter(option => values.includes(option.value));\n    } else {\n      const option = this.options.find(opt => opt.value === value);\n      this.selectedOption = option || null;\n    }\n  }\n\n  /**\n   * Re-applies the current selection when the `options` prop changes.\n   * @internal\n   */\n  @Watch('options')\n  optionsChanged() {\n    const currentValue = this.multiSelect\n      ? this.selectedOptions.map(option => option.value).join(',')\n      : this.selectedOption?.value || '';\n\n    if (currentValue) {\n      this.setSelectionFromValue(currentValue);\n    }\n  }\n\n  /**\n   * Handles the selection of an option from the dropdown.\n   * @param option - The selected option object.\n   * @internal\n   */\n  selectOption(option: { value: string; label: string }) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.multiSelect) {\n      const isSelected = this.selectedOptions.some(selected => selected.value === option.value);\n      if (isSelected) {\n        this.selectedOptions = this.selectedOptions.filter(selected => selected.value !== option.value);\n      } else {\n        this.selectedOptions = [...this.selectedOptions, option];\n      }\n    } else {\n      this.selectedOption = option;\n      this.isOpen = false;\n    }\n\n    this.updateValueProp();\n    this.emitSelectedOptions();\n\n    const selectedOptionIndex = this.options.findIndex(opt => opt.value === option.value);\n    if (selectedOptionIndex !== -1) {\n      const selectedOptionElement = document.querySelector(`.options-list li:nth-child(${selectedOptionIndex + 1})`);\n      if (selectedOptionElement) {\n        selectedOptionElement.classList.toggle('selected');\n      }\n    }\n  }\n\n  /**\n   * Updates the mutable `value` prop to reflect the current selection.\n   * @internal\n   */\n  updateValueProp() {\n    if (this.multiSelect) {\n      this.value = this.selectedOptions.map(option => option.value).join(',');\n    } else {\n      this.value = this.selectedOption ? this.selectedOption.value : '';\n    }\n  }\n\n  /**\n   * Emits custom `change` and `input` events with the current selection.\n   * @event change\n   * @event input\n   * @param {string} value - The current selected value(s), comma-separated for multi-select.\n   * @internal\n   */\n  emitSelectedOptions() {\n    let standardValue;\n\n    if (this.multiSelect) {\n      standardValue = this.selectedOptions.map(option => option.value).join(',');\n    } else {\n      standardValue = this.selectedOption ? this.selectedOption.value : '';\n    }\n\n    const changeEvent = new CustomEvent('change', {\n      detail: standardValue,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(changeEvent);\n\n    const inputEvent = new CustomEvent('input', {\n      detail: standardValue,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Renders the UDP Selector component.\n   * @returns JSX element.\n   * @internal\n   */\n  render() {\n    const isError = !!this.errorMessage;\n\n    const selectedOptionClasses = {\n      'selected-option': true,\n      'focused': this.isOpen,\n    };\n\n    const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-selector': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--required': this.required,\n          'udp-input--large': this.large,\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          {this.label && (\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          )}\n        <div class=\"udp-selector__container\">\n          <div\n            class={selectedOptionClasses}\n            onClick={() => this.toggleDropdown()}\n            tabindex={this.disabled || this.readonly ? '-1' : '0'}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={this.isOpen.toString()}\n            id={'udpRecord-udp-selector-' + this.id}\n            // @ts-ignore\n            udprecordid={'udpRecord-udp-selector-' + this.id}\n          >\n            <div\n              class={{\n                'selected-option-label': true,\n                'placeholder': !hasSelection,\n              }}\n            >\n              {this.multiSelect\n                ? this.selectedOptions.length > 0\n                  ? this.selectedOptions.map(option => option.label).join(', ')\n                  : 'Select option(s)'\n                : this.selectedOption\n                ? this.selectedOption.label\n                : 'Select an option'}\n            </div>\n            {this.multiSelect && this.selectedOptions.length > 0 && <span class=\"checkmark\"></span>}\n            <div class=\"arrow\"></div>\n          </div>\n          {this.isOpen && (\n            <ul class=\"options-list\">\n              {this.options.map(option => (\n                <unity-typography variant=\"button\">\n                  <li class={this.isOptionSelected(option) ? 'selected' : ''} onClick={() => this.selectOption(option)} onMouseDown={this.handleOptionMouseDown}>\n                    {option.label}\n                    {this.isOptionSelected(option) && <span class=\"checkmark\"></span>}\n                  </li>\n                </unity-typography>\n              ))}\n            </ul>\n          )}\n        </div>\n        {this.errorMessage && (\n          <div class=\"error-message\">\n            <unity-typography variant=\"caption-text\" color=\"error\">\n              {this.errorMessage}\n            </unity-typography>\n          </div>\n        )}\n        </div>\n      </Host>\n    );\n  }\n\n  /**\n   * Checks if a given option is currently selected.\n   * @param option - The option to check.\n   * @returns True if the option is selected, false otherwise.\n   * @internal\n   */\n  isOptionSelected(option: { value: string; label: string }) {\n    if (this.multiSelect) {\n      return this.selectedOptions.some(selected => selected.value === option.value);\n    } else {\n      return this.selectedOption && this.selectedOption.value === option.value;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}