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

package/dist/cjs/udp-forms-ui.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-forms-ui.entry.cjs.js","sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-ui/udp-forms-ui.tsx"],"sourcesContent":[".background {\n  background-color: var(--gray-01);\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.item {\n  padding-bottom: var(--spacing-02);\n  /* margin-bottom: var(--spacing-05); */\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n  padding-top: var(--spacing-02);\n  padding-bottom: var(--spacing-02);\n}\n\n.footer {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.submit {\n  background-color: var(--primary-color);\n  box-sizing: border-box;\n  border: none;\n  color: white;\n  padding: 8px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  min-width: 48px;\n  min-height: 24px;\n  /* Default size */\n}\n\n.submit:disabled {\n  background-color: var(--gray-05);\n  cursor: default;\n}\n\n.submit-card {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n/* .form-section-content */\n.form-section-content {\n  margin-bottom: var(--spacing-05);\n  background-color: white;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n}\n\n.form-container {\n  padding-top: var(--spacing-05);\n  padding-bottom: var(--spacing-05);\n  min-height: 100px;\n}\n\n.form-section-block {\n  margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: var(--primary-color, #000);\n  color: var(--primary-contrast-text, #FFF);\n  padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n  align-items: center;\n  min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n  margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.finish-button {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n/* .header */\n.form-renderer-header {\n  padding: var(--spacing-05) var(--spacing-05);\n  background-color: var(--primary-color-dark, #000);\n  color: var(--primary-contrast-text, #FFF);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.header-content {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--spacing-03);\n}\n\n.header-text {\n  flex: 1;\n  min-width: 0;\n  /* Allow text to shrink */\n}\n\n/* Save button visibility - JavaScript controlled */\n.header-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\n}\n\n.floating-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\n}\n\n.error-banner {\n  background-color: #fdecea;\n  border: 1px solid #f5c6cb;\n  color: #a94442;\n  padding: 12px;\n  margin-bottom: 12px;\n  border-radius: 4px;\n}\n\n\n/*\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n *\n * The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n */\n\n/* Mobile layout adjustments */\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--spacing-02);\n  }\n\n  .header-text {\n    margin-bottom: var(--spacing-02);\n  }\n}\n\n/* Small height screens: Always use header button */\n@media (max-height: 600px) {\n  .header-save-button {\n    display: block;\n  }\n\n  .floating-save-button {\n    display: none;\n  }\n}\n\n.auto-save-status {\n  margin-top: var(--spacing-02);\n  padding: var(--spacing-01) 0;\n  font-size: 12px;\n  opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Guid, UdpFormQuestion } from '../../utils/types';\nimport { UdpFormsFieldTypeEnum } from '../../utils/enums';\nimport { fontOverrideMapping, overrideFont } from '../../utils/utils';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\nimport { UdpFormSubmission } from '../../utils/classes/UdpFormSubmission';\nimport { UdpForm } from '../../utils/classes/UdpForm';\n\n\n@Component({\n  tag: 'udp-forms-ui',\n  styleUrl: 'udp-forms-ui.css',\n  shadow: true,\n})\nexport class UdpFormsUi {\n  @Prop() udpForm: UdpForm;\n  @Prop() initialValues: { [name: string]: any } = {};\n  @Prop() udpFormSubmission: UdpFormSubmission\n  @Prop() submitSuccessful: boolean = false;\n  @Prop() isLoading: boolean = false;\n  @Prop() isSaving: boolean = false;\n  @Prop() saveErrorMessage: string | null = null;\n  @Prop() showAutoSaveStatus: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() readonly: boolean = false;\n  @Prop() handleSubmit: (values: any) => Promise<void>;\n  @Prop() handleChange: (values: { [name: string]: any }) => void;\n  @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n  @Prop() handleAction: (actionId: Guid, params: Object) => void;\n  @Prop() handleFinish: () => void;\n  @Prop() clientUserInfo: { id: string | null; displayName: string | null; email: string | null } = {\n    id: null,\n    displayName: null,\n    email: null,\n  }; \n  @Prop() isSubmitted: boolean = false;\n  @Prop() dynamicSections: any[];\n  @Prop() duplicateRepeatableSection: any;\n  @Prop() deleteRepeatableSection: any;\n  @Prop() isShowManualSaveIcon: boolean = false;\n  @Prop() performBackgroundSaveAndUpdateLocalSubmissionState: (values: { [name: string]: any }) => Promise<void>;\n\n  @State() showSavedMessage: boolean = false;\n\n  @Event() formDirtyChange: EventEmitter<boolean>;\n\n  @Element() el: HTMLElement;\n\n\n  @State() isDialogOpen: boolean = false;\n  @State() dialogAction: () => void;\n  @State() dialogMessage: string = 'Are you sure you want to delete this section? This section contains links to follow-up forms. Deleting it will remove those links.';\n  \n\n  private savedMessageTimeoutId: any;\n\n  private titleId: string = 'udp-forms-title';\n  private descriptionId: string = 'udp-forms-description';\n\n  componentDidLoad() {\n    this.overrideStyles();\n  }\n\n  componentDidUpdate() {\n    this.overrideStyles();\n  }\n\n  disconnectedCallback() {\n    // Clean up timeout when component is destroyed\n    if (this.savedMessageTimeoutId) {\n      clearTimeout(this.savedMessageTimeoutId);\n    }\n  }\n\n  @Watch('isSaving')\n  watchIsSaving(newValue: boolean, oldValue: boolean) {\n    console.log('isSaving watcher triggered:', { oldValue, newValue, saveErrorMessage: this.saveErrorMessage });\n\n    // When isSaving changes from true to false (save completed successfully)\n    if (oldValue === true && newValue === false && !this.saveErrorMessage) {\n      console.log('Setting showSavedMessage to true');\n      this.showSavedMessage = true;\n\n      // Clear any existing timeout\n      if (this.savedMessageTimeoutId) {\n        clearTimeout(this.savedMessageTimeoutId);\n      }\n\n      // Hide the \"Saved\" message after 5 seconds\n      this.savedMessageTimeoutId = setTimeout(() => {\n        console.log('Hiding saved message after 5 seconds');\n        this.showSavedMessage = false;\n      }, 5000);\n    }\n  }\n\n  overrideStyles() {\n    const shadowRoot = (this as any).el?.shadowRoot;\n    shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n      const styleOverride =\n        element.id === this.titleId ? this.udpForm?.styleOverrides?.titleText : element.id === this.descriptionId ? this.udpForm?.styleOverrides?.paragraphText : ({} as any);\n\n      if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n        overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n      }\n      if (styleOverride?.variant) {\n        element.setAttribute('variant', styleOverride.variant);\n      }\n    });\n  }\n\n  private isSectionContainsFollowUpFormLink(sectionKey: string): boolean {\n    const sectionObject = this.udpFormSubmission.data.submissionResponseData[sectionKey]\n\n    for (const [_key, questionObject] of Object.entries(sectionObject) as any) {\n      if (questionObject?.metadata && questionObject.metadata?.followUpFormSubmissionId) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  render() {\n    if (this.isLoading) {\n      return (\n        <udp-linear-loader />\n      );\n    }\n\n    if (!this.udpForm) {\n      return (\n        <div class=\"error-banner\">\n          <unity-typography variant=\"body2\">Error Loading Form</unity-typography>\n        </div>\n      );\n    }\n\n    let questionNumber = 1;\n\n    const sectionSet = new Set();\n    this.udpForm.formQuestions.forEach(fq => sectionSet.add(fq.section));\n    // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n    const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n    const backgroundOverrides: { backgroundImage?: string | null; backgroundColor?: string | null } = {};\n    if (this.udpForm?.styleOverrides?.background?.backgroundImage) {\n      // uncomment when we want to allow background images\n      //backgroundOverrides.backgroundImage = `url(${this.udpForm?.styleOverrides?.background?.backgroundImage})`;\n    } else if (this.udpForm?.styleOverrides?.background?.backgroundColor) {\n      backgroundOverrides.backgroundColor = this.udpForm?.styleOverrides?.background?.backgroundColor;\n    }\n    return (\n      <div class={'background'} style={backgroundOverrides}>\n        <udp-container maxWidth=\"md\">\n          <div class=\"form-container\">\n            {!this.submitSuccessful ? (\n              \n              <stencil-form\n                handleSubmit={this.handleSubmit}\n                initialValues={this.initialValues}\n                handleChange={this.handleChange}\n                onDirtyChange={event => this.formDirtyChange.emit(event.detail)}\n              >\n                {this.readonly && \n                (<div class=\"error-banner\">\n                  <unity-typography variant=\"body2\">View Only Mode. The contents of this form cannot be changed.</unity-typography>\n                </div>)}\n                <fluent-dialog\n                  open={this.isDialogOpen}\n                  message={this.dialogMessage}\n                  labelOne={'Confirm'}\n                  labelTwo={'Cancel'}\n                  actionOne={() => this.dialogAction()}\n                  actionTwo={() => (this.isDialogOpen = false)}\n                />\n                {/********** QUESTIONS *********/}\n                <div>\n                  {/* <div class=\"header\" style={this.udpForm?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.udpForm?.styleOverrides?.headerBackgroundColor } : ''}> */}\n                  <div class=\"form-section-block\">\n                    <div\n                      class=\"form-renderer-header\"\n                      style={{\n                        ...(this.udpForm?.styleOverrides?.headerBackgroundColor && {\n                          backgroundColor: this.udpForm.styleOverrides.headerBackgroundColor,\n                        }),\n                      }}\n                    >\n                      <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n                        {this.udpForm.name}\n                      </unity-typography>\n\n                      {/* Auto-save status indicator for authenticated users */}\n                      {this.showAutoSaveStatus && (\n                        <div class=\"auto-save-status\">\n                          {/* {this.isSaving && (\n                              <unity-typography variant=\"body\" color=\"primary\">\n                                Saving...\n                              </unity-typography>\n                            )} */}\n                          {this.saveErrorMessage && (\n                            <unity-typography variant=\"body\" color=\"secondary\">\n                              {this.saveErrorMessage}\n                            </unity-typography>\n                          )}\n                        </div>\n                      )}\n                      {this.isShowManualSaveIcon && (\n                        <udp-save-draft-button\n                          isVisible={this.isShowManualSaveIcon}\n                          isSaving={this.isSaving}\n                          // saveErrorMessage={this.saveErrorMessage}\n                          showSavedMessage={this.showSavedMessage}\n                          handleSave={this.handleSave}\n                        />\n                      )}\n                    </div>\n\n                    <div class=\"form-section-content\">\n                      <div class=\"items\">\n                        <div class=\"form-section-text\">\n                          <unity-typography id={this.descriptionId} variant={this.udpForm?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n                            {this.udpForm.description}\n                          </unity-typography>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  {/* Save Button - moves between header and floating based on space */}\n                  {this.dynamicSections.map((section, sIndex) => {\n                    return (\n                      <div class=\"form-section-block\">\n                        <div class=\"form-section-header\">\n                          <div class=\"form-section-header-title\">\n                            <unity-typography variant=\"h6\" color=\"inherit\">\n                              {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n                            </unity-typography>\n                          </div>\n                          <div class=\"form-section-header-actions\">\n                            {/* // Only show the add button if the section is repeatable and is the last in the repeat group */}\n                            {section.sectionProperties.isRepeatable && this.dynamicSections.filter(s => s.id === section.id).length === section.sectionPositionSuffix && !this.readonly && (\n                              <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n                            )}\n                            {/* // show the delete button if the section is repeatable and not the original section */}\n                            {!section.isOriginalSection && !this.readonly && (\n                              <stencil-icon-button \n                                icon={getIconFromName('subtract')} \n                                tooltip=\"Delete This Repeated Section\" \n                                onClick={\n                                  () => {\n                                    //  e.stopPropagation();\n                                    if (this.isSectionContainsFollowUpFormLink(`${section.name}_${section.sectionPositionSuffix}`)) {\n                                      this.dialogAction = async () => {\n                                        this.deleteRepeatableSection(sIndex)\n                                        await this.performBackgroundSaveAndUpdateLocalSubmissionState(this.udpFormSubmission.data.submissionResponseData);\n                                        this.isDialogOpen = false;\n                                      };  \n                                    } else {\n                                      this.deleteRepeatableSection(sIndex)\n                                    }\n                                    \n                                    this.isDialogOpen = true;\n                                  }} />\n                            )}\n                          </div>\n                        </div>\n\n                        <div class=\"form-section-content\">\n                          <div class=\"items\">\n                            <div class=\"form-section-text\">\n                              <unity-typography variant=\"body\" color=\"inherit\">\n                                {section.sectionText}\n                              </unity-typography>\n                            </div>\n\n                            <div>\n                              {section.formQuestions.map((question: UdpFormQuestion) => {\n                                const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n                                const num: number = questionNumber;\n                                if (!isHidden) questionNumber++;\n\n                                const sectionKey = section.sectionPositionSuffix > 1 ? `${section.name}_${section.sectionPositionSuffix}` : `${section.name}`\n\n                                return (\n                                  <div class=\"item\">\n                                    <udp-question\n                                      styleOverrides={{\n                                        helperText: this.udpForm.styleOverrides?.helperText,\n                                        paragraphText: this.udpForm.styleOverrides?.paragraphText,\n                                        questionText: this.udpForm.styleOverrides?.questionText,\n                                      }}\n                                      question={question}\n                                      questionNumber={num}\n                                      value={this.initialValues?.[sectionKey]?.[question.name]?.value ?? ''}\n                                      disabled={this.disabled}\n                                      readonly={this.readonly}\n                                      key={question.questionIdentifierKey}\n                                      initialValues={this.initialValues}\n                                      clientUserInfo={this.clientUserInfo}\n                                      udpFormSubmission={this.udpFormSubmission}\n                                    />\n                                  </div>\n                                );\n                              })}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    );\n                  })}\n                  {this.udpFormSubmission?.status != 2 && (                  \n                    <div class=\"footer\">\n                      <input\n                        disabled={this.isLoading || this.disabled || this.readonly}\n                        type=\"submit\"\n                        value=\"Submit\"\n                        class=\"submit\"\n                        id=\"udpRecord-udp-forms-renderer-Submit\"\n                        onClick={() => {\n                          console.log('Submit button clicked');\n                          // Let the form handle the submit naturally\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              </stencil-form>\n            ) : (\n              //if the form has been submit, display success message with a button to trigger the action associated to the form\n              <div class=\"center-div\">\n                <udp-ambient-card>\n                  <div class=\"submit-card\">\n                    <unity-typography>Thank you for your submission.</unity-typography>\n                    {/* // No action configured for now. */}\n                    {/* <div class=\"finish-button\">\n                      <custom-button onClick={this.handleFinish}>Back</custom-button>\n                    </div> */}\n                  </div>\n                </udp-ambient-card>\n              </div>\n            )}\n          </div>\n        </udp-container>\n      </div>\n    );\n  }\n}\n"],"names":["fontOverrideMapping","overrideFont","h","UdpFormsFieldTypeEnum","getIconFromName"],"mappings":"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"}

package/dist/cjs/udp-icon.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-icon.entry.cjs.js","sources":["src/components/data-display/icons/udp-icon.css?tag=udp-icon&encapsulation=shadow","src/components/data-display/icons/udp-icon.tsx"],"sourcesContent":[".icon-container{\n    height: 100%;\n    display: flex;\n    align-items: center;\n    color: inherit;\n}","import { Component, h, Prop } from '@stencil/core';\nimport { getIconFromName } from './iconUtils';\n\n@Component({\n  tag: 'udp-icon',\n  styleUrl: 'udp-icon.css',\n  shadow: true,\n})\nexport class UdpIcon {\n  @Prop() iconName: string;\n  @Prop() iconType: string = 'carbon';\n  /**\n   * @deprecated Use color prop instead\n   */\n  @Prop() darkIcon: boolean = true;\n  @Prop() color: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'inherit' | string;\n\n  render() {\n    const iconData = getIconFromName(this.iconName, this.iconType);\n    if (!iconData){\n      return null;\n    }\n\n    let iconColor: string;\n\n    if (this.color) {\n      switch (this.color) {\n        case 'primary':\n          iconColor = 'var(--primary-color)';\n          break;\n        case 'secondary':\n          iconColor = 'var(--secondary-color)';\n          break;\n        case 'error':\n          iconColor = 'var(--error-color-main)';\n          break;\n        case 'info':\n          iconColor = 'var(--info-color-main)';\n          break;\n        case 'success':\n          iconColor = 'var(--success-color-main)';\n          break;\n        case 'inherit':\n          iconColor = 'currentColor';\n          break;\n        default:\n          iconColor = this.color;\n      }\n    } else {\n      iconColor = this.darkIcon ? 'black' : 'white';\n    }\n\n    return (\n      <div class=\"icon-container\">\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      </div>\n    );\n  }\n}\n"],"names":["getIconFromName","h","index"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,UAAU,GAAG,4EAA4E;;MCQlF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAW,QAAQ;AACnC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AAqDjC;IAlDC,MAAM,GAAA;;AACJ,QAAA,MAAM,QAAQ,GAAGA,yBAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;QAC9D,IAAI,CAAC,QAAQ,EAAC;AACZ,YAAA,OAAO,IAAI;;AAGb,QAAA,IAAI,SAAiB;AAErB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,QAAQ,IAAI,CAAC,KAAK;AAChB,gBAAA,KAAK,SAAS;oBACZ,SAAS,GAAG,sBAAsB;oBAClC;AACF,gBAAA,KAAK,WAAW;oBACd,SAAS,GAAG,wBAAwB;oBACpC;AACF,gBAAA,KAAK,OAAO;oBACV,SAAS,GAAG,yBAAyB;oBACrC;AACF,gBAAA,KAAK,MAAM;oBACT,SAAS,GAAG,wBAAwB;oBACpC;AACF,gBAAA,KAAK,SAAS;oBACZ,SAAS,GAAG,2BAA2B;oBACvC;AACF,gBAAA,KAAK,SAAS;oBACZ,SAAS,GAAG,cAAc;oBAC1B;AACF,gBAAA;AACE,oBAAA,SAAS,GAAG,IAAI,CAAC,KAAK;;;aAErB;AACL,YAAA,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,OAAO;;QAG/C,QACEC,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAU,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,GAAC,EAAE,IAAI,EAAE,SAAS,EAC9C,CAAA,EAAA,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,KAAI;;YACtC,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,IAAI,MAAK,MAAM,EAAE;gBACzB,OAAOD,mCAAW,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,GAAC,EAAE,GAAG,EAAEC,OAAK,IAAI;;iBAC/C,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,IAAI,MAAK,QAAQ,EAAE;gBAClC,OAAOD,qCAAa,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,GAAC,EAAE,GAAG,EAAEC,OAAK,IAAI;;AAExD,YAAA,OAAO,IAAI;AACb,SAAC,CAAC,CACE,CACF;;;;;;;"}

package/dist/cjs/udp-kpi-card.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-kpi-card.entry.cjs.js","sources":["src/components/data-display/kpi/udp-kpi-card.css?tag=udp-kpi-card&encapsulation=shadow","src/components/data-display/kpi/udp-kpi-card.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  height: 100%;\n}\n\n.kpi-card {\n  display: block;\n  text-decoration: none;\n  color: inherit;\n  height: 100%;\n}\n\n.kpi-card__wrapper {\n  width: 160px;\n  height: 100%;\n  min-height: 80px;\n  border-radius: var(--border-radius, 4px);\n  box-shadow: var(--elevation-02);\n  border: 2px solid transparent;\n  transition: var(--input-transition);\n  position: relative;\n  background: white;\n  box-sizing: border-box;\n}\n\n.kpi-card--active .kpi-card__wrapper {\n  box-shadow: var(--elevation-04);\n  border-color: var(--card-color, --info-color-main);\n  transform: scale(1.02);\n  z-index: 1;\n}\n\n.kpi-card--clickable .kpi-card__wrapper {\n  cursor: pointer;\n}\n\n.kpi-card--clickable:hover .kpi-card__wrapper {\n  box-shadow: var(--elevation-04);\n  z-index: 1;\n  transform: scale(1.02);\n  border-color: var(--card-color, --info-color-main);\n}\n\n.kpi-card--clickable:focus {\n  outline: none;\n}\n\n.kpi-card--clickable:focus-visible .kpi-card__wrapper {\n  box-shadow: var(--elevation-04), 0 0 0 3px color-mix(in srgb, var(--card-color, --info-color-main) 30%, transparent);\n  z-index: 1;\n  border-color: var(--card-color, --info-color-main);\n}\n\n.kpi-card--active.kpi-card--clickable:hover .kpi-card__wrapper {\n  box-shadow: var(--elevation-04);\n}\n\n.kpi-card__content {\n  padding: var(--spacing-03) var(--spacing-04);\n  overflow: hidden;\n}\n\n.kpi-card__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-03);\n  color: var(--card-color, --info-color-main);\n}\n\n.kpi-card-caption {\n  color: var(--text-hint);\n  margin-top: -5px\n}\n\n","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\nimport type { VNode } from '@stencil/core';\nimport { KPICardActionType, KPICardColor } from './types';\n\n/**\n * KpiCard web component.\n *\n * Displays a KPI value with an icon, primary text and optional secondary text.\n * - Supports actions: display (non-interactive), navigation (anchor), filter/action (emits cardClick).\n * - Applies resolved color to the inline CSS custom property --card-color so internal elements can inherit color.\n *\n * Accessibility:\n * - Sets role=\"button\" for interactive non-navigation cards.\n * - Emits `cardClick` when clicked (unless navigation).\n * - When `active` is true the component exposes aria-current.\n *\n * Usage:\n * <kpi-card card-id=\"revenue\" primary-text=\"Revenue\" value=\"12.3k\" icon-name=\"money\" color=\"--brand\" />\n */\n@Component({\n  tag: 'udp-kpi-card',\n  styleUrl: 'udp-kpi-card.css',\n  shadow: true,\n})\nexport class UdpKpiCard {\n  /**\n   * Unique identifier for the card (used by parent/container for selection or filter logic).\n   */\n  @Prop() cardId!: string;\n\n  /**\n   * Primary text/title for the KPI.\n   */\n  @Prop() primaryText!: string;\n\n  /**\n   * Optional caption / secondary text shown below the label.\n   */\n  @Prop() secondaryText?: string;\n\n  /**\n   * Color token or CSS color string. See resolveCardColor for supported values.\n   * Default: 'primary'\n   */\n  @Prop() color: KPICardColor = 'primary';\n\n  /**\n   * Numeric or textual KPI value to display.\n   */\n  @Prop() value!: number | string;\n\n  /**\n   * Icon name forwarded to the internal udp-icon.\n   */\n  @Prop() iconName!: string;\n\n  /**\n   * Visual active state. When true, the card is rendered with active styles and aria-current is applied.\n   */\n  @Prop() active: boolean = false;\n\n  /**\n   * Action type for the card. One of 'display' | 'navigation' | 'filter' | 'action'.\n   * - 'display' = non-interactive\n   * - 'navigation' = clicking navigates to `href`\n   * - 'filter' = emits cardClick for parent to handle filter semantics\n   * - 'action' = optional onClick handler on the KPICardData will be invoked by container\n   */\n  @Prop() actionType: KPICardActionType = 'display';\n\n  /**\n   * Optional href used when actionType === 'navigation'.\n   */\n  @Prop() href?: string;\n\n  /**\n   * Emitted when an interactive non-navigation card is clicked.\n   * Parent components listen to this event to implement filtering or other custom behaviors.\n   * Event detail is empty (the host element reference or cardId can be used by the listener).\n   */\n  @Event() cardClick: EventEmitter;\n\n  /**\n   * Click handler for the component.\n   * - If navigation and href are provided, perform a native navigation.\n   * - Otherwise emit the `cardClick` event for parent handling.\n   * @private\n   */\n  private handleClick = () => {\n    if (this.actionType === 'navigation' && this.href != null && this.href !== '') {\n      window.location.href = this.href;\n    } else {\n      // Emit custom event for parent to handle\n      this.cardClick.emit();\n    }\n  };\n\n  /**\n   * Keyboard handler for accessibility.\n   * Triggers the click action when Enter or Space is pressed.\n   * @private\n   */\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  /**\n   * Resolve known semantic color tokens to CSS variable usage.\n   *\n   * Resolution rules:\n   * - maps known keywords (secondary/info/success/warning/error/primary) to CSS variables\n   * - returns `var(--token)` string so inline style can set --card-color\n   *\n   * Note: callers may also pass direct CSS colors or explicit var(...) tokens in higher-level data;\n   * this implementation maps a limited set of semantic tokens used by the codebase.\n   *\n   * @param color - semantic token or color string\n   * @returns CSS value string (e.g. \"var(--primary-color)\") or undefined when no color provided\n   * @private\n   */\n  private resolveCardColor = (color?: string) => {\n    if (color === undefined || color === null || color === '') return undefined;\n    let colorVar;\n    switch (color) {\n      case 'secondary':\n        colorVar = '--secondary-color';\n        break;\n      case 'info':\n        colorVar = '--info-color-main';\n        break;\n      case 'success':\n        colorVar = '--success-color-main';\n        break;\n      case 'warning':\n        colorVar = '--warning-color-main';\n        break;\n      case 'error':\n        colorVar = '--error-color-main';\n        break;\n      default:\n        colorVar = '--primary-color';\n    }\n\n    return `var(${colorVar})`;\n  };\n\n  private renderCardContent = (cardStyles: Record<string, string | undefined>): VNode => (\n    <div class=\"kpi-card__wrapper\" style={cardStyles}>\n      <div class=\"kpi-card__content\">\n        <div class=\"kpi-card__header\">\n          <unity-typography variant=\"h6\" color=\"inherit\">\n            {this.value}\n          </unity-typography>\n          <udp-icon iconName={this.iconName} color=\"inherit\" />\n        </div>\n\n        <unity-typography variant=\"body1\" color=\"inherit\">\n          {this.primaryText}\n        </unity-typography>\n        <div class=\"kpi-card-caption\">\n          <unity-typography variant=\"caption-text\" color=\"inherit\">\n            {this.secondaryText}\n          </unity-typography>\n        </div>\n      </div>\n    </div>\n  );\n\n  render() {\n    const isClickable =\n      this.actionType !== 'display' &&\n      (this.actionType === 'navigation' ||\n        this.actionType === 'filter' ||\n        this.actionType === 'action');\n    const isNavigation = this.actionType === 'navigation' && this.href != null && this.href !== '';\n\n    const cardClasses = {\n      'kpi-card': true,\n      'kpi-card--active': this.active,\n      'kpi-card--clickable': isClickable,\n    };\n\n    const cardStyles = {\n      '--card-color': this.resolveCardColor(this.color),\n    };\n\n    const content = this.renderCardContent(cardStyles);\n\n    return (\n      <Host>\n        {isNavigation ? (\n          <a href={this.href} class={cardClasses} style={{ textDecoration: 'none' }}>\n            {content}\n          </a>\n        ) : (\n          <div\n            class={cardClasses}\n            onClick={isClickable ? this.handleClick : undefined}\n            onKeyDown={isClickable ? this.handleKeyDown : undefined}\n            tabIndex={isClickable ? 0 : undefined}\n            aria-current={this.active ?? undefined}\n            aria-label={this.primaryText}\n            role=\"button\"\n          >\n            {content}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/udp-kpi-cards.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-kpi-cards.entry.cjs.js","sources":["src/components/data-display/kpi/udp-kpi-cards.css?tag=udp-kpi-cards&encapsulation=shadow","src/components/data-display/kpi/udp-kpi-cards.tsx"],"sourcesContent":[".kpi-cards-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, 160px);\n  grid-auto-rows: 1fr;\n  gap: var(--spacing-03, '8px');\n  align-items: stretch;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\nimport { KPICardData } from './types';\n\n/**\n * kpi-cards container component.\n *\n * Renders a list of KPI cards from a data array and provides minimal coordination for\n * filter/action semantics. This component:\n * - Maps each KPICardData item to a <kpi-card /> element and forwards relevant props.\n * - Calls the item.onClick callback for action-type cards (if provided).\n * - Emits a `filterChange` event when a filter-type card is clicked; the host is responsible\n *   for updating `activeFilterId`.\n *\n * Notes:\n * - This component intentionally implements only a lightweight flow. For custom selection\n *   policies (multi-select, complex keyboard handling, etc.) render <kpi-card> children\n *   directly and manage their state in the host.\n */\n@Component({\n  tag: 'udp-kpi-cards',\n  styleUrl: 'udp-kpi-cards.css',\n  shadow: true,\n})\nexport class UdpKpiCards {\n  /**\n   * Array of KPICardData objects to render as children.\n   *\n   * Each item should follow the KPICardData shape:\n   * { id, primaryText, value, color?, secondaryText?, iconName?, actionType?, href?, onClick? }\n   */\n  @Prop() cards: KPICardData[];\n\n  /**\n   * Optional id of the currently active filter card.\n   * When provided, the matching card will receive `active={true}`.\n   *\n   * The component does not modify this prop internally. Hosts should update it in\n   * response to `filterChange` events.\n   */\n  @Prop() activeFilterId?: string | null; // Optional - only needed for filter cards\n\n  /**\n   * Emitted when a filter-type card is clicked.\n   *\n   * Payload: string | number | null\n   * - string|number => id of the newly selected filter\n   * - null => clear the active filter\n   *\n   * The host should listen to this event and update `activeFilterId` accordingly.\n   */\n  @Event() filterChange: EventEmitter<string | number>;\n\n  /**\n   * Internal click handler for items.\n   *\n   * Behavior:\n   * - If card.actionType === 'action' and card.onClick is provided -> call card.onClick()\n   * - Else if card.actionType === 'filter' -> compute new filter id and emit `filterChange`\n   *\n   * @param card - KPICardData for the clicked item\n   * @private\n   */\n  private handleCardClick(card: KPICardData) {\n    if (card?.actionType === 'action' && card?.onClick !== null) {\n      card.onClick();\n    } else if (card?.actionType === 'filter') {\n      const newFilterId = this.activeFilterId === card?.id || card?.id === 'all' ? null : card?.id;\n      this.filterChange.emit(newFilterId);\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"kpi-cards-container\">\n        {this.cards?.map((kpi: KPICardData) => {\n          const isActive = this.activeFilterId === kpi.id;\n          return (\n            <udp-kpi-card\n              cardId={kpi.id}\n              primaryText={kpi.primaryText}\n              secondaryText={kpi.secondaryText}\n              color={kpi.color}\n              value={kpi.value}\n              active={isActive}\n              actionType={kpi.actionType}\n              href={kpi.href}\n              iconName={kpi?.iconName}\n              onCardClick={() => this.handleCardClick(kpi)}\n            />\n          );\n        })}\n        <slot />\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,cAAc,GAAG,sJAAsJ;;MCuBhK,WAAW,GAAA,MAAA;;;;;AA6BtB;;;;;;;;;AASG;AACK,IAAA,eAAe,CAAC,IAAiB,EAAA;QACvC,IAAI,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,UAAU,MAAK,QAAQ,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,OAAO,MAAK,IAAI,EAAE;YAC3D,IAAI,CAAC,OAAO,EAAE;;aACT,IAAI,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,MAAK,QAAQ,EAAE;AACxC,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,MAAK,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,EAAE,CAAA,IAAI,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,EAAE,MAAK,KAAK,GAAG,IAAI,GAAG,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,EAAE;AAC5F,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;;;IAIvC,MAAM,GAAA;;AACJ,QAAA,QACEA,kEAAK,KAAK,EAAC,qBAAqB,EAC7B,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA;AAAE,YAAA,EAAA,CAAA,GAAG,CAAC,CAAC,GAAgB,KAAI;gBACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,KAAK,GAAG,CAAC,EAAE;AAC/C,gBAAA,QACEA,OAAA,CAAA,cAAA,EAAA,EACE,MAAM,EAAE,GAAG,CAAC,EAAE,EACd,WAAW,EAAE,GAAG,CAAC,WAAW,EAC5B,aAAa,EAAE,GAAG,CAAC,aAAa,EAChC,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,QAAQ,EAAE,GAAG,aAAH,GAAG,KAAA,MAAA,GAAA,MAAA,GAAH,GAAG,CAAE,QAAQ,EACvB,WAAW,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAA,CAC5C;AAEN,aAAC,CAAC,EACFA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;"}

package/dist/cjs/udp-list-renderer.udp-pagination.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-list-renderer.udp-pagination.entry.cjs.js","sources":["src/components/data-display/list-renderer/udp-list-renderer.css?tag=udp-list-renderer&encapsulation=shadow","src/components/data-display/list-renderer/udp-list-renderer.tsx","src/components/navigation/pagination/udp-pagination.css?tag=udp-pagination&encapsulation=shadow","src/components/navigation/pagination/udp-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.udp-list-renderer-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.item-list-container   {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Spacing variants */\n.item-list-container.spacing-xs {\n  gap: var(--spacing-02);\n}\n\n.item-list-container.spacing-sm {\n  gap: var(--spacing-03);\n}\n\n.item-list-container.spacing-md {\n  gap: var(--spacing-04);\n}\n\n.item-list-container.spacing-lg {\n  gap: var(--spacing-06);\n}\n\n.item-list-container.spacing-condensed {\n  gap: var(--spacing-01);\n}\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-07); /* 2rem */\n  min-height: 100px; /* Adjust as needed, or use a spacing variable if appropriate */\n} ","import { Component, Prop, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-list-renderer',\n  styleUrl: 'udp-list-renderer.css',\n  shadow: true,\n})\nexport class UdpItemList {\n  /**\n   * The tag name of the component to render for each item in the list.\n   * For example, 'my-item-component'.\n   */\n  @Prop() itemComponent: string;\n\n  /**\n   * Array of objects to be rendered in the list.\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Object mapping source data fields to prop names for the item component.\n   * Example: {元のフィールド: '新しいフィールド'}\n   * This will pass props to ItemComponent as: <ItemComponent newField={sourceData.originalField} />\n   */\n  @Prop() componentDataMap: { [key: string]: string };\n\n  /**\n   * Whether to enable pagination.\n   */\n  @Prop() pagination: boolean = false;\n\n  /**\n   * Number of items to display per page.\n   */\n  @Prop() itemsPerPage: number = 10;\n\n  /**\n   * Whether pagination is handled server-side.\n   */\n  @Prop() isServerSide: boolean = false;\n\n  /**\n   * Total number of items (required for server-side pagination).\n   */\n  @Prop() totalItems: number = 0;\n\n  /**\n   * Callback function for page changes. Required when isServerSide is true.\n   * Emits the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  /**\n   * Current page number (used for server-side pagination or can be controlled externally).\n   * Defaults to 1.\n   */\n  @Prop({ mutable: true, reflect: true }) currentPage: number = 1;\n\n  /**\n   * Whether the list is in a loading state.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Defines the spacing between items.\n   * Options: 'xs', 'sm', 'md', 'lg', 'condensed'\n   * Default: 'sm'\n   */\n  @Prop({ reflect: true }) spacing: 'xs' | 'sm' | 'md' | 'lg' | 'condensed' = 'md';\n\n  @State() internalCurrentPage: number = 1;\n\n  @Watch('currentPage')\n  currentPageChanged(newValue: number) {\n    if (newValue !== this.internalCurrentPage) {\n      this.internalCurrentPage = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    this.internalCurrentPage = this.currentPage;\n  }\n\n  private getPaginatedData() {\n    if (!this.pagination || this.isServerSide) {\n      return this.data;\n    }\n    const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;\n    const endIndex = startIndex + this.itemsPerPage;\n    return this.data.slice(startIndex, endIndex);\n  }\n\n  private getTotalPages(): number {\n    if (!this.pagination) return 1;\n    if (this.isServerSide) {\n      if (this.totalItems === 0 || this.itemsPerPage === 0) return 1;\n      return Math.ceil(this.totalItems / this.itemsPerPage);\n    }\n    if (this.data.length === 0 || this.itemsPerPage === 0) return 1;\n    return Math.ceil(this.data.length / this.itemsPerPage);\n  }\n\n  private handlePageChange(newPage: number) {\n    if (this.isLoading) return;\n    if (newPage >= 1 && newPage <= this.getTotalPages()) {\n      if (this.isServerSide) {\n        this.pageChange.emit(newPage);\n      } else {\n        this.internalCurrentPage = newPage;\n        this.currentPage = newPage;\n        this.pageChange.emit(newPage);\n      }\n    }\n  }\n\n  private renderItems() {\n    if (!this.itemComponent) {\n      console.warn('[udp-item-list] itemComponent prop is required.');\n      return <p>Error: itemComponent prop is not defined.</p>;\n    }\n    if (!this.componentDataMap) {\n      console.warn('[udp-item-list] componentDataMap prop is required.');\n      return <p>Error: componentDataMap prop is not defined.</p>;\n    }\n\n    const itemsToRender = this.getPaginatedData();\n\n    if (!itemsToRender || itemsToRender.length === 0) {\n      return <p>No items to display.</p>;\n    }\n\n    return itemsToRender.map(item => {\n      const props = {};\n      for (const sourceKey in this.componentDataMap) {\n        if (item.hasOwnProperty(sourceKey)) {\n          const targetKey = this.componentDataMap[sourceKey];\n          props[targetKey] = item[sourceKey];\n        }\n      }\n      const ItemCmp = this.itemComponent;\n      return <ItemCmp {...props} />;\n    });\n  }\n\n  render() {\n    if (this.isLoading && (!this.data || this.data.length === 0)) {\n      return (\n        <div class=\"loading-container\">\n          <p>Loading...</p>\n        </div>\n      );\n    }\n\n    const containerClasses = {\n      'item-list-container': true,\n      [`spacing-${this.spacing}`]: true,\n    };\n\n    return (\n      <host>\n        <div class={containerClasses}>{this.renderItems()}</div>\n        {this.pagination && this.getTotalPages() > 1 && (\n          <udp-pagination\n            currentPage={this.internalCurrentPage}\n            totalPages={this.getTotalPages()}\n            isLoading={this.isLoading}\n            onPageChange={event => this.handlePageChange(event.detail)}\n          ></udp-pagination>\n        )}\n      </host>\n    );\n  }\n}\n",":host {\n  display: block;\n  font-family: var(--font-family);\n}\n\n.pagination-controls {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-03); /* 0.5rem */\n  gap: var(--spacing-02); /* 0.25rem, replaces margin on individual buttons */\n}\n\n/* Styles for udp-button are handled by the component itself. \n   We might only need to ensure proper alignment or specific overrides if necessary.\n   The udp-button already has variants for 'active', 'disabled' etc. */\n\n.pagination-controls span.ellipsis {\n  /* background-color: transparent; -- Already default for span */\n  /* border: none; -- Already default for span */\n  color: var(--text-secondary); /* Using a global variable for text color */\n  padding: var(--spacing-02) var(--spacing-01); /* Adjust padding using variables */\n  display: inline-flex; /* To align with buttons */\n  align-items: center; /* To align with buttons */\n  justify-content: center; /* To align with buttons */\n  min-width: 36px; /* Approximate width of a small icon button, adjust as needed */\n  min-height: 36px; /* Approximate height of a small icon button, adjust as needed */\n}\n\n/* Remove specific button styling for .prev-button, .next-button, etc. as udp-button handles it */\n/* .prev-button,\n.next-button,\n.first-page,\n.last-page {\n  Additional specific styles if needed\n} */ ","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pagination',\n  styleUrl: './udp-pagination.css',\n  shadow: true,\n})\nexport class UdpPagination {\n  /**\n   * The currently active page number.\n   */\n  @Prop() currentPage: number = 1;\n\n  /**\n   * The total number of pages available.\n   */\n  @Prop() totalPages: number = 1;\n\n  /**\n   * Optional: Whether the component consuming pagination is in a loading state.\n   * If true, pagination controls will be disabled.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Emitted when the page is changed by the user.\n   * The event detail will contain the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  private navigateToPage(page: number) {\n    if (this.isLoading || page < 1 || page > this.totalPages || page === this.currentPage) {\n      return;\n    }\n    this.pageChange.emit(page);\n  }\n\n  // Basic page number generation. Could be made more sophisticated (e.g., with ellipses for many pages)\n  private renderPageNumbers() {\n    const pageNumbers = [];\n    const maxPagesToShow = 5; // Max number of page buttons to show directly\n    const halfMaxPages = Math.floor(maxPagesToShow / 2);\n\n    let startPage = Math.max(1, this.currentPage - halfMaxPages);\n    let endPage = Math.min(this.totalPages, this.currentPage + halfMaxPages);\n\n    if (this.currentPage - halfMaxPages < 1) {\n      endPage = Math.min(this.totalPages, maxPagesToShow);\n    }\n\n    if (this.currentPage + halfMaxPages > this.totalPages) {\n      startPage = Math.max(1, this.totalPages - maxPagesToShow + 1);\n    }\n\n    if (this.totalPages <= maxPagesToShow) {\n      startPage = 1;\n      endPage = this.totalPages;\n    }\n\n    // Always show first page if not in range\n    if (startPage > 1) {\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(1)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to first page\">\n          1\n        </udp-button>,\n      );\n      if (startPage > 2) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pageNumbers.push(\n        <udp-button\n          onClick={() => this.navigateToPage(i)}\n          disabled={this.isLoading}\n          variant={i === this.currentPage ? 'contained' : 'outlined'}\n          color={i === this.currentPage ? 'primary' : 'inherit'}\n          ariaLabel={`Go to page ${i}`}\n          aria-current={i === this.currentPage ? 'page' : undefined}\n        >\n          {i}\n        </udp-button>,\n      );\n    }\n\n    // Always show last page if not in range\n    if (endPage < this.totalPages) {\n      if (endPage < this.totalPages - 1) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(this.totalPages)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to last page\">\n          {this.totalPages}\n        </udp-button>,\n      );\n    }\n\n    return pageNumbers;\n  }\n\n  render() {\n    if (this.totalPages <= 1) {\n      return null; // Don't render pagination if there's only one page or less\n    }\n\n    return (\n      <div class=\"pagination-controls\">\n        <udp-button onClick={() => this.navigateToPage(this.currentPage - 1)} disabled={this.isLoading || this.currentPage <= 1} variant=\"text\" ariaLabel=\"Go to previous page\">\n          Previous\n        </udp-button>\n\n        {this.renderPageNumbers()}\n\n        <udp-button\n          onClick={() => this.navigateToPage(this.currentPage + 1)}\n          disabled={this.isLoading || this.currentPage >= this.totalPages}\n          variant=\"text\"\n          ariaLabel=\"Go to next page\"\n        >\n          Next\n        </udp-button>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/cjs/udp-map-utils-BXqQmr-h.js.map

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

package/dist/cjs/udp-map.entry.cjs.js.map

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

package/dist/cjs/udp-menu-item.cjs.entry.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var index = require('./index-CGCOXUJE.js');
-
-const udpMenuItemCss = ".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";
-
-const UdpMenuItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.itemClick = index.createEvent(this, "itemClick");
-        this.disabled = false; // reflect: true helps with CSS styling
-        this.handleItemClick = (e) => {
-            // if (this.disabled) {
-            //   e.stopPropagation();
-            //   return;
-            // }
-            this.itemClick.emit(e);
-        };
-    }
-    render() {
-        return (index.h("button", { key: '1ede58027c46bb2256944a857da57f400cb639cf', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && index.h("udp-icon", { key: '627147e2ded1b8c56a14bf325b6e84bda899b28b', iconName: this.iconName, class: "menu-icon" }), index.h("span", { key: '779499e48b307bd11da339060f98412f5bf08865', class: "menu-item-label" }, index.h("unity-typography", { key: 'c5043d2ba242a1b70e014fd90da839e7c2ce9a6a', variant: 'body1' }, this.label))));
-    }
-};
-UdpMenuItem.style = udpMenuItemCss;
-
-exports.udp_menu_item = UdpMenuItem;
-//# sourceMappingURL=udp-menu-item.entry.cjs.js.map

package/dist/cjs/udp-menu-item.entry.cjs.js.map

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

package/dist/cjs/udp-page.entry.cjs.js.map

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

package/dist/cjs/udp-pop-over.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-pop-over.entry.cjs.js","sources":["src/components/data-display/pop-over/udp-pop-over.css?tag=udp-pop-over&encapsulation=shadow","src/components/data-display/pop-over/udp-pop-over.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: fixed;\n  z-index: 9999;\n\n  /* FIX: Start with pointer-events none so it can't be clicked when invisible. */\n  pointer-events: none;\n  opacity: 0;\n\n  /* This gives the subtle \"pop\" effect without the flying animation. */\n  transform: scale(0.95);\n\n  /* FIX: Only transition opacity for a clean fade-in/out. */\n  transition: opacity 0.2s ease-out;\n\n}\n\n:host(.is-visible) {\n  /* FIX: Re-enable pointer events so the menu can be clicked. */\n  pointer-events: auto;\n  opacity: 1;\n  transform: scale(1);\n}\n\n.popover {\n  background-color: white;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  border: 1px solid #e0e0e0;\n}\n","import { createPopper, Instance } from '@popperjs/core';\nimport { Component, h, Host, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pop-over',\n  styleUrl: 'udp-pop-over.css',\n  shadow: true,\n})\nexport class UdpPopOver {\n  @Element() hostEl!: HTMLElement;\n  @Prop() anchorElement: string | HTMLElement;\n  @Prop({ reflect: true }) isOpen: boolean = false;\n  @Prop() popoverWidth: string;\n  @Prop() popoverMaxHeight: string;\n  @Prop() popoverPlacement: any = 'bottom-start';\n  @Prop() handleOnClose?: (event: Event) => void;\n  @Prop() appendToBody: boolean = true;\n  @Prop() container?: HTMLElement;\n  @Prop() overflow?: string = 'auto';\n\n  private popperInstance: Instance;\n\n  disconnectedCallback() {\n    this.removeListeners();\n    this.destroyPopper();\n  }\n\n  @Watch('isOpen')\n  handleOpenChange(newValue: boolean) {\n    newValue ? this.present() : this.dismiss();\n  }\n\n  private present() {\n    const containerEl = this.getContainer();\n\n    if (containerEl) {\n      containerEl.appendChild(this.hostEl);\n    }\n\n    this.addListeners();\n\n    requestAnimationFrame(() => {\n      this.setupPopper();\n      this.hostEl.classList.add('is-visible');\n    });\n  }\n\n  private dismiss() {\n    this.removeListeners();\n    this.hostEl.classList.remove('is-visible');\n    this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n  }\n\n  private handleTransitionEnd = () => {\n    // FIX: Only remove from body if it's truly closed and still there.\n    if (!this.isOpen) {\n      if (this.appendToBody && this.hostEl.parentElement === document.body) {\n        document.body.removeChild(this.hostEl);\n      } else if (this.container && this.hostEl.parentElement === this.container) {\n        this.container.removeChild(this.hostEl);\n      }\n    }\n    this.destroyPopper();\n  };\n\n  private addListeners() {\n    document.addEventListener('keydown', this.handleKeyDown);\n    setTimeout(() => {\n      if (this.isOpen) {\n        document.addEventListener('click', this.handleClickOutside);\n      }\n    }, 0);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.handleOnClose?.(event);\n    }\n  };\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const path = event.composedPath();\n    const anchorEl = this.getAnchorElement();\n    if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {\n      return;\n    }\n    this.handleOnClose?.(event);\n  };\n\n  private getAnchorElement(): HTMLElement | null {\n    return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;\n  }\n\n  private getContainer(): HTMLElement {\n    if (this.container) return this.container;\n\n    if (this.appendToBody) {\n      return document.body;\n    }\n\n    return null;\n  }\n\n  private setupPopper() {\n    const anchorEl = this.getAnchorElement();\n    if (!anchorEl) {\n      console.error('UdpPopover: Anchor element could not be found.');\n      return;\n    }\n    // Ensure we don't create multiple instances\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(anchorEl, this.hostEl as HTMLElement, {\n      strategy: 'fixed',\n      placement: this.popoverPlacement,\n      modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],\n    });\n  }\n\n  private destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isOpen) {\n      this.present();\n    }\n  }\n\n\n  render() {\n    const style = {\n      width: this.popoverWidth,\n      maxHeight: this.popoverMaxHeight,\n      overflow: this.overflow\n    };\n\n    return (\n      <Host>\n        <div class=\"popover\" style={style}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["createPopper","h","Host"],"mappings":"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"}

package/dist/cjs/udp-sankey-chart.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-sankey-chart.entry.cjs.js","sources":["src/components/charts/udp-sankey-chart/udp-sankey-chart.css?tag=udp-sankey-chart&encapsulation=shadow","src/components/charts/udp-sankey-chart/udp-sankey-chart.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Build, Component, h, Prop, Element, Watch } from '@stencil/core';\nimport * as am4charts from '@amcharts/amcharts4/charts';\nimport * as am4core from '@amcharts/amcharts4/core';\nimport { setChartDefaultSettings, setSankeyChartDefaultSettings } from '../chartUtils';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n  tag: 'udp-sankey-chart',\n  styleUrl: 'udp-sankey-chart.css',\n  shadow: true,\n})\nexport class UdpSankeyChart {\n  @Element() el: HTMLElement;\n\n  @Prop() data: { [key: string]: any }[] = undefined;\n  @Prop() valueField: string = Build.isDev ? 'value' : '';\n  @Prop() labelField: string = Build.isDev ? 'label' : '';\n  @Prop() title: string = Build.isDev ? 'Test header' : undefined;\n  @Prop() subheader: string = Build.isDev ? 'Test SubHeader' : undefined;\n  @Prop() hideLegend: boolean = false;\n  @Prop() customWidth?: number | string;\n  @Prop() customHeight?: number | string;\n  @Prop() customCardWidth?: number | string;\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() kpis: { value: string; label: string }[] = Build.isDev\n    ? [\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n      ]\n    : undefined;\n  @Prop() hideAdornment: boolean = false;\n  @Prop() hideBorder: boolean = false;\n  @Prop() sourceIdField: string = 'from';\n  @Prop() targetIdField: string = 'to';\n  @Prop() labelFormat: string = '{name}: ${value}';\n  @Prop() tooltipTextFormat: string = '{fromName} - {toName}: ${value}';\n  @Prop() nodeTooltipTextFormat: string = undefined;\n  @Prop() paddingRight: number = 110;\n  @Prop() enableExport: boolean;\n  @Prop() removePadding: boolean = false;\n  @Prop() chartId = uuid();\n  private chart: am4charts.SankeyDiagram;\n\n  @Watch('valueField')\n  @Watch('sourceIdField')\n  @Watch('targetIdField')\n  @Watch('labelFormat')\n  @Watch('tooltipTextFormat')\n  @Watch('nodeTooltipTextFormat')\n  @Watch('paddingRight')\n  @Watch('hideLegend')\n  @Watch('data')\n  async renderChart() {\n    // Loop until the chart container is available\n    const attemptToRender = async () => {\n      const chartContainer = this.el?.shadowRoot?.getElementById(this.chartId);\n\n      if (!chartContainer) {\n        await new Promise(resolve => setTimeout(resolve, 50));\n        return attemptToRender(); // Retry\n      }\n\n      // Proceed with rendering the chart once the container is available\n      if (!this.valueField || ! this.sourceIdField || !this.targetIdField) return;\n\n      if (this.chart) {\n        this.chart.dispose();\n      }\n\n      this.chart = am4core.create(chartContainer, am4charts.SankeyDiagram);\n\n      // Apply chart settings and series\n      setChartDefaultSettings(this.chart, chartContainer, this.enableExport);\n      setSankeyChartDefaultSettings(\n        this.chart,\n        this.valueField,\n        this.sourceIdField,\n        this.targetIdField,\n        this.paddingRight,\n        this.labelFormat,\n        this.tooltipTextFormat,\n        this.nodeTooltipTextFormat,\n      );\n\n      // Set data\n      this.chart.data = this.data ?? [];\n    };\n\n    await attemptToRender();\n  }\n\n  componentDidLoad() {\n    this.renderChart();\n  }\n\n  disconnectedCallback() {\n    // Clean up chart instance on component removal\n    if (this.chart) {\n      this.chart.dispose();\n    }\n  }\n\n  render() {\n    return (\n      <chart-container\n        kpis={this.kpis}\n        chartId={this.chartId}\n        title={this.title}\n        subheader={this.subheader}\n        chartHeight={this.customHeight}\n        chartWidth={this.customWidth}\n        cardWidth={this.customCardWidth}\n        kpisPosition={this.kpisPosition}\n        hideAdornment={this.hideAdornment}\n        hideBorder={this.hideBorder}\n        removePadding={this.removePadding}\n      />\n    );\n  }\n}\n"],"names":["uuid","am4core","am4charts","setChartDefaultSettings","setSankeyChartDefaultSettings","h"],"mappings":"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"}

package/dist/cjs/udp-skeleton-loading.entry.cjs.js.map

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

package/dist/cjs/udp-split-screen.entry.cjs.js.map

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

package/dist/cjs/udp-stepper-demo.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-stepper-demo.entry.cjs.js","sources":["src/components/stepper/udp-stepper-demo.tsx"],"sourcesContent":["import { Component, h, State } from '@stencil/core';\nimport { Step } from './types';\n\n@Component({\n  tag: 'udp-stepper-demo',\n  // styleUrl: 'udp-stepper.css',\n  shadow: true,\n})\nexport class UdpStepperDemo {\n  @State() activeStep: number = 0;\n  @State() completed: { [key: number]: boolean } = {};\n\n  private step1 = (<div>This is step 1 content - Try clicking next!</div>);\n  private step2 = (<div>This is step 2 content - You can go back or forward</div>);\n  private step3 = (<div>This is step 3 content - Final step!</div>);\n\n  private steps: Step[] = [\n    {\n      stepDisplay: {\n        inProcessIcon: '1',\n        completeIcon: '✓',\n        title: 'First Step',\n        subTitle: 'Start here',\n      },\n      stepTitle: 'Step 1',\n      showTitle: true,\n      buttons: [\n        {\n          title: 'Next',\n          action: 2,\n          variant: 'default',\n          customAction: () => {\n            this.completed = { ...this.completed, [0]: true };\n            this.activeStep = 1;\n          },\n        },\n      ],\n      content: this.step1,\n    },\n    {\n      stepDisplay: {\n        inProcessIcon: '2',\n        completeIcon: '✓',\n        title: 'Second Step',\n        subTitle: 'Middle step',\n      },\n      stepTitle: 'Step 2',\n      showTitle: true,\n      buttons: [\n        {\n          title: 'Back',\n          action: 1,\n          variant: 'outline',\n          customAction: () => (this.activeStep = 0),\n        },\n        {\n          title: 'Next',\n          action: 3,\n          variant: 'default',\n          customAction: () => {\n            this.completed = { ...this.completed, [1]: true };\n            this.activeStep = 2;\n          },\n        },\n      ],\n      content: this.step2,\n    },\n    {\n      stepDisplay: {\n        inProcessIcon: '3',\n        completeIcon: '✓',\n        title: 'Final Step',\n        subTitle: 'Complete the process',\n      },\n      stepTitle: 'Step 3',\n      showTitle: true,\n      buttons: [\n        {\n          title: 'Back',\n          action: 2,\n          customAction: () => (this.activeStep = 1),\n        },\n        {\n          title: 'Finish',\n          action: 3,\n          variant: 'default',\n          customAction: () => {\n            this.completed = { ...this.completed, [2]: true };\n            console.log('Process completed!');\n          },\n        },\n      ],\n      content: this.step3,\n    },\n  ];\n\n  private handleStepChange = (event: number) => {\n    this.activeStep = event;\n\n  };\n\n  render() {\n    return (\n      <div style={{ padding: '2rem' }}>\n        <unity-typography variant=\"h2\">Horizontal Stepper with Labels bottom</unity-typography>\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"horizontal\"\n          labelDisplay=\"all\"\n          labelPosition=\"bottom\"\n        />\n\n        <unity-typography variant=\"h2\">Horizontal Stepper without Labels</unity-typography>\n\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"horizontal\"\n          labelDisplay=\"none\"\n          labelPosition=\"bottom\"\n        />\n\n        <unity-typography variant=\"h2\">Horizontal Stepper with Labels to Right</unity-typography>\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"horizontal\"\n          labelDisplay=\"all\"\n          labelPosition=\"right\"\n        />\n\n        <unity-typography variant=\"h2\">Vertical Stepper</unity-typography>\n        <udp-stepper\n          steps={this.steps}\n          activeStep={this.activeStep}\n          completed={this.completed}\n          stepChange={this.handleStepChange}\n          orientation=\"vertical\"\n          labelDisplay=\"all\"\n          labelPosition=\"right\"\n        />\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/cjs/udp-stepper.entry.cjs.js.map

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

package/dist/cjs/udp-tab-panel.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-tab-panel.entry.cjs.js","sources":["src/components/tabs/udp-tab-panel/udp-tab-panel.css?tag=udp-tab-panel&encapsulation=shadow","src/components/tabs/udp-tab-panel/udp-tab-panel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.tab-panel {\n  display: none;\n}\n\n.tab-panel.active {\n  display: block;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tab-panel',\n  styleUrl: 'udp-tab-panel.css',\n  shadow: true,\n})\nexport class UdpTabPanel {\n  /**\n   * The active tab index, provided by the parent.\n   */\n  @Prop() value: number;\n\n  /**\n   * The index this panel corresponds to.\n   */\n  @Prop() index: number;\n\n  render() {\n    const isActive = this.value === this.index;\n\n    return (\n      <div\n        class={{\n          'tab-panel': true,\n          'active': isActive,\n        }}\n        role=\"tabpanel\"\n        // Use aria-hidden for accessibility and :host styling\n        aria-hidden={!isActive ? 'true' : 'false'}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,cAAc,GAAG,8EAA8E;;MCOxF,WAAW,GAAA,MAAA;;;;IAWtB,MAAM,GAAA;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;QAE1C,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,EACD,IAAI,EAAC,UAAU,EAAA,aAAA,EAEF,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,EAEzCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/cjs/udp-tab.entry.cjs.js.map

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

package/dist/cjs/udp-timeline-connector.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-timeline-connector.entry.cjs.js","sources":["src/components/timeline/udp-timeline-connector.css?tag=udp-timeline-connector&encapsulation=shadow","src/components/timeline/udp-timeline-connector.tsx"],"sourcesContent":[".host {\n  /* connector defaults (exposed for theming) */\n  --udp-timeline-line-width: 2px;\n  --udp-timeline-connector-color: var(--udp-timeline-line-color, #e0e0e0);\n}\n\n.connector {\n  width: var(--udp-timeline-line-width, 2px);\n  height: 100%;\n  background: var(--udp-timeline-connector-color, var(--udp-timeline-line-color, #e0e0e0));\n  margin: 8px 0; /* add top/bottom spacing */\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-timeline-connector',\n  styleUrl: 'udp-timeline-connector.css',\n  shadow: true,\n})\nexport class UdpTimelineConnector {\n  render() {\n    return <div class=\"connector\" />;\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,oRAAoR;;MCOvS,oBAAoB,GAAA,MAAA;;;;IAC/B,MAAM,GAAA;AACJ,QAAA,OAAOA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,GAAG;;;;;;;"}

package/dist/cjs/udp-timeline-dot.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-timeline-dot.entry.cjs.js","sources":["src/components/timeline/udp-timeline-dot.css?tag=udp-timeline-dot&encapsulation=shadow","src/components/timeline/udp-timeline-dot.tsx"],"sourcesContent":["/* CSS variables for easy theming. Override these in your lib to change look */\n:host {\n  /* sizes */\n  --udp-timeline-dot-size-small: 10px;\n  --udp-timeline-dot-size-medium: 14px;\n  --udp-timeline-dot-size-large: 20px;\n  /* icon circle size */\n  --udp-timeline-dot-icon-size: 36px;\n\n  /* filled colors per semantic role */\n  --udp-timeline-dot-filled-bg-default: #e0e0e0;\n\n  /* outlined variant background and outline width/color */\n  --udp-timeline-dot-outlined-bg: #ffffff;\n  --udp-timeline-dot-outline-width: 2px;\n  --udp-timeline-dot-outline-color: var(--udp-timeline-dot-filled-bg-primary);\n\n  /* convenience / current dot color used by .dot-filled and .dot-outlined */\n  --udp-timeline-dot-bg: var(--udp-timeline-dot-filled-bg-primary);\n\n  display: inline-block; /* keep host sized to inner dot */\n  box-sizing: border-box;\n  align-self: center;\n}\n\n.dot-medium {\n  width: var(--udp-timeline-dot-size-medium);\n  height: var(--udp-timeline-dot-size-medium);\n  border-radius: 50%;\n  display: inline-block;\n  --udp-timeline-dot-size: var(--udp-timeline-dot-size-medium);\n}\n.dot-small {\n  width: var(--udp-timeline-dot-size-small);\n  height: var(--udp-timeline-dot-size-small);\n  --udp-timeline-dot-size: var(--udp-timeline-dot-size-small);\n}\n.dot-large {\n  width: var(--udp-timeline-dot-size-large);\n  height: var(--udp-timeline-dot-size-large);\n  --udp-timeline-dot-size: var(--udp-timeline-dot-size-large);\n}\n\n.dot-filled {\n  background: var(--udp-timeline-dot-bg);\n}\n.dot-outlined {\n  background: var(--udp-timeline-dot-outlined-bg);\n  border: var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color);\n}\n\n.dot-medium,\n.dot-small,\n.dot-large {\n  box-sizing: border-box; /* ensure borders don't shift center */\n  margin: 0;\n}\n\n/* icon-shaped dot (circular background containing an icon) */\n.dot-shape-icon {\n  width: var(--udp-timeline-dot-icon-size);\n  height: var(--udp-timeline-dot-icon-size);\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--udp-timeline-dot-icon-shadow, 0 2px 6px rgba(0, 0, 0, 0.15));\n  --udp-timeline-dot-size: var(--udp-timeline-dot-icon-size);\n}\n\n/* if icon shape is used with outlined variant, draw outline around the circle */\n.dot-shape-icon.dot-outlined {\n  background: var(--udp-timeline-dot-outlined-bg);\n  border: var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color);\n}\n\n/* for icon shape filled variant, use the dot-bg color as background */\n.dot-shape-icon.dot-filled {\n  background: var(--udp-timeline-dot-bg);\n}\n\n/* ensure the dot host is perfectly centered by making display inline-block and\n   ensuring no extra whitespace/margins shift its position */\n:host {\n  display: inline-block;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.dot-color-primary {\n  --udp-timeline-dot-bg: var(--primary-color, #344861);\n  --udp-timeline-dot-outline-color: var(--primary-color, #344861);\n}\n.dot-color-secondary {\n  --udp-timeline-dot-bg: var(--secondary-color, #4383c3);\n  --udp-timeline-dot-outline-color: var(--secondary-color, #4383c3);\n}\n.dot-color-default {\n  --udp-timeline-dot-bg: var(--udp-timeline-dot-filled-bg-default);\n  --udp-timeline-dot-outline-color: var(--udp-timeline-dot-filled-bg-default);\n}\n.dot-color-error {\n  --udp-timeline-dot-bg: var(--error-color-main, #d32f2f);\n  --udp-timeline-dot-outline-color: var(--error-color-main, #d32f2f);\n}\n.dot-color-info {\n  --udp-timeline-dot-bg: var(--info-color-main, #0288d1);\n  --udp-timeline-dot-outline-color: var(--info-color-main, #0288d1);\n}\n.dot-color-success {\n  --udp-timeline-dot-bg: var(--success-color-main, #2e7d32);\n  --udp-timeline-dot-outline-color: var(--success-color-main, #2e7d32);\n}\n.dot-color-warning {\n  --udp-timeline-dot-bg: var(--warning-color-main, #ed6c02);\n  --udp-timeline-dot-outline-color: var(--warning-color-main, #ed6c02);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-timeline-dot',\n  styleUrl: 'udp-timeline-dot.css',\n  shadow: true,\n})\nexport class UdpTimelineDot {\n  /**\n   * The color of the dot. Can be a theme token like 'primary', 'secondary', 'default',\n   * 'error', 'info', 'success', or 'warning'.\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * The visual variant of the dot: 'filled' renders a solid dot, 'outlined' renders a bordered dot.\n   */\n  @Prop() variant: 'filled' | 'outlined' = 'filled';\n  /**\n   * The size of the dot.\n   * - 'small' for compact dots\n   * - 'medium' for default dots\n   * - 'large' for bigger dots\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  /** shape: 'default' (small dot) or 'icon' (circular icon container) */\n  @Prop() shape: 'default' | 'icon' = 'default';\n\n  render() {\n    const isCustomColor = !['primary', 'secondary', 'default', 'error', 'info', 'success', 'warning'].includes(this.color);\n\n    const classes: { [className: string]: boolean } = {\n      ['dot-' + this.size]: true,\n      ['dot-' + this.variant]: true,\n      ['dot-color-' + this.color]: !isCustomColor,\n      ['dot-shape-' + this.shape]: true,\n    };\n\n    const styles = isCustomColor ? {\n      '--udp-timeline-dot-bg': this.color,\n      '--udp-timeline-dot-outline-color': this.color,\n    } : {};\n\n    return (\n      <div class={classes} style={styles}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,wxFAAwxF;;MCOryF,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;;AAGG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,SAAS;AACjC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAA0B,QAAQ;AACjD;;;;;AAKG;AACK,QAAA,IAAI,CAAA,IAAA,GAAiC,QAAQ;;AAE7C,QAAA,IAAK,CAAA,KAAA,GAAuB,SAAS;AAuB9C;IArBC,MAAM,GAAA;QACJ,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AAEtH,QAAA,MAAM,OAAO,GAAqC;AAChD,YAAA,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI;AAC1B,YAAA,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI;YAC7B,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,aAAa;AAC3C,YAAA,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;SAClC;AAED,QAAA,MAAM,MAAM,GAAG,aAAa,GAAG;YAC7B,uBAAuB,EAAE,IAAI,CAAC,KAAK;YACnC,kCAAkC,EAAE,IAAI,CAAC,KAAK;SAC/C,GAAG,EAAE;AAEN,QAAA,QACEA,kEAAK,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAA,EAChCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/cjs/udp-timeline-item.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-timeline-item.entry.cjs.js","sources":["src/components/timeline/udp-timeline-item.css?tag=udp-timeline-item&encapsulation=shadow","src/components/timeline/udp-timeline-item.tsx"],"sourcesContent":[":host {\n  --udp-timeline-item-hover-bg: rgba(0, 0, 0, 0.04); /* Default hover background color */\n  --udp-timeline-content-margin-icon: 12px;\n  --udp-timeline-content-padding-default: 12px;\n  --udp-timeline-time-min-width: 64px;\n  --udp-timeline-combined-gap: 12px;\n  --udp-timeline-dot-wrap-width: 40px;\n  /* title styling */\n  /* When implementing in library use typography tokens */\n  --udp-timeline-title-font-size: 16px;\n  --udp-timeline-title-font-weight: 600;\n  --udp-timeline-title-color: #222;\n  --udp-timeline-title-margin-right: 12px;\n  /* caption styling */\n  /* When implementing in library use typography tokens */\n  --udp-timeline-caption-font-size: 14px;\n  --udp-timeline-caption-color: #666;\n  --udp-timeline-caption-margin-top: 8px;\n}\n\n:host(.dot-shape-icon) .content-column {\n  margin-top: var(--udp-timeline-content-margin-icon, 12px);\n}\n\n.udp-timeline-item {\n  display: grid;\n  grid-template-columns: var(--udp-timeline-left-column, 60px) 1fr;\n  align-items: flex-start; /* align items to top so dot lines up with title */\n  gap: var(--udp-timeline-item-gap, 8px);\n  padding: var(--udp-timeline-item-padding-vertical, 12px) 0;\n  position: relative;\n}\n\n.separator-column {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--udp-timeline-left-column, 60px);\n  height: 100%\n}\n\n/* ensure the slotted separator element fills the separator column so its internal\n   connector aligns with the centreline (::before) */\n.separator-column ::slotted(*) {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.content-column {\n  display: block;\n}\n\n/* stacked title and content */\n.title-slot ::slotted(*) {\n  display: block;\n  min-width: var(--udp-timeline-time-min-width, 64px);\n  color: var(--udp-timeline-title-color, #222);\n  font-size: var(--udp-timeline-title-font-size, 16px);\n  font-weight: var(--udp-timeline-title-font-weight, 600);\n  text-align: left;\n}\n\n.content-slot ::slotted(*) {\n  display: block;\n}\n\n.caption-slot ::slotted(*) {\n  display: block;\n  margin-top: var(--udp-timeline-caption-margin-top, 8px);\n  font-size: var(--udp-timeline-caption-font-size, 14px);\n  color: var(--udp-timeline-caption-color, #666);\n}\n\n.udp-timeline-item ::slotted([slot='separator']) {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.udp-timeline-item .dot-wrap {\n  width: var(--udp-timeline-dot-wrap-width, 40px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* hide the title-slot container when there is no title content */\n:host(:not(.has-title)) .title-slot {\n  display: none;\n}\n\n/* hide caption when empty */\n:host(:not(.has-caption)) .caption-slot {\n  display: none;\n}\n\n:host(.clickable).content-column {\n  cursor: pointer;\n  display: block;\n}\n\n:host(.clickable) .content-column:hover {\n  background-color: var(--udp-timeline-item-hover-bg);\n}\n\n.actions-container {\n  display: flex;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.first-row{\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n","import { Component, h, Host, Element, State, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-timeline-item',\n  styleUrl: 'udp-timeline-item.css',\n  shadow: true,\n})\nexport class UdpTimelineItem {\n  @Element() host!: HTMLElement;\n\n  /**\n   * The shape of the dot displayed for this timeline item.\n   * - \"default\": renders the standard dot.\n   * - \"icon\": renders an icon in place of the dot.\n   */\n  @Prop() dotShape: 'default' | 'icon' = 'default';\n  /**\n   * Whether the timeline item is clickable; when true it will emit the itemClick event on user interaction.\n   */\n  @Prop() clickable: boolean = false;\n  /**\n   * Array of action definitions to render for this timeline item.\n   * Each action contains a label and an onClick handler which receives the MouseEvent.\n   */\n  @Prop() actions: { label: string; onClick: (event: MouseEvent) => void }[] = [];\n  /**\n   * Label displayed for the status of this timeline item (e.g. \"In Progress\", \"Completed\").\n   */\n  @Prop() statusLabel: string = '';\n  /**\n   * Color variant for the status chip; one of:\n   * 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'monochrome' | 'gray'.\n   */\n  @Prop() statusColor:\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'error'\n    | 'warning'\n    | 'info'\n    | 'monochrome'\n    | 'gray' = 'gray';\n\n  /**\n   * Emitted when the timeline item is clicked.\n   */\n  @Event() itemClick: EventEmitter<void>;\n  @State() hasTitle: boolean = false;\n  @State() hasCaption: boolean = false;\n\n  componentDidLoad() {\n    const slot = this.host.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"title\"]') ?? null;\n    if (slot != null) {\n      const update = () => {\n        const nodes = slot.assignedNodes({ flatten: true });\n        this.hasTitle = nodes.length > 0;\n      };\n      update();\n      slot.addEventListener('slotchange', update);\n    }\n\n    const captionSlot: HTMLSlotElement | null =\n      this.host.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"caption\"]') ?? null;\n    if (captionSlot != null) {\n      const updateCaption = () => {\n        const nodes = captionSlot.assignedNodes({ flatten: true });\n        this.hasCaption = nodes.length > 0;\n      };\n      updateCaption();\n      captionSlot.addEventListener('slotchange', updateCaption);\n    }\n  }\n\n  private handleClick = () => {\n    if (this.clickable) {\n      this.itemClick.emit();\n    }\n  };\n\n  render() {\n    const visibleActions = this.actions.slice(0, 4);\n    const menuActions = this.actions.slice(4);\n\n    return (\n      <Host\n        class={{\n          'has-title': this.hasTitle,\n          'has-caption': this.hasCaption,\n          [`dot-shape-${this.dotShape}`]: true,\n          'clickable': this.clickable,\n        }}\n        onClick={this.handleClick}\n      >\n        <div class=\"udp-timeline-item\">\n          <div class=\"separator-column\">\n            <slot name=\"separator\"></slot>\n          </div>\n          <div class=\"content-column\">\n            <div class=\"first-row\">\n              <div class=\"title-slot\">\n                <slot name=\"title\"></slot>\n              </div>\n              {this.statusLabel?.trim() != '' && (\n                <udp-chip label={this.statusLabel} color={this.statusColor} size=\"small\" />\n              )}\n            </div>\n\n            <div class=\"content-slot\">\n              <slot name=\"content\"></slot>\n            </div>\n            <div class=\"caption-slot\">\n              <slot name=\"caption\"></slot>\n            </div>\n            {this.actions.length > 0 && (\n              <div class=\"actions-container\">\n                {visibleActions.map(action => (\n                  <button onClick={action.onClick}>{action.label}</button>\n                ))}\n                {menuActions.length > 0 && <button>...</button>}\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/udp-timeline-separator.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-timeline-separator.entry.cjs.js","sources":["src/components/timeline/udp-timeline-separator.css?tag=udp-timeline-separator&encapsulation=shadow","src/components/timeline/udp-timeline-separator.tsx"],"sourcesContent":[":host {\n  /* Separator theming defaults */\n  --udp-timeline-connector-color: var(--udp-timeline-line-color, #e0e0e0);\n  --udp-timeline-separator-min-height: 48px;\n}\n\n.udp-timeline-separator {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  min-height: var(--udp-timeline-separator-min-height);\n  position: relative; /* allow absolute positioning of the dot */\n  flex: 1 1 auto;\n}\n\n.dot-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 6px 0;\n}\n\n/* Center the slotted connector and dot within this separator column */\n.udp-timeline-separator ::slotted(udp-timeline-connector) {\n  /* hide per-item connector — use the global timeline line (::before) as the single source of truth */\n  order: 2;\n  display: block;\n  width: var(--udp-timeline-line-width, 2px);\n  background: var(--udp-timeline-connector-color);\n  margin: 8px 0; /* optional spacing */\n  flex: 1 1 auto;        /* grow to fill available vertical space */\n  margin: 8px 0;         /* optional spacing near the dot */\n  align-self: center;    /* keep it centered horizontally */\n}\n\n/* absolutely position the dot so it sits exactly on the global centreline */\n.udp-timeline-separator ::slotted(udp-timeline-dot) {\n  z-index: 3;\n  display: block;\n  order: 1;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-timeline-separator',\n  styleUrl: 'udp-timeline-separator.css',\n  shadow: true,\n})\nexport class UdpTimelineSeparator {\n  render() {\n    return (\n      <div class=\"udp-timeline-separator\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,msBAAmsB;;MCOttB,oBAAoB,GAAA,MAAA;;;;IAC/B,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/cjs/udp-timeline.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-timeline.entry.cjs.js","sources":["src/components/timeline/udp-timeline.css?tag=udp-timeline&encapsulation=shadow","src/components/timeline/udp-timeline.tsx"],"sourcesContent":[":host {\n  /* Layout */\n  --udp-timeline-left-column: 60px; /* width of the left separator column */\n  --udp-timeline-item-gap: 8px;\n  --udp-timeline-item-padding-vertical: 12px;\n\n  /* Dot positioning */\n  --udp-timeline-dot-nudge: 0px; /* small horizontal nudge if needed */\n  --udp-timeline-dot-top: 14px;\n\n  /* Line */\n  --udp-timeline-line-color: #e0e0e0;\n  --udp-timeline-line-width: 2px;\n\n  /* Time / text */\n  --udp-timeline-time-color: #222;\n}\n\n.udp-timeline-root {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n/* simple alignment helpers */\n.align-left .udp-timeline-root {\n  align-items: flex-start;\n}\n.align-right .udp-timeline-root {\n  align-items: flex-end;\n}\n.align-alternate .udp-timeline-root {\n  align-items: stretch;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'udp-timeline',\n  styleUrl: 'udp-timeline.css',\n  shadow: true,\n})\nexport class UdpTimeline {\n  /** layout: \"left\" | \"right\" | \"alternate\" */\n  @Prop() align: 'left' | 'right' | 'alternate' = 'left';\n\n  render() {\n    return (\n      <Host class={{ [`align-${this.align}`]: true }}>\n        <div class=\"udp-timeline-root\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,cAAc,GAAG,ifAAif;;MCO3f,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAmC,MAAM;AAWvD;IATC,MAAM,GAAA;QACJ,QACEA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EAC5CD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5BA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/cjs/udp-vertical-spacer.entry.cjs.js.map

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