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

package/dist/components/udp-radio-button2.js.map

@@ -1 +0,0 @@
-{"file":"udp-radio-button2.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,kqBAAkqB;;MCO/qB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;AASU,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAqBlC;IAlBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAE3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,CAAS,MAAA,EAAA,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,EACtC,CAAA,EACF,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,OAAG,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,cAAc,EAAA,OAAI,IAAI,CAAC,KAAK,EAAsB,IAAA,CAAA,MAAS,CACrI,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/buttons/icon-button/radio-button/udp-radio-button.css?tag=udp-radio-button","src/components/buttons/icon-button/radio-button/udp-radio-button.tsx"],"sourcesContent":[".udp-radio-button {\n    display: inline-flex;\n    align-items: center;\n  }\n  \n  input[type=\"radio\"] {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    margin: 0;\n    z-index: -1;\n    \n  }\n  \n  input[type=\"radio\"] + label {\n    position: relative;\n    padding-left: 20px; /* Space for custom radio */\n    cursor: pointer;\n    font-size: 16px;\n    font-family: 'Roboto', sans-serif;\n  }\n  \n  /* Custom radio button */\n  input[type=\"radio\"] + label:before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 17px;\n    height: 17px;\n    border: 1px solid #000;\n    border-radius: 50%;\n  }\n  \n  /* Checked state */\n  input[type=\"radio\"]:checked + label:after {\n    content: \"\";\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 10px;\n    height: 10px;\n    background-color: #000;\n    border-radius: 50%;\n  }\n  \n  /* Disabled state */\n  input[type=\"radio\"]:disabled + label {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-radio-button',\n  styleUrl: 'udp-radio-button.css',\n  shadow: false\n})\nexport class UdpRadioButton {\n  \n  @Prop() name: string;\n  @Prop() value: string;\n  @Prop() checked: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() label: string;\n\n  render() {\n    return (\n      <div class=\"udp-radio-button\">\n        {/* Moved input and label out of shadow root */}\n        <slot>\n          <input \n            type=\"radio\" \n            name={this.name} \n            value={this.value}\n            checked={this.checked}\n            disabled={this.disabled}\n            id={`radio-${this.name}-${this.value}`}\n          />\n          <label htmlFor={`radio-${this.name}-${this.value}`}> <unity-typography variant='caption-text' > {this.label}  </unity-typography> </label>\n        </slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/udp-sankey-chart.js.map

@@ -1 +0,0 @@
-{"file":"udp-sankey-chart.js","mappings":"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","names":["UdpSankeyChart","__stencil_proxyCustomElement","HTMLElement","uuid"],"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"],"version":3}

package/dist/components/udp-save-draft-button.js.map

@@ -1 +0,0 @@
-{"file":"udp-save-draft-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-save-draft-button2.js.map

@@ -1 +0,0 @@
-{"file":"udp-save-draft-button2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/udp-forms/udp-forms-renderer/udp-save-draft-button/udp-save-draft-button.css?tag=udp-save-draft-button&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-renderer/udp-save-draft-button/udp-save-draft-button.tsx"],"sourcesContent":["/* Single save button that moves between header and floating positions */\n\n/* Floating mode - positioned fixed in top-right, accounting for app bar */\n.floating-save-button {\n  position: fixed;\n  top: 5rem; /* Increased from 2rem to account for app bar height */\n  right: 2rem;\n  z-index: 1000;\n  animation: slideInDown 0.3s ease-out;\n}\n\n/* Inline mode - positioned relative for header placement */\n.inline-save-button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: auto; /* Push to right side of header */\n}\n\n/* Common styles for both modes */\n.floating-save-button.saving,\n.inline-save-button.saving {\n  pointer-events: none;\n}\n\n/* Saving state styling */\n.saving-state {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem;\n  background: rgba(0, 0, 0, 0.8);\n  color: white;\n  border-radius: 8px;\n  font-size: 0.9rem;\n}\n\n/* Saved state styling */\n.saved-state {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem;\n  background: rgba(34, 139, 34, 0.9); /* Forest green background */\n  color: white;\n  border-radius: 8px;\n  font-size: 0.9rem;\n  animation: fadeIn 0.3s ease-out;\n}\n\n/* Inline saving state - more compact */\n.inline-save-button .saving-state {\n  padding: 0.5rem 0.75rem;\n  background: rgba(0, 0, 0, 0.6);\n  font-size: 0.8rem;\n}\n\n/* Inline saved state - more compact */\n.inline-save-button .saved-state {\n  padding: 0.5rem 0.75rem;\n  background: rgba(34, 139, 34, 0.8);\n  font-size: 0.8rem;\n}\n\n/* Error tooltip positioning - for floating button (top-right) */\n.save-error-tooltip {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 0.5rem;\n  background: #dc3545;\n  color: white;\n  padding: 0.5rem 1rem;\n  border-radius: 8px;\n  font-size: 0.8rem;\n  white-space: nowrap;\n  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);\n  animation: fadeIn 0.3s ease-out;\n  z-index: 1001;\n}\n\n.save-error-tooltip::after {\n  content: '';\n  position: absolute;\n  bottom: 100%;\n  right: 1rem;\n  border: 6px solid transparent;\n  border-bottom-color: #dc3545;\n}\n\n/* Inline mode error tooltip - position differently */\n.inline-save-button .save-error-tooltip {\n  top: 100%;\n  bottom: auto;\n  margin-top: 0.5rem;\n  margin-bottom: 0;\n}\n\n.inline-save-button .save-error-tooltip::after {\n  top: -6px;\n  border-top-color: transparent;\n  border-bottom-color: #dc3545;\n}\n\n/* Animations */\n@keyframes slideInDown {\n  from {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .floating-save-button {\n    bottom: 1rem;\n    right: 1rem;\n    top: auto; /* Override fixed top position on small screens */\n  }\n\n  .saving-state {\n    padding: 0.6rem 0.8rem;\n    font-size: 0.8rem;\n  }\n\n  .inline-save-button .saving-state {\n    padding: 0.4rem 0.6rem;\n    font-size: 0.75rem;\n  }\n}\n\n/* Override icon color to primary when button is inherit color */\n.primary-icon {\n  --icon-color: var(--primary-color, #1976d2);\n}\n\n.primary-icon::part(icon) {\n  fill: var(--icon-color) !important;\n}\n\n/* Alternative approach using deep selector */\n.primary-icon udp-icon-button::part(icon),\n.primary-icon .icon {\n  fill: var(--primary-color, #1976d2) !important;\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n  .floating-save-button,\n  .save-error-tooltip {\n    animation: none;\n  }\n}\n","import { Component, Prop, h, State, Element, Listen } from '@stencil/core';\nimport Save from '@carbon/icons/es/save/20';\nimport { useFormApi } from '../../../form/useFormApi';\n\n@Component({\n  tag: 'udp-save-draft-button',\n  styleUrl: 'udp-save-draft-button.css',\n  shadow: true,\n})\nexport class UdpSaveDraftButton {\n  @Element() el: HTMLElement;\n\n  @Prop() isVisible: boolean = false;\n  @Prop() isSaving: boolean = false;\n  @Prop() saveErrorMessage: string | null = null;\n  @Prop() showSavedMessage: boolean = false;\n  @Prop() handleSave: (values?: any) => void;\n\n  @State() shouldBeInline: boolean = false;\n  @State() private formApi: any | null = null;\n\n  private resizeObserver: ResizeObserver;\n  private checkOverlapTimeoutId: any;\n\n  async componentDidLoad() {\n    this.formApi = await useFormApi(this.el);\n    this.checkForOverlap();\n    this.setupOverlapDetection();\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n    if (this.checkOverlapTimeoutId) {\n      clearTimeout(this.checkOverlapTimeoutId);\n    }\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleWindowResize() {\n    this.debouncedOverlapCheck();\n  }\n\n  private setupOverlapDetection() {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.debouncedOverlapCheck();\n      });\n      const formContainer = this.el.closest('udp-forms-ui, .form-container, udp-container');\n      if (formContainer) {\n        this.resizeObserver.observe(formContainer);\n      }\n      const mainContent = document.querySelector('main, [role=\"main\"]') || document.body;\n      if (mainContent) {\n        this.resizeObserver.observe(mainContent);\n      }\n    }\n  }\n\n  private debouncedOverlapCheck() {\n    if (this.checkOverlapTimeoutId) {\n      clearTimeout(this.checkOverlapTimeoutId);\n    }\n    this.checkOverlapTimeoutId = setTimeout(() => {\n      this.checkForOverlap();\n    }, 100);\n  }\n\n  private checkForOverlap() {\n    // This logic determines which style to apply.\n    // Using 1024px as the breakpoint to switch between floating and inline.\n    const minWidthNeeded = 1280;\n    this.shouldBeInline = window.innerWidth < minWidthNeeded;\n  }\n\n  private handleSaveClick = async () => {\n    if (!this.formApi || this.isSaving) {\n      return;\n    }\n    if (typeof this.handleSave !== 'function') {\n      return;\n    }\n    const values = this.formApi.getState().values;\n    try {\n      await this.handleSave(values);\n      this.formApi.reset(values);\n    } catch (error) {\n      console.error('The onSave handler threw an error. The form will remain dirty.', error);\n    }\n  };\n\n  render() {\n    if (!this.isVisible && !this.showSavedMessage) {\n      return null;\n    }\n\n    // Dynamically set the class based on screen size.\n    // This will toggle between your .floating-save-button and .inline-save-button styles.\n    const containerClass = this.shouldBeInline ? 'inline-save-button' : 'floating-save-button';\n    const isInlineMode = this.shouldBeInline;\n\n    return (\n      <div class={`${containerClass} ${this.isSaving ? 'saving' : ''} ${this.showSavedMessage ? 'saved' : ''}`}>\n        {this.isSaving ? (\n          <div class=\"saving-state\">\n            <unity-spinner size=\"small\" />\n            {!isInlineMode && <span>Saving...</span>}\n          </div>\n        ) : this.isVisible ? (\n          <udp-icon-button\n            icon={Save}\n            onClick={this.handleSaveClick}\n            tooltip={'Save Changes'}\n            variant=\"contained\"\n            color={isInlineMode ? 'inherit' : 'primary'}\n            iconColor={isInlineMode ? 'primary' : null}\n            size={isInlineMode ? 'small' : 'medium'}\n          >\n            {isInlineMode ? '' : 'Save Changes'}\n          </udp-icon-button>\n        ) : (\n          <div class=\"saved-state\">\n            <span>Saved</span>\n          </div>\n        )}\n\n        {this.saveErrorMessage && <div class=\"save-error-tooltip\">{this.saveErrorMessage}</div>}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/udp-selector.js.map

@@ -1 +0,0 @@
-{"file":"udp-selector.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-selector2.js.map

@@ -1 +0,0 @@
-{"file":"udp-selector2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/udp-selector/udp-selector.css?tag=udp-selector&encapsulation=shadow","src/components/inputs/udp-selector/udp-selector.tsx"],"sourcesContent":["@import '../inputs.css';\n\n/* UDP Selector specific styles */\n\n/* Size variants for selector */\n:host(.udp-input--size-small) .selected-option {\n  padding: var(--spacing-02);\n  padding-bottom: 6px;\n  font-size: var(--caption-font-size, 0.875rem);\n}\n\n:host(.udp-input--size-normal) .selected-option {\n  padding: var(--spacing-03);\n  padding-bottom: 9px;\n  font-size: var(--body-font-size);\n}\n\n:host(.udp-input--size-large) .selected-option {\n  padding: var(--spacing-04);\n  padding-bottom: 12px;\n  font-size: var(--body-font-size);\n}\n\n.selected-option {\n  border: none;\n  border-bottom: var(--underline-standard) solid var(--input-underline-color, var(--gray-08));\n  box-sizing: border-box;\n  cursor: pointer;\n  background-color: var(--input-background);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--spacing-03);\n  padding-bottom: 9px;\n  width: 100%;\n  font-size: var(--body-font-size);\n  font-family: var(--font-family);\n  transition: border-bottom-color 0.15s ease-in-out;\n}\n\n.selected-option:active,\n.selected-option:focus,\n.selected-option.focused {\n  outline: none;\n  border-bottom-color: var(--input-underline-color-focus, var(--primary-color));\n  border-bottom-width: 2px;\n}\n\n/* Error state for selector */\n:host(.udp-input--error) .selected-option,\n:host(.udp-input--error) .selected-option:focus,\n:host(.udp-input--error) .selected-option:active,\n:host(.udp-input--error) .selected-option.focused {\n  border-bottom-color: var(--input-underline-color-error, var(--error-color-main)) !important;\n}\n\n/* Disabled state for selector */\n:host(.udp-input--disabled) .selected-option {\n  border-bottom-color: var(--input-underline-color-disabled, var(--gray-08));\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.selected-option-label {\n  flex-grow: 1;\n  color: var(--ag-foreground-color, #000);\n}\n\n.selected-option-label.placeholder {\n  color: var(--placeholder-color, #999);\n}\n\n.udp-selector--large .selected-option {\n  background-color: var(--gray-08);\n  color: white;\n  width: 60px;\n  padding: var(--spacing-05);\n  box-shadow: var(--elevation-08);\n  width: 100px;\n  border-radius: 50px;\n  font-size: var(--body-font-size);\n}\n\n.arrow {\n  position: relative;\n  display: inline-block;\n  width: 10px;\n  height: 5px;\n}\n\n.arrow::before,\n.arrow::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  width: 0.6em;\n  height: 10px;\n  border-bottom: var(--underline-standard) solid var(--gray-09);\n}\n\n.udp-selector--large .selected-option .arrow::before,\n.udp-selector--large .selected-option .arrow::after {\n  border-bottom: 1px solid white;\n}\n\n.arrow::before {\n  left: -0.1em;\n  transform: rotate(-45deg);\n}\n\n.arrow::after {\n  /* left: 0.5em; */\n  transform: rotate(45deg);\n}\n\n.udp-selector__container {\n  position: relative;\n}\n\n.options-list {\n  max-width: 100%;\n  border: none;\n  margin: 4px 0 0 0;\n  padding: 0;\n  list-style: none;\n  z-index: 9999;\n  max-height: 150px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border-radius: var(--border-radius);\n  box-shadow: var(--elevation-08);\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.options-list li {\n  position: relative;\n  padding: 10px;\n  cursor: pointer;\n  background-color: var(--input-background);\n}\n\n.options-list li:hover {\n  background-color: var(--primary-color);\n  color: white;\n}\n","import { Component, Prop, State, h, Watch, Element, Listen, Host } from '@stencil/core';\nimport { createPopper, Instance as PopperInstance } from '@popperjs/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized selector component with single/multi-select support and various display options.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial selection\n * <udp-selector\n *   options={[{ value: '1', label: 'Option 1' }, { value: '2', label: 'Option 2' } ]}\n *   initialValue=\"1\"\n *   label=\"Select an option\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component with multi-select\n * <udp-selector\n *   options={[{ value: 'a', label: 'Apple' }, { value: 'b', label: 'Banana' } ]}\n *   value={selectedFruits}\n *   multiSelect={true}\n *   label=\"Select fruits\"\n *   onChange={(e) => setSelectedFruits(e.detail)}\n * />\n *\n * // With validation and density\n * <udp-selector\n *   options={[{ value: 'x', label: 'X-ray' }, { value: 'y', label: 'Yacht' } ]}\n *   label=\"Choose type\"\n *   required={true}\n *   error={selectionError}\n *   density=\"dense\"\n *   onChange={handleTypeChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-selector',\n  styleUrl: 'udp-selector.css',\n  shadow: true,\n})\nexport class UdpSelector {\n  @Element() el: HTMLElement;\n\n  /**\n   * Array of options to display in the selector. Each option should be an object with `value` and `label` properties.\n   */\n  @Prop() options: Array<{ value: string; label: string }> = [];\n\n  /**\n   * Initial value for the selector. Used for uncontrolled components to set the default selection.\n   * For multi-select, use comma-separated values (e.g., \"1,2,3\").\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the selector. When provided, makes this a controlled component.\n   * For multi-select, use comma-separated values (e.g., \"1,2,3\").\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Whether the selector should display in a large style.\n   */\n  @Prop() large: boolean = false;\n\n  /**\n   * Whether multiple items can be selected. When false, only one item can be selected at a time.\n   */\n  @Prop() multiSelect: boolean = false;\n\n  /**\n   * Name attribute for form submission. Used for form data collection.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the selector. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Error message to display below the selector. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the field is required for form submission. Adds validation behavior.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Unique identifier for the selector element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Whether the selector is disabled. Users cannot interact with the selector when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the selector is in a read-only state. Users can see the value but cannot modify it.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the selector.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * Internal state to control the visibility of the dropdown options.\n   * @internal\n   */\n  @State() isOpen = false;\n\n  /**\n   * Internal state to manage selected options for multi-select mode.\n   * @internal\n   */\n  @State() selectedOptions: Array<{ value: string; label: string }> = [];\n\n  /**\n   * Internal state to manage the selected option for single-select mode.\n   * @internal\n   */\n  @State() selectedOption: { value: string; label: string } | null = null;\n\n  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  private popperInstance: PopperInstance;\n\n  /**\n   * Updates the error message when the error prop changes.\n   * @internal\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Updates the selection when the `initialValue` prop changes.\n   * @param newValue - The new initial value.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.setSelectionFromValue(newValue);\n    }\n  }\n\n  /**\n   * Updates the selection when the `value` prop changes.\n   * @internal\n   */\n  @Watch('value')\n  valueChanged() {\n    if (this.value !== undefined) {\n      this.setSelectionFromValue(this.value);\n    }\n  }\n\n  /**\n   * Handles clicks outside the component to close the dropdown.\n   * @param event - The mouse event.\n   * @internal\n   */\n  @Listen('click', { target: 'document' })\n  handleClickOutside(event: MouseEvent) {\n    if (this.isOpen && !event.composedPath().includes(this.el)) {\n      this.isOpen = false;\n    }\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and selection state.\n   * @internal\n   */\n  componentWillLoad() {\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    const initValue = this.initialValue || this.value;\n    if (initValue) {\n      this.setSelectionFromValue(initValue);\n    }\n  }\n\n  /**\n   * Component lifecycle method. Destroys the Popper.js instance when the component is removed from the DOM.\n   * @internal\n   */\n  disconnectedCallback() {\n    this.destroyPopper();\n  }\n\n  /**\n   * Handles the blur event on the selector. Delays closing the dropdown to allow option clicks.\n   * @internal\n   */\n  handleBlur = () => {\n    setTimeout(() => {\n      this.isOpen = false;\n    }, 200);\n  };\n\n  /**\n   * Prevents the blur event on the main input when an option is clicked.\n   * @param event - The mouse event.\n   * @internal\n   */\n  handleOptionMouseDown = (event: MouseEvent) => {\n    event.preventDefault();\n  };\n\n  /**\n   * Watches for changes in the `isOpen` state and sets up/destroys the Popper.js instance accordingly.\n   * @param isOpen - The new state of `isOpen`.\n   * @internal\n   */\n  @Watch('isOpen')\n  handleOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      requestAnimationFrame(() => this.setupPopper());\n    } else {\n      this.destroyPopper();\n    }\n  }\n\n  /**\n   * Toggles the visibility of the dropdown options.\n   * @internal\n   */\n  toggleDropdown() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.isOpen = !this.isOpen;\n  }\n\n  /**\n   * Sets up the Popper.js instance for positioning the dropdown.\n   * @internal\n   */\n  setupPopper() {\n    const referenceEl = this.el.shadowRoot.querySelector('.selected-option');\n    const popperEl = this.el.shadowRoot.querySelector('.options-list');\n\n    if (referenceEl && popperEl) {\n      this.popperInstance = createPopper(referenceEl, popperEl as HTMLElement, {\n        strategy: 'fixed',\n        placement: 'bottom-start',\n        modifiers: [\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 4],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 8,\n            },\n          },\n          {\n            name: 'flip',\n          },\n          {\n            name: 'sameWidth',\n            enabled: true,\n            phase: 'beforeWrite',\n            requires: ['computeStyles'],\n            fn: ({ state }) => {\n              state.styles.popper.width = `${state.rects.reference.width}px`;\n            },\n          },\n        ],\n      });\n    }\n  }\n\n  /**\n   * Destroys the Popper.js instance.\n   * @internal\n   */\n  destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  /**\n   * Sets the selected option(s) based on a provided value string.\n   * @param value - The value string (comma-separated for multi-select).\n   * @internal\n   */\n  setSelectionFromValue(value: string) {\n    if (!value || this.options.length === 0) {\n      if (this.multiSelect) {\n        this.selectedOptions = [];\n      } else {\n        this.selectedOption = null;\n      }\n      return;\n    }\n\n    if (this.multiSelect) {\n      const values = value.split(',').map(v => v.trim()).filter(v => v);\n      this.selectedOptions = this.options.filter(option => values.includes(option.value));\n    } else {\n      const option = this.options.find(opt => opt.value === value);\n      this.selectedOption = option || null;\n    }\n  }\n\n  /**\n   * Re-applies the current selection when the `options` prop changes.\n   * @internal\n   */\n  @Watch('options')\n  optionsChanged() {\n    const currentValue = this.multiSelect\n      ? this.selectedOptions.map(option => option.value).join(',')\n      : this.selectedOption?.value || '';\n\n    if (currentValue) {\n      this.setSelectionFromValue(currentValue);\n    }\n  }\n\n  /**\n   * Handles the selection of an option from the dropdown.\n   * @param option - The selected option object.\n   * @internal\n   */\n  selectOption(option: { value: string; label: string }) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.multiSelect) {\n      const isSelected = this.selectedOptions.some(selected => selected.value === option.value);\n      if (isSelected) {\n        this.selectedOptions = this.selectedOptions.filter(selected => selected.value !== option.value);\n      } else {\n        this.selectedOptions = [...this.selectedOptions, option];\n      }\n    } else {\n      this.selectedOption = option;\n      this.isOpen = false;\n    }\n\n    this.updateValueProp();\n    this.emitSelectedOptions();\n\n    const selectedOptionIndex = this.options.findIndex(opt => opt.value === option.value);\n    if (selectedOptionIndex !== -1) {\n      const selectedOptionElement = document.querySelector(`.options-list li:nth-child(${selectedOptionIndex + 1})`);\n      if (selectedOptionElement) {\n        selectedOptionElement.classList.toggle('selected');\n      }\n    }\n  }\n\n  /**\n   * Updates the mutable `value` prop to reflect the current selection.\n   * @internal\n   */\n  updateValueProp() {\n    if (this.multiSelect) {\n      this.value = this.selectedOptions.map(option => option.value).join(',');\n    } else {\n      this.value = this.selectedOption ? this.selectedOption.value : '';\n    }\n  }\n\n  /**\n   * Emits custom `change` and `input` events with the current selection.\n   * @event change\n   * @event input\n   * @param {string} value - The current selected value(s), comma-separated for multi-select.\n   * @internal\n   */\n  emitSelectedOptions() {\n    let standardValue;\n\n    if (this.multiSelect) {\n      standardValue = this.selectedOptions.map(option => option.value).join(',');\n    } else {\n      standardValue = this.selectedOption ? this.selectedOption.value : '';\n    }\n\n    const changeEvent = new CustomEvent('change', {\n      detail: standardValue,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(changeEvent);\n\n    const inputEvent = new CustomEvent('input', {\n      detail: standardValue,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Renders the UDP Selector component.\n   * @returns JSX element.\n   * @internal\n   */\n  render() {\n    const isError = !!this.errorMessage;\n\n    const selectedOptionClasses = {\n      'selected-option': true,\n      'focused': this.isOpen,\n    };\n\n    const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-selector': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--required': this.required,\n          'udp-input--large': this.large,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          {this.label && (\n            <unity-typography variant=\"caption-text\">\n              <label htmlFor={this.id} class=\"bx--label\">\n                {this.label}\n                {this.required ? '*' : ''}\n              </label>\n            </unity-typography>\n          )}\n        <div class=\"udp-selector__container\">\n          <div\n            class={selectedOptionClasses}\n            onClick={() => this.toggleDropdown()}\n            tabindex={this.disabled || this.readonly ? '-1' : '0'}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={this.isOpen.toString()}\n            id={'udpRecord-udp-selector-' + this.id}\n            // @ts-ignore\n            udprecordid={'udpRecord-udp-selector-' + this.id}\n          >\n            <div\n              class={{\n                'selected-option-label': true,\n                'placeholder': !hasSelection,\n              }}\n            >\n              {this.multiSelect\n                ? this.selectedOptions.length > 0\n                  ? this.selectedOptions.map(option => option.label).join(', ')\n                  : 'Select option(s)'\n                : this.selectedOption\n                ? this.selectedOption.label\n                : 'Select an option'}\n            </div>\n            {this.multiSelect && this.selectedOptions.length > 0 && <span class=\"checkmark\"></span>}\n            <div class=\"arrow\"></div>\n          </div>\n          {this.isOpen && (\n            <ul class=\"options-list\">\n              {this.options.map(option => (\n                <unity-typography variant=\"button\">\n                  <li class={this.isOptionSelected(option) ? 'selected' : ''} onClick={() => this.selectOption(option)} onMouseDown={this.handleOptionMouseDown}>\n                    {option.label}\n                    {this.isOptionSelected(option) && <span class=\"checkmark\"></span>}\n                  </li>\n                </unity-typography>\n              ))}\n            </ul>\n          )}\n        </div>\n        {this.errorMessage && (\n          <div class=\"error-message\">\n            <unity-typography variant=\"caption-text\" color=\"error\">\n              {this.errorMessage}\n            </unity-typography>\n          </div>\n        )}\n        </div>\n      </Host>\n    );\n  }\n\n  /**\n   * Checks if a given option is currently selected.\n   * @param option - The option to check.\n   * @returns True if the option is selected, false otherwise.\n   * @internal\n   */\n  isOptionSelected(option: { value: string; label: string }) {\n    if (this.multiSelect) {\n      return this.selectedOptions.some(selected => selected.value === option.value);\n    } else {\n      return this.selectedOption && this.selectedOption.value === option.value;\n    }\n  }\n}\n"],"version":3}

package/dist/components/udp-side-sheet.js.map

@@ -1 +0,0 @@
-{"file":"udp-side-sheet.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-side-sheet2.js.map

@@ -1 +0,0 @@
-{"file":"udp-side-sheet2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 0;\r\n  overflow: hidden;\r\n  /* CRITICAL: transform creates a containing block, forcing fixed children to respect overflow: hidden */\r\n  transform: translate(0);\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n  transition: visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;\r\n}\r\n\r\n:host(.is-visible) {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  overflow: visible;\r\n  visibility: visible;\r\n  transition-delay: 0s;\r\n}\r\n\r\n.backdrop {\r\n  background: rgba(0, 0, 0, 0.5);\r\n  width: 100%;\r\n  height: 100%;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  opacity: 0;\r\n  transition: opacity 0.2s ease-in-out;\r\n}\r\n\r\n:host(.is-visible) .backdrop {\r\n  opacity: 1;\r\n}\r\n\r\n.sheet {\r\n  background: white;\r\n  height: 100vh;\r\n  position: fixed;\r\n  top: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\r\n  transition: transform 0.2s ease-in-out;\r\n  width: 100%;\r\n}\r\n\r\n.sheet.right {\r\n  right: 0;\r\n  transform: translateX(100%);\r\n}\r\n\r\n.sheet.left {\r\n  left: 0;\r\n  transform: translateX(-100%);\r\n}\r\n\r\n:host(.is-visible) .sheet {\r\n  transform: translateX(0);\r\n}\r\n\r\n.sheet.sm {\r\n  max-width: 360px;\r\n}\r\n\r\n.sheet.md {\r\n  max-width: 600px;\r\n}\r\n\r\n.sheet.lg {\r\n  max-width: 960px;\r\n}\r\n\r\n.sheet.full {\r\n  max-width: 100%;\r\n}\r\n\r\n.sheet.custom-width {\r\n  /* max-width is set via inline style */\r\n}\r\n\r\n/* Updated title container for new layout */\r\n.title-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\r\n  gap: var(--spacing-02)\r\n}\r\n\r\n.title-text {\r\n  flex-grow: 1;\r\n  text-align: left;\r\n  /* Ensure title stays left-aligned */\r\n}\r\n\r\n.close-button {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* Added styles for the new button's container */\r\n.header-action-button {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-02, 4px);\r\n  padding: var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0;\r\n}\r\n\r\n.content {\r\n  overflow-y: auto;\r\n  flex-grow: 1;\r\n  background-color: var(--gray-01);\r\n}\r\n\r\n.content.padding {\r\n  padding: var(--spacing-05, 24px);\r\n}\r\n\r\n.footer {\r\n  padding: var(--spacing-03, 8px);\r\n  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  flex-shrink: 0;\r\n  width: 100%;\r\n  gap: var(--spacing-02, 4px);\r\n  align-items: center;\r\n}\r\n\r\n.footer.secondary-button-overflow {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.footer-secondary-buttons-container {\r\n  flex-grow: 2;\r\n  width: 100%;\r\n}\r\n\r\n.footer-secondary-buttons {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: var(--spacing-02, 4px);\r\n  align-items: center;\r\n}\r\n\r\n.footer-secondary-buttons.secondary-button-overflow {\r\n  flex-grow: 1;\r\n}\r\n\r\n/* This container reserves the space for the loader (4px height).\r\n  This prevents the content below it from shifting up and down\r\n  when the loader appears or disappears.\r\n*/\r\n.loader-container {\r\n  height: 4px;\r\n  width: 100%;\r\n  background-color: var(--gray-01);\r\n}\r\n\r\n/*\r\n  By default, the loader is instantly hidden.\r\n  There is no transition applied in its hidden state.\r\n*/\r\n.loader-container udp-linear-loader {\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: none;\r\n}\r\n\r\n/*\r\n  When the .is-loading class is applied, we make the loader visible\r\n  AND apply a transition so it fades in smoothly. When the class is removed,\r\n  it reverts to the rule above and disappears instantly.\r\n*/\r\n.loader-container udp-linear-loader.is-loading {\r\n  visibility: visible;\r\n  opacity: 1;\r\n  /* transition: opacity 0.3s ease-in-out; */\r\n}\r\n","/* eslint-disable stencil/strict-boolean-conditions */\r\nimport {\r\n  Component,\r\n  h,\r\n  Prop,\r\n  Element,\r\n  Watch,\r\n  Event,\r\n  EventEmitter,\r\n  State,\r\n  Build,\r\n} from '@stencil/core';\r\nimport Close24 from '@carbon/icons/es/close/24';\r\nimport { SecondaryButton } from './types';\r\n\r\n/**\r\n * Side sheet component used for contextual drawers.\r\n */\r\n@Component({\r\n  tag: 'udp-side-sheet',\r\n  styleUrl: 'udp-side-sheet.css',\r\n  shadow: true,\r\n})\r\nexport class UdpSideSheet {\r\n  /** Host element reference for portal behavior */\r\n  @Element() hostEl!: HTMLElement;\r\n\r\n  /** When true, the side sheet is open and visible */\r\n  @Prop({ reflect: true, mutable: true }) open = false;\r\n\r\n  /** Title text displayed in the header */\r\n  @Prop() title: string;\r\n\r\n  /** Position of the sheet on the screen */\r\n  @Prop() position: 'left' | 'right' = 'right';\r\n\r\n  /** Width preset or a numeric pixel width */\r\n  @Prop() width: 'sm' | 'md' | 'lg' | 'full' | number = 'md';\r\n\r\n  /** Controls whether default inner padding is applied */\r\n  @Prop() padding = true;\r\n\r\n  /** When true, shows a top loader */\r\n  @Prop() loading: boolean = false;\r\n\r\n  // Header action button props\r\n\r\n  /** Label for the header primary action button */\r\n  @Prop() headerActionButtonLabel: string;\r\n\r\n  /** Whether the header action button is disabled */\r\n  @Prop() headerActionButtonDisabled = false;\r\n\r\n  /** Icon name for the header action button */\r\n  @Prop() headerActionButtonIcon: string;\r\n\r\n  /** Additional secondary buttons to render in the header */\r\n  @Prop() headerSecondaryButtons: SecondaryButton[];\r\n\r\n  // Footer / primary button props\r\n\r\n  /** Label for the primary footer action button */\r\n  @Prop() primaryButtonLabel: string;\r\n\r\n  /** Whether the primary footer button is disabled */\r\n  @Prop() primaryButtonDisabled = false;\r\n\r\n  /** Icon name for the primary footer button */\r\n  @Prop() primaryButtonIcon: string;\r\n\r\n  /** Secondary buttons to render in the footer */\r\n  @Prop() footerSecondaryButtons?: SecondaryButton[];\r\n\r\n  /** Emitted when the sheet is closed */\r\n  @Event() udpSideSheetClose: EventEmitter<void>;\r\n\r\n  /** Emitted when the primary footer button is clicked */\r\n  @Event() udpPrimaryButtonClick: EventEmitter<void>;\r\n\r\n  /** Emitted when the header action button is clicked */\r\n  @Event() udpHeaderActionButtonClick: EventEmitter<void>;\r\n\r\n  /** Whether the footer should show the overflow \"More\" button */\r\n  @State() showOverflowButton: boolean = false;\r\n\r\n  /** Whether the overflow popover is open */\r\n  @State() openOverflowMenu: boolean = false;\r\n\r\n  /** Anchor element for the overflow popover */\r\n  @State() overflowMenuAnchor: HTMLElement;\r\n\r\n  @State() visibleSecondaryButtons: SecondaryButton[] = [];\r\n  @State() overflowSecondaryButtons: SecondaryButton[] = [];\r\n\r\n  /** Saved original document.body.overflow value to restore on close */\r\n  private originalBodyOverflow: string = '';\r\n\r\n  /** ResizeObserver instance watching footer size changes */\r\n  private resizeObserver: ResizeObserver;\r\n\r\n  /** Reference to the footer element */\r\n  private footerRef: HTMLElement;\r\n\r\n  /** Offscreen measurement container for buttons */\r\n  private measurementContainerRef: HTMLElement;\r\n\r\n  /** Saved original document.body.paddingRight value to restore on close */\r\n  private originalBodyPaddingRight: string = '';\r\n\r\n  /**\r\n   * Watcher for `open` prop. Handles portal append/removal and body scroll lock.\r\n   *\r\n   * @param newValue - new value of the `open` prop\r\n   * @param oldValue - previous value of the `open` prop\r\n   */\r\n  @Watch('open')\r\n  handleOpenChange(newValue: boolean, oldValue: boolean) {\r\n    if (newValue === oldValue) {\r\n      return;\r\n    }\r\n\r\n    if (newValue) {\r\n      // Calculate scrollbar width before hiding it\r\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\r\n\r\n      // Save original values\r\n      this.originalBodyOverflow = document.body.style.overflow;\r\n      this.originalBodyPaddingRight = document.body.style.paddingRight;\r\n\r\n      document.body.appendChild(this.hostEl);\r\n\r\n      // Add padding to compensate for scrollbar\r\n      if (scrollbarWidth > 0) {\r\n        const currentPadding = parseInt(window.getComputedStyle(document.body).paddingRight) || 0;\r\n        document.body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;\r\n      }\r\n\r\n      document.body.style.overflow = 'hidden';\r\n\r\n      requestAnimationFrame(() => {\r\n        this.hostEl.classList.add('is-visible');\r\n        // Check overflow after the side sheet is visible\r\n        setTimeout(() => this.checkOverflow(), 50);\r\n      });\r\n    } else {\r\n      this.hostEl.classList.remove('is-visible');\r\n      document.body.style.overflow = this.originalBodyOverflow;\r\n      document.body.style.paddingRight = this.originalBodyPaddingRight;\r\n      this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Watcher for footer secondary buttons changes. Triggers overflow recalculation.\r\n   */\r\n  @Watch('footerSecondaryButtons')\r\n  handleSecondaryButtonsChange() {\r\n    // Recheck overflow when buttons change\r\n    setTimeout(() => this.checkOverflow(), 50);\r\n  }\r\n\r\n  /**\r\n   * Measures footer buttons in an offscreen container and sets `showOverflowButton`.\r\n   * Safely returns early if required refs are unavailable.\r\n   */\r\n  private checkOverflow() {\r\n    if (!this.footerRef || !this.measurementContainerRef) {\r\n      return;\r\n    }\r\n\r\n    if (!this.footerSecondaryButtons || this.footerSecondaryButtons.length === 0) {\r\n      this.showOverflowButton = false;\r\n      return;\r\n    }\r\n\r\n    // Get the footer container width (minus padding)\r\n    const footerWidth = this.footerRef.offsetWidth;\r\n    const footerStyle = window.getComputedStyle(this.footerRef);\r\n    const footerPaddingLeft = parseFloat(footerStyle.paddingLeft);\r\n    const footerPaddingRight = parseFloat(footerStyle.paddingRight);\r\n    const availableWidth = footerWidth - footerPaddingLeft - footerPaddingRight;\r\n\r\n    // Measure all buttons in the hidden measurement container\r\n    const measurementButtons = this.measurementContainerRef.querySelectorAll('udp-button');\r\n    let totalWidth = 0;\r\n\r\n    measurementButtons.forEach((button, index) => {\r\n      const buttonWidth = button && button instanceof HTMLElement ? button.offsetWidth : 0;\r\n      totalWidth += buttonWidth;\r\n\r\n      // Add gap spacing between buttons (except for the last one)\r\n      if (index < measurementButtons.length - 1) {\r\n        const containerStyle = window.getComputedStyle(this.measurementContainerRef);\r\n        const gap = parseFloat(containerStyle.gap) || 4; // Default gap from CSS\r\n        totalWidth += gap;\r\n      }\r\n    });\r\n\r\n    // Add a small buffer to prevent edge cases\r\n    const buffer = 10;\r\n    const isOverflowing = totalWidth + buffer > availableWidth;\r\n\r\n    this.showOverflowButton = isOverflowing;\r\n  }\r\n\r\n  /**\r\n   * Transition end handler used to remove the host element from body after close.\r\n   *\r\n   * @private\r\n   */\r\n  private handleTransitionEnd = () => {\r\n    if (!this.open && this.hostEl.parentElement === document.body) {\r\n      document.body.removeChild(this.hostEl);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Lifecycle: componentDidLoad. Sets up ResizeObserver and initial overflow check.\r\n   *\r\n   * @private\r\n   */\r\n  componentDidLoad() {\r\n    if (Build.isBrowser) {\r\n      // Set up ResizeObserver to watch for footer size changes\r\n      this.resizeObserver = new ResizeObserver(() => {\r\n        this.checkOverflow();\r\n      });\r\n\r\n      // Initial check after a small delay to ensure DOM is ready\r\n      requestAnimationFrame(() => {\r\n        setTimeout(() => {\r\n          if (this.footerRef) {\r\n            this.resizeObserver.observe(this.footerRef);\r\n          }\r\n          this.checkOverflow();\r\n        }, 100);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Lifecycle: disconnectedCallback. Restores body styles and disconnects observers.\r\n   *\r\n   * @private\r\n   */\r\n  disconnectedCallback() {\r\n    if (document.body.style.overflow === 'hidden') {\r\n      document.body.style.overflow = this.originalBodyOverflow;\r\n      document.body.style.paddingRight = this.originalBodyPaddingRight;\r\n    }\r\n\r\n    // Clean up ResizeObserver\r\n    if (this.resizeObserver) {\r\n      this.resizeObserver.disconnect();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Close the side sheet and emit close event.\r\n   *\r\n   * @private\r\n   */\r\n  private onClose = () => {\r\n    this.open = false;\r\n    this.udpSideSheetClose.emit();\r\n  };\r\n\r\n  /**\r\n   * Backdrop click handler. Only closes when clicking the backdrop itself.\r\n   *\r\n   * @param e - MouseEvent from the backdrop click\r\n   * @private\r\n   */\r\n  private onCloseBackdrop = (e: MouseEvent) => {\r\n    if (e.target === e.currentTarget) {\r\n      this.onClose();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Emit primary footer button click event.\r\n   *\r\n   * @private\r\n   */\r\n  private onPrimaryButtonClick = () => {\r\n    this.udpPrimaryButtonClick.emit();\r\n  };\r\n\r\n  /**\r\n   * Emit header action button click event.\r\n   *\r\n   * @private\r\n   */\r\n  private onHeaderActionButtonClick = () => {\r\n    this.udpHeaderActionButtonClick.emit();\r\n  };\r\n\r\n  /**\r\n   * Open overflow menu anchored to the clicked element.\r\n   *\r\n   * @param event - MouseEvent from the \"More\" button click\r\n   * @private\r\n   */\r\n  private onMoreActionButtonClick = (event: MouseEvent) => {\r\n    this.overflowMenuAnchor = event.currentTarget as HTMLElement;\r\n    this.openOverflowMenu = true;\r\n  };\r\n\r\n  /**\r\n   * Close the overflow popover.\r\n   *\r\n   * @param e - optional KeyboardEvent or MouseEvent (unused)\r\n   * @private\r\n   */\r\n  private handleCloseOverflowMenu = () => {\r\n    this.openOverflowMenu = false;\r\n  };\r\n\r\n  /**\r\n   * Render the component UI.\r\n   *\r\n   * @returns JSX element tree\r\n   * @private\r\n   */\r\n  render() {\r\n    const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\r\n    const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n    const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (\r\n      <udp-icon iconName={this.headerActionButtonIcon} color=\"inherit\" />\r\n    ) : undefined;\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n    const overflowIcon = <udp-icon iconName=\"overflowMenuVertical\" color=\"inherit\" />;\r\n\r\n    return (\r\n      <div class=\"backdrop\" onClick={this.onCloseBackdrop}>\r\n        <div\r\n          class={{ sheet: true, [this.position]: true, [widthClass]: true }}\r\n          style={sideSheetStyle}\r\n        >\r\n          {/* Header layout has been changed here */}\r\n          <div class=\"title-container\">\r\n            <div class=\"close-button\">\r\n              <stencil-icon-button\r\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n                icon={Close24}\r\n                onClick={this.onClose}\r\n                secondary\r\n              ></stencil-icon-button>\r\n            </div>\r\n            <div class=\"title-text\">\r\n              <unity-typography variant=\"h6\">{this.title}</unity-typography>\r\n            </div>\r\n            {/* Conditionally render the new header action button */}\r\n            {(this.headerActionButtonLabel || this.headerSecondaryButtons?.length > 0) && (\r\n              <div class=\"header-action-button\">\r\n                {this.headerSecondaryButtons?.map((item: SecondaryButton) => (\r\n                  <udp-button\r\n                    variant=\"outlined\"\r\n                    disabled={item.disabled}\r\n                    onClick={item.onClick}\r\n                    endIcon={item.icon}\r\n                  >\r\n                    {item.label}\r\n                  </udp-button>\r\n                ))}\r\n                {this.headerActionButtonLabel && (\r\n                  <udp-button\r\n                    disabled={this.headerActionButtonDisabled}\r\n                    onClick={this.onHeaderActionButtonClick}\r\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n                    startIcon={headerStartIcon}\r\n                    variant=\"contained\"\r\n                  >\r\n                    {this.headerActionButtonLabel}\r\n                  </udp-button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n          <div class=\"loader-container\">\r\n            <udp-linear-loader class={{ 'is-loading': this.loading }} color=\"primary\" />\r\n          </div>\r\n\r\n          <div class={{ content: true, padding: this.padding }}>\r\n            <slot />\r\n          </div>\r\n          {(this.primaryButtonLabel || this.footerSecondaryButtons?.length > 0) && (\r\n            <div>\r\n              <div class=\"loader-container\"></div>\r\n              <div\r\n                class={{\r\n                  footer: true,\r\n                }}\r\n                ref={el => (this.footerRef = el)}\r\n              >\r\n                {/* Visible buttons container */}\r\n                {!this.showOverflowButton && this.footerSecondaryButtons?.length > 0 && (\r\n                  <div class=\"footer-secondary-buttons-container\">\r\n                    <div class=\"footer-secondary-buttons\">\r\n                      {this.footerSecondaryButtons?.map((item: SecondaryButton) => (\r\n                        <udp-button\r\n                          variant=\"outlined\"\r\n                          disabled={item.disabled}\r\n                          onClick={item.onClick}\r\n                          endIcon={item.icon}\r\n                        >\r\n                          {item.label}\r\n                        </udp-button>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                )}\r\n\r\n                {/* More button when overflowing */}\r\n                {this.showOverflowButton && (\r\n                  <udp-button\r\n                    variant=\"outlined\"\r\n                    onClick={this.onMoreActionButtonClick}\r\n                    color=\"secondary\"\r\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n                    endIcon={overflowIcon}\r\n                  >\r\n                    More\r\n                  </udp-button>\r\n                )}\r\n\r\n                {/* Primary button */}\r\n                {this.primaryButtonLabel && (\r\n                  <udp-button\r\n                    variant=\"contained\"\r\n                    disabled={this.primaryButtonDisabled}\r\n                    onClick={this.onPrimaryButtonClick}\r\n                    endIcon={this.primaryButtonIcon}\r\n                  >\r\n                    {this.primaryButtonLabel}\r\n                  </udp-button>\r\n                )}\r\n\r\n                {/* Overflow menu */}\r\n                {this.showOverflowButton && (\r\n                  <udp-pop-over\r\n                    anchorElement={this.overflowMenuAnchor}\r\n                    isOpen={this.openOverflowMenu}\r\n                    popoverWidth={'200px'}\r\n                    popoverMaxHeight={'300px'}\r\n                    handleOnClose={this.handleCloseOverflowMenu}\r\n                  >\r\n                    <div class=\"menu\">\r\n                      {this.footerSecondaryButtons?.map(item => (\r\n                        <udp-menu-item\r\n                          label={item?.label}\r\n                          iconName={item?.icon}\r\n                          onItemClick={() => {\r\n                            item?.onClick();\r\n                            this.handleCloseOverflowMenu();\r\n                          }}\r\n                          disabled={item?.disabled}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  </udp-pop-over>\r\n                )}\r\n\r\n                {/* Hidden measurement container - renders all buttons for measurement */}\r\n                <div\r\n                  ref={el => (this.measurementContainerRef = el)}\r\n                  style={{\r\n                    position: 'absolute',\r\n                    visibility: 'hidden',\r\n                    pointerEvents: 'none',\r\n                    display: 'flex',\r\n                    gap: 'var(--spacing-02, 4px)',\r\n                  }}\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  {this.footerSecondaryButtons?.map((item: SecondaryButton) => (\r\n                    <udp-button\r\n                      variant=\"text\"\r\n                      size=\"medium\"\r\n                      disabled={item.disabled}\r\n                      endIcon={item.icon}\r\n                    >\r\n                      {item.label}\r\n                    </udp-button>\r\n                  ))}\r\n                  {this.primaryButtonLabel && (\r\n                    <udp-button\r\n                      variant=\"contained\"\r\n                      size=\"medium\"\r\n                      disabled={this.primaryButtonDisabled}\r\n                      endIcon={this.primaryButtonIcon}\r\n                    >\r\n                      {this.primaryButtonLabel}\r\n                    </udp-button>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/udp-skeleton-loading.js.map

@@ -1 +0,0 @@
-{"file":"udp-skeleton-loading.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-skeleton-loading2.js.map

@@ -1 +0,0 @@
-{"file":"udp-skeleton-loading2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,idAAid;;MCOle,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,CAAA,YAAA,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,QACE,CAAA,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;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-split-screen.js.map

@@ -1 +0,0 @@
-{"file":"udp-split-screen.js","mappings":"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","names":["UdpSplitScreen","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-stepper-demo.js.map

@@ -1 +0,0 @@
-{"file":"udp-stepper-demo.js","mappings":"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","names":["UdpStepperDemo","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-stepper.js.map

@@ -1 +0,0 @@
-{"file":"udp-stepper.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-stepper2.js.map

@@ -1 +0,0 @@
-{"file":"udp-stepper2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-tab-panel.js.map

@@ -1 +0,0 @@
-{"file":"udp-tab-panel.js","mappings":";;AAAA,MAAM,cAAc,GAAG,8EAA8E;;MCOxFA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;IAWtB,MAAM,GAAA;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;QAE1C,QACE,CACE,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,EAEzC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpTabPanel","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-tab.js.map

@@ -1 +0,0 @@
-{"file":"udp-tab.js","mappings":";;AAAA,MAAM,SAAS,GAAG,0DAA0D;;MCM/DA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AAJnB,IAAA,WAAA,CAAA,YAAA,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,QACE,CAAK,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,EACvE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpTab","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-tabs.js.map

@@ -1 +0,0 @@
-{"file":"udp-tabs.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-tabs2.js.map

@@ -1 +0,0 @@
-{"file":"udp-tabs2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tabs/tab/tabs/udp-tabs.css?tag=udp-tabs&encapsulation=shadow","src/components/tabs/tab/tabs/udp-tabs.tsx"],"sourcesContent":[".tab-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.tab-header {\n  background-color: #ffffff;\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.tab-scroll-container {\n  display: flex;\n  position: relative;\n  overflow-x: auto;\n  overflow-y: hidden;\n  flex: 1;\n  min-width: 0;\n}\n\n.tab-scroll-container::-webkit-scrollbar {\n  height: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb {\n  background-color: rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb:hover {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n\n.tab-header::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 1px;\n  background-color: var(--divider-color, #e0e0e0);\n}\n\n/* This is the base style for tab buttons */\n.tab-header button {\n  padding: 16px;\n  font-size: 14px;\n  text-align: center;\n  border: none;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  transition: all 0.22s ease;\n  color: #555555;;\n  font-weight: 600;\n  opacity: 0.9;\n  white-space: nowrap;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.tab-header.fill .tab-scroll-container {\n  width: 100%;\n}\n.tab-header.fill .tab-scroll-container button {\n  flex-grow: 1;\n}\n\n.tab-header button.active {\n  color: var(--secondary-color, #344861);\n  opacity: 1.0;\n}\n\n.tab-header button.scroll-arrow {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  padding: 0;\n\n  background: #ffffff;\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: bold;\n  color: #757575;\n  z-index: 2;\n  transition: color 0.2s ease;\n\n  flex-shrink: 0;\n  opacity: 1;\n  gap: 0;\n}\n\n.tab-header button.scroll-arrow:hover {\n  color: #000;\n}\n\n.tab-header button.scroll-arrow.left {\n  left: 0;\n}\n\n.tab-header button.scroll-arrow.right {\n  right: 0;\n\n}\n\n.scroll-fade {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 30px;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.scroll-fade.left {\n  left: 40px;\n  background: linear-gradient(\n    to right,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.scroll-fade.right {\n  right: 40px;\n  background: linear-gradient(\n    to left,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.tab-header button udp-icon {\n  font-size: 1.2em;\n  line-height: 1;\n}\n\n.tab-header button.icon-start {\n  flex-direction: row;\n}\n.tab-header button.icon-end {\n  flex-direction: row-reverse;\n}\n.tab-header button.icon-top {\n  flex-direction: column;\n  gap: 4px;\n}\n.tab-header button.icon-bottom {\n  flex-direction: column-reverse;\n  gap: 4px;\n}\n\n.slider {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  height: 2px;\n  background-color: var(--secondary-color, #344861);\n\n  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n    width 0.22s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: 1;\n}\n\n.tab-header button.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.tab-header button.disabled.active {\n  color: #757575;\n  opacity: 0.5;\n}\n","import { Component, h, State, Element, Watch, Listen, Prop, Event, EventEmitter } from '@stencil/core';\n\ninterface TabDetail {\n  label: string;\n  icon?: string;\n  iconPlacement?: 'start' | 'end' | 'top' | 'bottom';\n  hidden?: boolean;\n  disabled?: boolean;\n}\n\n@Component({\n  tag: 'udp-tabs',\n  styleUrl: 'udp-tabs.css',\n  shadow: true,\n})\nexport class UdpTabs {\n  @Element() el: HTMLElement;\n\n  /**\n   * Specifies the layout variant of the tab header.\n   *\n   * - `'standard'`: Tabs will be sized based on their content.\n   * - `'fill'`: Tabs will stretch to fill the available horizontal space.\n   */\n  @Prop() variant: 'fill' | 'standard' = 'fill';\n\n  /**\n   * (Controlled) The index of the currently active tab.\n   * If this prop is provided, the component will be in \"controlled\" mode.\n   * The parent must listen for `udpTabChange` to update this value.\n   */\n  @Prop() value?: number;\n\n  /**\n   * (Optional) An array of tab configuration objects.\n   * If provided, this will be used to render tabs instead of slotted `<udp-tab>` components.\n   * This mode is typically used with controlled tabs.\n   */\n  @Prop() tabs: TabDetail[] = [];\n\n  /**\n   * (Controlled) Emits the index of the tab that was clicked.\n   * This is only emitted in \"controlled\" mode (when `value` is provided).\n   */\n  @Event() udpTabChange: EventEmitter<number>;\n\n  @State() internalActiveTab: number = 0; // For uncontrolled mode\n  @State() tabDetails: TabDetail[] = []; // Unified details from prop or slot\n  @State() sliderStyle: { width: string; transform: string } = {\n    width: '0',\n    transform: 'translateX(0)',\n  };\n  @State() showScrollLeft: boolean = false;\n  @State() showScrollRight: boolean = false;\n\n  private slottedTabs: HTMLUdpTabElement[] = []; // Renamed from `tabs`\n  private buttonRefs: HTMLButtonElement[] = [];\n  private scrollContainerRef?: HTMLDivElement;\n\n  /**\n   * Returns true if the component is in controlled mode.\n   */\n  private get isControlled(): boolean {\n    return this.value != null;\n  }\n\n  /**\n   * Returns true if tabs are being provided by the `tabs` prop.\n   */\n  private get useTabsProp(): boolean {\n    return this.tabs && this.tabs.length > 0;\n  }\n\n  /**\n   * Returns the currently active tab index,\n   * respecting controlled or uncontrolled mode.\n   */\n  private get activeTab(): number {\n    return this.isControlled ? this.value : this.internalActiveTab;\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    // If we're using the tabs prop, slot changes are irrelevant\n    if (this.useTabsProp) return;\n    this.initializeTabs();\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  componentDidLoad() {\n    this.initializeTabs();\n  }\n\n  /**\n   * Watcher for uncontrolled state changes.\n   */\n  @Watch('internalActiveTab')\n  onActiveTabChange(newValue: number) {\n    this.updateActiveTabs();\n    this.updateSliderPosition();\n    this.scrollTabIntoView(newValue);\n  }\n\n  /**\n   * Watcher for controlled state changes.\n   */\n  @Watch('value')\n  onValueChange(newValue: number) {\n    this.updateActiveTabs();\n    this.updateSliderPosition();\n    this.scrollTabIntoView(newValue);\n  }\n\n  /**\n   * Watcher for tabs prop changes.\n   */\n  @Watch('tabs')\n  onTabsPropChange() {\n    this.initializeTabs();\n  }\n\n  @Watch('variant')\n  onVariantChange() {\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  private initializeTabs() {\n    this.buttonRefs = [];\n\n    if (this.useTabsProp) {\n      // --- Prop-based ---\n      this.tabDetails = this.tabs.map(t => ({ ...t })); // Use data from prop\n      this.slottedTabs = []; // Ensure we're not tracking slotted tabs\n    } else {\n      // --- Slot-based ---\n      this.slottedTabs = Array.from(this.el.children).filter(\n        (child): child is HTMLUdpTabElement => child.tagName.toLowerCase() === 'udp-tab',\n      );\n\n      this.tabDetails = this.slottedTabs.map(tab => ({\n        label: tab.label,\n        icon: tab.icon,\n        iconPlacement: tab.iconPlacement,\n        hidden: tab.hidden,\n        disabled: tab.disabled,\n      }));\n    }\n\n    // --- Common Logic ---\n    // In uncontrolled mode, check if the default active tab is invalid.\n    if (!this.isControlled) {\n      if (this.tabDetails[this.internalActiveTab]?.hidden || this.tabDetails[this.internalActiveTab]?.disabled) {\n        const firstValidIndex = this.tabDetails.findIndex(tab => !tab.hidden && !tab.disabled);\n        this.internalActiveTab = firstValidIndex > -1 ? firstValidIndex : 0;\n      }\n    }\n\n    this.updateActiveTabs();\n\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  private updateActiveTabs() {\n    // Only update slotted tabs if we're in slot mode\n    if (!this.useTabsProp) {\n      const currentActiveTab = this.activeTab;\n      this.slottedTabs.forEach((tab, index) => {\n        tab.active = index === currentActiveTab;\n      });\n    }\n    // If in prop mode, the <button> 'active' class is handled by render()\n  }\n\n  private updateSliderPosition() {\n    const activeButton = this.buttonRefs[this.activeTab]; // Use getter\n    if (!activeButton) {\n      this.sliderStyle = { width: '0px', transform: 'translateX(0px)' };\n      return;\n    }\n\n    this.sliderStyle = {\n      width: `${activeButton.offsetWidth}px`,\n      transform: `translateX(${activeButton.offsetLeft}px)`,\n    };\n  }\n\n  private checkScroll() {\n    if (!this.scrollContainerRef) return;\n    const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainerRef;\n    const isOverflowing = scrollWidth > clientWidth;\n    this.showScrollLeft = isOverflowing && scrollLeft > 1;\n    this.showScrollRight = isOverflowing && scrollLeft < scrollWidth - clientWidth - 1;\n  }\n\n  private tabClicked(tabIndex: number) {\n    if (this.tabDetails[tabIndex]?.disabled) {\n      return;\n    }\n\n    if (this.isControlled) {\n      // In controlled mode, emit the event for the parent to handle.\n      // The `onValueChange` watcher will handle UI updates when the prop changes.\n      this.udpTabChange.emit(tabIndex);\n    } else {\n      // In uncontrolled mode, update state directly.\n      // The `onActiveTabChange` watcher will handle UI updates.\n      this.internalActiveTab = tabIndex;\n    }\n  }\n\n  private scrollTabIntoView(tabIndex: number) {\n    const tabButton = this.buttonRefs[tabIndex];\n    const container = this.scrollContainerRef;\n\n    if (!tabButton || !container) return;\n\n    const { scrollLeft, clientWidth } = container;\n    const tabLeft = tabButton.offsetLeft;\n    const tabRight = tabLeft + tabButton.offsetWidth;\n\n    const safeZonePadding = 70;\n    const safeZoneLeft = scrollLeft + safeZonePadding;\n    const safeZoneRight = scrollLeft + clientWidth - safeZonePadding;\n\n    if (tabLeft < safeZoneLeft) {\n      container.scrollTo({\n        left: tabLeft - safeZonePadding,\n        behavior: 'smooth',\n      });\n    } else if (tabRight > safeZoneRight) {\n      container.scrollTo({\n        left: tabRight - clientWidth + safeZonePadding,\n        behavior: 'smooth',\n      });\n    }\n  }\n\n  private scrollToStart() {\n    if (!this.scrollContainerRef) return;\n    this.scrollContainerRef.scrollTo({ left: 0, behavior: 'smooth' });\n  }\n\n  private scrollToEnd() {\n    if (!this.scrollContainerRef) return;\n    const container = this.scrollContainerRef;\n    const { scrollWidth, clientWidth } = container;\n    const maxScrollLeft = scrollWidth - clientWidth;\n    container.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });\n  }\n\n  render() {\n    const currentActiveTab = this.activeTab; // Use getter\n\n    return (\n      <div class=\"tab-container\">\n        <div class={`tab-header ${this.variant}`}>\n          {this.showScrollLeft && (\n            <button\n              class=\"scroll-arrow left\"\n              onClick={() => this.scrollToStart()}\n              aria-label=\"Scroll to first tab\"\n            >\n              <udp-icon iconName=\"chevronLeft16\" color=\"inherit\" />\n            </button>\n          )}\n\n          {this.showScrollLeft && <div class=\"scroll-fade left\"></div>}\n\n          <div\n            class=\"tab-scroll-container\"\n            ref={el => (this.scrollContainerRef = el)}\n            onScroll={() => this.checkScroll()}\n          >\n            {this.tabDetails.map((tab, index) => {\n              if (tab.hidden) {\n                return null;\n              }\n\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              const iconEl = tab.icon ? <udp-icon iconName={tab.icon} color={'inherit'} /> : null;\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              const labelEl = <span>{tab.label}</span>;\n\n              return (\n                <button\n                  class={{\n                    'active': index === currentActiveTab,\n                    'has-icon': !!tab.icon,\n                    [`icon-${tab.iconPlacement}`]: !!tab.icon,\n                    'disabled': tab.disabled,\n                  }}\n                  disabled={tab.disabled}\n                  onClick={() => this.tabClicked(index)}\n                  role=\"tab\"\n                  aria-selected={index === currentActiveTab ? 'true' : 'false'}\n                  aria-disabled={tab.disabled ? 'true' : 'false'}\n                  ref={el => (this.buttonRefs[index] = el)}\n                >\n                  {iconEl}\n                  {labelEl}\n                </button>\n              );\n            })}\n\n            <div class=\"slider\" style={this.sliderStyle}></div>\n          </div>\n\n          {this.showScrollRight && <div class=\"scroll-fade right\"></div>}\n\n          {this.showScrollRight && (\n            <button\n              class=\"scroll-arrow right\"\n              onClick={() => this.scrollToEnd()}\n              aria-label=\"Scroll to last tab\"\n            >\n              <udp-icon iconName=\"chevronRight16\" color=\"inherit\" />\n            </button>\n          )}\n        </div>\n\n        {!this.isControlled && !this.useTabsProp && (\n          <div>\n            <slot></slot>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/udp-time-selector.js.map

@@ -1 +0,0 @@
-{"file":"udp-time-selector.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-time-selector2.js.map

@@ -1 +0,0 @@
-{"file":"udp-time-selector2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/time-selector/udp-time-selector.css?tag=udp-time-selector&encapsulation=shadow","src/components/inputs/time-selector/udp-time-selector.tsx"],"sourcesContent":["@import '../inputs.css';\n","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch, Element } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized time input component with validation, min/max constraints, and precise time selection.\n * Supports both controlled and uncontrolled modes with proper event emission for integration\n * with form libraries and custom event handlers.\n *\n * **Time Handling:**\n * - Uses HTML5 `time` input for consistent browser behavior and native time picker\n * - Supports HH:mm format (24-hour time) as per HTML5 specification\n * - Provides min/max time constraints for validation\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-time-selector\n *   label=\"Meeting Time\"\n *   initialValue=\"14:30\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-time-selector\n *   label=\"Appointment Time\"\n *   value={appointmentTime}\n *   onChange={(e) => setAppointmentTime(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-time-selector\n *   label=\"Business Hours\"\n *   value={businessTime}\n *   min=\"09:00\"\n *   max=\"17:00\"\n *   required={true}\n *   error={timeError}\n *   onChange={handleTimeChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-time-selector',\n  styleUrl: 'udp-time-selector.css',\n  shadow: true,\n})\nexport class UdpTimeSelector {\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the input element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the input field. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Minimum time value allowed. Uses HH:mm format (e.g., \"09:00\").\n   * Enforces lower bounds validation for time selection.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum time value allowed. Uses HH:mm format (e.g., \"17:00\").\n   * Enforces upper bounds validation for time selection.\n   */\n  @Prop() max: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Error message to display below the input field. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Initial value for the time selector. Used for uncontrolled components to set the default value.\n   * Uses HH:mm format (e.g., \"14:30\"). Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the time selector. When provided, makes this a controlled component.\n   * Uses HH:mm format (e.g., \"14:30\"). The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field when disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the input is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Whether the input should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the input.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  @Element() el: HTMLElement;\n\n  @State() internalValue: string = ''; // Internal state for value management\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the time value changes through user interaction or programmatic update.\n   * Contains the new time value in HH:mm format.\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when the user types in the time input field.\n   * Contains the current input value (may be incomplete during typing).\n   */\n  @Event() input: EventEmitter<string>;\n\n  /**\n   * Emitted when validation errors occur (e.g., time outside min/max constraints).\n   * Contains the error message string. Empty string indicates no error.\n   */\n  @Event({\n    eventName: 'error',\n    bubbles: true,\n    composed: true,\n    cancelable: true\n  }) errorEvent: EventEmitter<string>;\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the internal value from either the value prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize from controlled value or initial value\n    this.internalValue = this.value || this.initialValue || '';\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the error prop. Updates the internal error message when the error prop changes.\n   */\n  @Watch('error')\n  updateError() {\n    console.log('Error prop changed:', this.error);\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the initialValue prop. Updates the internal value when initialValue changes\n   * (useful for form resets, dynamic initial values, etc.).\n   * @param newValue - The new initial value\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n      const newError = this.validateTime(newValue);\n      if(newError) this.setAndDispatchError(newError);\n    }\n  }\n\n  /**\n   * Watcher for the value prop. Updates the internal value when the value prop changes\n   * (controlled component behavior).\n   * @param newValue - The new controlled value\n   */\n  @Watch('value')\n  valueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Handles the blur event on the time input. Standard focus events bubble naturally.\n   */\n  handleBlur() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles the focus event on the time input. Standard focus events bubble naturally.\n   */\n  handleFocus() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Validates the time value against min/max constraints\n   * @param value - The time value to validate\n   * @returns Error message if invalid, empty string if valid\n   */\n  private validateTime(value: string): string {\n    if (!value) return '';\n\n    // Convert time strings to minutes for comparison\n    const timeToMinutes = (time: string): number => {\n      const [hours, minutes] = time.split(':').map(Number);\n      return hours * 60 + minutes;\n    };\n\n    const valueMinutes = timeToMinutes(value);\n\n    if (this.min) {\n      const minMinutes = timeToMinutes(this.min);\n      if (valueMinutes < minMinutes) {\n        return `Time must be after ${this.min}`;\n      }\n    }\n\n    if (this.max) {\n      const maxMinutes = timeToMinutes(this.max);\n      if (valueMinutes > maxMinutes) {\n        return `Time must be before ${this.max}`;\n      }\n    }\n\n    return '';\n  }\n\n  /**\n   * Sets error state and dispatches error event that bubbles to stencil-field\n   * @param errorMessage - The error message to set and dispatch\n   */\n  private setAndDispatchError(errorMessage: string) {\n    console.log('Setting error:', errorMessage);\n\n    // Update internal error state\n    this.errorMessage = errorMessage;\n\n    // Emit Stencil error event\n    this.errorEvent.emit(errorMessage);\n\n    // Dispatch custom error event that bubbles up to stencil-field\n    const errorEvent = new CustomEvent('error', {\n      detail: errorMessage,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(errorEvent);\n  }\n\n  /**\n   * Handles the invalid event from the native input element\n   * @param event - The invalid event from the time input\n   */\n  handleInvalid = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const validationMessage = target.validationMessage;\n    this.setAndDispatchError(validationMessage);\n  }\n\n  /**\n   * Handles when the input becomes valid (clears errors)\n   * @param event - The input event\n   */\n  handleValid = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    // Always validate with our custom logic first\n    const customError = this.validateTime(target.value);\n\n    if (customError) {\n      // Custom validation failed\n      this.setAndDispatchError(customError);\n    } else if (target.validity.valid) {\n      // Both custom and native validation passed\n      this.setAndDispatchError('');\n    }\n  }\n\n  /**\n   * Handles input events (real-time typing). Updates internal state and provides immediate validation feedback.\n   * @param event - The input event from the time input\n   */\n  handleTimeInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    // Update internal value\n    this.internalValue = newValue;\n\n    // Update controlled value if this is a controlled component\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Re-evaluate validation on input if there's currently an error\n    // This provides immediate feedback when user corrects the error\n    if (this.errorMessage) {\n      const validationError = this.validateTime(newValue);\n\n      if (validationError !== this.errorMessage) {\n        // Error state has changed, update it\n        this.setAndDispatchError(validationError);\n      }\n    }\n\n    // Emit input event for real-time updates\n    this.input.emit(newValue);\n  }\n\n  /**\n   * Handles changes to the time input value. Updates internal state and emits standard events.\n   * @param event - The change event from the time input\n   */\n  handleTimeChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    // Update internal value\n    this.internalValue = newValue;\n\n    // Update controlled value if this is a controlled component\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Validate the new value\n    const customError = this.validateTime(newValue);\n\n    if (customError) {\n      // Custom validation failed\n      this.setAndDispatchError(customError);\n    } else {\n      // Custom validation passed, clear any existing error\n      this.setAndDispatchError('');\n    }\n\n    // Emit change event for committed changes\n    this.change.emit(newValue);\n  }\n\n  render() {\n    const isError: boolean = !!this.errorMessage;\n    const classNames = ['bx--text-input'];\n    if (isError) {\n      classNames.push('bx--text-input--error');\n    }\n    if (this.disabled) {\n      classNames.push('time-selector--disabled');\n    }\n    if (this.fullWidth) {\n      classNames.push('bx--text-input--full-width');\n    }\n    const inputClass = classNames.join(' ');\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--full-width': this.fullWidth,\n          'udp-input--required': this.required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={this.id} class=\"bx--label\">\n              {this.label}\n              {this.required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <input\n            type=\"time\"\n            id={this.id}\n            name={this.name}\n            class={inputClass}\n            value={this.internalValue}\n            min={this.min}\n            max={this.max}\n            onInput={this.handleTimeInput}\n            onChange={this.handleTimeChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onInvalid={this.handleInvalid}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            //@ts-ignore\n            udprecordid={'udpRecord-udp-time-selector-' + this.id}\n          />\n          <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n            {this.errorMessage}\n          </unity-typography>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/udp-timeline-connector.js.map

@@ -1 +0,0 @@
-{"file":"udp-timeline-connector.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,oRAAoR;;MCOvSA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAC/B,MAAM,GAAA;AACJ,QAAA,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpTimelineConnector","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-timeline-dot.js.map

@@ -1 +0,0 @@
-{"file":"udp-timeline-dot.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,wxFAAwxF;;MCOryFA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,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,QACE,4DAAK,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAA,EAChC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpTimelineDot","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-timeline-item.js.map

@@ -1 +0,0 @@
-{"file":"udp-timeline-item.js","mappings":"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","names":["UdpTimelineItem","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-timeline-separator.js.map

@@ -1 +0,0 @@
-{"file":"udp-timeline-separator.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,msBAAmsB;;MCOttBA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAC/B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpTimelineSeparator","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-timeline.js.map

@@ -1 +0,0 @@
-{"file":"udp-timeline.js","mappings":";;AAAA,MAAM,cAAc,GAAG,ifAAif;;MCO3fA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAmC,MAAM;AAWvD;IATC,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpTimeline","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-vertical-spacer.js.map

@@ -1 +0,0 @@
-{"file":"udp-vertical-spacer.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,gJAAgJ;;MCOhKA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAG5B,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,YAAY;SACpB;QAED,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,YAAY;AAEvD,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,EAAA,CAAQ;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpVerticalSpacer","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/dist/components/udp-xy-chart.js.map

@@ -1 +0,0 @@
-{"file":"udp-xy-chart.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-xy-chart2.js.map

@@ -1 +0,0 @@
-{"file":"udp-xy-chart2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/charts/udp-xy-chart/udp-xy-chart.css?tag=udp-xy-chart&encapsulation=shadow","src/components/charts/udp-xy-chart/udp-xy-chart.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n","import { Component, Prop, h, Element, Build, Watch } from '@stencil/core';\nimport * as am4charts from '@amcharts/amcharts4/charts';\nimport * as am4core from '@amcharts/amcharts4/core';\nimport {\n  addXYCategoryAxis,\n  addXYDateAxis,\n  addXYLegend,\n  addXYSeries,\n  addXYValueAxis,\n  setChartDefaultSettings,\n  setXYChartDefaultSettings,\n  XYSeriesTypes,\n} from '../chartUtils';\n\n@Component({\n  tag: 'udp-xy-chart',\n  styleUrl: 'udp-xy-chart.css',\n  shadow: true,\n})\nexport class UdpXyChart {\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() customCardStyle?: { [key: string]: 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() xAxisLabel: string = Build.isDev ? 'Test X Label' : undefined;\n  @Prop() yAxisLabel: string = Build.isDev ? 'Test Y Label' : undefined;\n  @Prop() hideAdornment: boolean = false;\n  @Prop() ignoreZeroValues: boolean = false;\n  @Prop() hideBorder: boolean = false;\n  @Prop() colorList?: { [key: string]: string };\n  @Prop() getColor?: (data: any) => string = undefined;\n  @Prop() showBullets: boolean = false;\n  @Prop() barWidth: number = undefined;\n  @Prop() xDataType: string = undefined;\n  @Prop() yDataType: string = undefined;\n  @Prop() distBetweenGridLines: number = 0;\n  @Prop() chartType: XYSeriesTypes = undefined;\n  @Prop() enableExport: boolean;\n  @Prop() removePadding: boolean = false;\n\n  @Prop() chartId = 'udp-xy-chart'; //maybe this cause issue when we use a couple of them\n  private chart: am4charts.XYChart;\n\n  @Watch('valueField')\n  @Watch('labelField')\n  @Watch('data')\n  @Watch('xAxisLabel')\n  @Watch('yAxisLabel')\n  @Watch('showBullets')\n  @Watch('xDataType')\n  @Watch('yDataType')\n  @Watch('hideLegend')\n  @Watch('distBetweenGridLines')\n  @Watch('chartType')\n  @Watch('chartId')\n  async renderChart() {\n    const attemptToRender = async () => {\n      const chartContainer = this.el?.shadowRoot?.getElementById(this.chartId);\n\n      if (!chartContainer) {\n        // Use a Promise-based delay to maintain control flow\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.labelField || !this.xDataType || !this.yDataType) return;\n\n      if (this.chart) {\n        this.chart.dispose();\n      }\n\n      this.chart = am4core.create(chartContainer, am4charts.XYChart);\n\n      // Apply chart settings and series\n      setChartDefaultSettings(this.chart, chartContainer, this.enableExport);\n\n      setXYChartDefaultSettings(this.chart);\n      let xAxis;\n      let yAxis;\n      switch (this.xDataType) {\n        case undefined:\n        case null:\n        case 'string':\n          xAxis = addXYCategoryAxis(\n            this.chart,\n            'X',\n            this.labelField,\n            [this.xAxisLabel],\n            'X',\n            this.distBetweenGridLines,\n          );\n          break;\n        case 'date':\n          xAxis = addXYDateAxis(this.chart, 'X', [this.xAxisLabel], 'X', this.distBetweenGridLines);\n          break;\n        default:\n          xAxis = addXYValueAxis(this.chart, 'X', [this.xAxisLabel], 'X');\n          break;\n      }\n\n      switch (this.yDataType) {\n        case undefined:\n        case null:\n        case 'number':\n          yAxis = addXYValueAxis(this.chart, 'Y', [this.yAxisLabel], 'Y');\n          break;\n        case 'date':\n          yAxis = addXYDateAxis(this.chart, 'Y', [this.yAxisLabel], 'Y', this.distBetweenGridLines);\n          break;\n        default:\n          yAxis = addXYCategoryAxis(\n            this.chart,\n            'Y',\n            this.valueField,\n            [this.yAxisLabel],\n            'Y',\n            this.distBetweenGridLines,\n          );\n          break;\n      }\n\n      addXYSeries(\n        this.chart,\n        'Series 1',\n        this.chartType,\n        xAxis,\n        this.labelField,\n        yAxis,\n        this.valueField,\n      );\n      if (!this.hideLegend) {\n        addXYLegend(this.chart);\n      }\n\n      this.chart.data = this.data ?? [];\n    };\n\n    await attemptToRender();\n  }\n\n  disconnectedCallback() {\n    // Clean up chart instance on component removal\n    if (this.chart) {\n      this.chart.dispose();\n    }\n  }\n\n  componentDidLoad() {\n    this.renderChart();\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"],"version":3}