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

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

@@ -1 +1 @@
-{"file":"udp-side-sheet2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 9999;\n  visibility: hidden;\n  transition: visibility 0s 0.2s;\n}\n\n:host(.is-visible) {\n  visibility: visible;\n  transition-delay: 0s;\n}\n\n.backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n:host(.is-visible) .backdrop {\n  opacity: 1;\n}\n\n.sheet {\n  background: white;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\n  transition: transform 0.2s ease-in-out;\n  width: 100%;\n}\n\n.sheet.right {\n  right: 0;\n  transform: translateX(100%);\n}\n\n.sheet.left {\n  left: 0;\n  transform: translateX(-100%);\n}\n\n:host(.is-visible) .sheet {\n  transform: translateX(0);\n}\n\n.sheet.sm { max-width: 360px; }\n.sheet.md { max-width: 600px; }\n.sheet.lg { max-width: 960px; }\n.sheet.full { max-width: 100%; }\n.sheet.custom-width { /* max-width is set via inline style */ }\n\n/* Updated title container for new layout */\n.title-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\n  gap: var(--spacing-02)\n}\n\n.title-text {\n  flex-grow: 1;\n  text-align: left; /* Ensure title stays left-aligned */\n}\n\n.close-button {\n  flex-shrink: 0;\n}\n\n/* Added styles for the new button's container */\n.header-action-button {\n  flex-shrink: 0;\n}\n\n.content {\n  overflow-y: auto;\n  flex-grow: 1;\n  background-color: var(--gray-01);\n}\n\n.content.padding {\n  padding: var(--spacing-05, 24px);\n}\n\n.footer {\n  padding: var(--spacing-05, 24px);\n  border-top: 1px solid #ccc;\n  display: flex;\n  justify-content: flex-end;\n  flex-shrink: 0;\n}\n\n\n/* This container reserves the space for the loader (4px height).\n  This prevents the content below it from shifting up and down\n  when the loader appears or disappears.\n*/\n.loader-container {\n  height: 4px;\n  width: 100%;\n  background-color: var(--gray-01);\n}\n\n/*\n  By default, the loader is instantly hidden.\n  There is no transition applied in its hidden state.\n*/\n.loader-container udp-linear-loader {\n  visibility: hidden;\n  opacity: 0;\n  transition: none;\n}\n\n/*\n  When the .is-loading class is applied, we make the loader visible\n  AND apply a transition so it fades in smoothly. When the class is removed,\n  it reverts to the rule above and disappears instantly.\n*/\n.loader-container udp-linear-loader.is-loading {\n  visibility: visible;\n  opacity: 1;\n  /* transition: opacity 0.3s ease-in-out; */\n}\n\n","import { Component, h, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'udp-side-sheet',\n  styleUrl: 'udp-side-sheet.css',\n  shadow: true,\n})\nexport class UdpSideSheet {\n  @Element() hostEl!: HTMLElement;\n\n  @Prop({ reflect: true, mutable: true }) open = false;\n  @Prop() title: string;\n  @Prop() position: 'left' | 'right' = 'right';\n  @Prop() width: 'sm' | 'md' | 'lg' | 'full' | number = 'md';\n  @Prop() padding = true;\n  @Prop() loading: boolean = false;\n\n  // Props for the new header action button\n  @Prop() headerActionButtonLabel: string;\n  @Prop() headerActionButtonDisabled = false;\n  @Prop() headerActionButtonIcon: string;\n\n  // Props for the existing footer button\n  @Prop() primaryButtonLabel: string;\n  @Prop() primaryButtonDisabled = false;\n  @Prop() primaryButtonIcon: string;\n\n  @Event() udpSideSheetClose: EventEmitter<void>;\n  @Event() udpPrimaryButtonClick: EventEmitter<void>;\n  // Event for the new header action button\n  @Event() udpHeaderActionButtonClick: EventEmitter<void>;\n\n  private originalBodyOverflow: string = '';\n\n  @Watch('open')\n  handleOpenChange(newValue: boolean, oldValue: boolean) {\n    if (newValue === oldValue) {\n      return;\n    }\n\n    if (newValue) {\n      this.originalBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      document.body.appendChild(this.hostEl);\n\n      requestAnimationFrame(() => {\n        this.hostEl.classList.add('is-visible');\n      });\n    } else {\n      this.hostEl.classList.remove('is-visible');\n      document.body.style.overflow = this.originalBodyOverflow;\n      this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n    }\n  }\n\n  private handleTransitionEnd = () => {\n    if (!this.open && this.hostEl.parentElement === document.body) {\n      document.body.removeChild(this.hostEl);\n    }\n  };\n\n  disconnectedCallback() {\n    if (document.body.style.overflow === 'hidden') {\n      document.body.style.overflow = this.originalBodyOverflow;\n    }\n  }\n\n  private onClose = () => {\n    this.open = false;\n    this.udpSideSheetClose.emit();\n  };\n\n  private onPrimaryButtonClick = () => {\n    this.udpPrimaryButtonClick.emit();\n  };\n\n  // Handler for the new header action button click\n  private onHeaderActionButtonClick = () => {\n    this.udpHeaderActionButtonClick.emit();\n  };\n\n  render() {\n    const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\n    const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\n\n    return (\n      <div class=\"backdrop\" onClick={this.onClose}>\n        <div\n          class={{ sheet: true, [this.position]: true, [widthClass]: true }}\n          style={sideSheetStyle}\n          onClick={e => e.stopPropagation()}\n        >\n          {/* Header layout has been changed here */}\n          <div class=\"title-container\">\n            <div class=\"close-button\">\n              <stencil-icon-button\n                icon={Close24}\n                onClick={this.onClose}\n                secondary\n              ></stencil-icon-button>\n            </div>\n            <div class=\"title-text\">\n              <unity-typography variant=\"h6\">{this.title}</unity-typography>\n            </div>\n            {/* Conditionally render the new header action button */}\n            {this.headerActionButtonLabel && (\n              <div class=\"header-action-button\">\n                <udp-button\n                  disabled={this.headerActionButtonDisabled}\n                  onClick={this.onHeaderActionButtonClick}\n                  startIcon={<udp-icon iconName={this.headerActionButtonIcon} color={'inherit'} />}\n                  variant=\"contained\"\n                >\n                  {this.headerActionButtonLabel}\n                </udp-button>\n              </div>\n            )}\n          </div>\n          <div class=\"loader-container\">\n              <udp-linear-loader class={{ 'is-loading': this.loading }} color=\"primary\" />\n            </div>\n\n          <div class={{ content: true, padding: this.padding }}>\n\n            <slot />\n          </div>\n          {this.primaryButtonLabel && (\n            <div class=\"footer\">\n              <udp-button\n                variant=\"contained\"\n                size=\"large\"\n                disabled={this.primaryButtonDisabled}\n                onClick={this.onPrimaryButtonClick}\n                endIcon={this.primaryButtonIcon}\n              >\n                {this.primaryButtonLabel}\n              </udp-button>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"udp-side-sheet2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/my-component/UI/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: 100vw;\r\n  height: 100vh;\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n  transition: visibility 0s 0.2s;\r\n}\r\n\r\n:host(.is-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 { max-width: 360px; }\r\n.sheet.md { max-width: 600px; }\r\n.sheet.lg { max-width: 960px; }\r\n.sheet.full { max-width: 100%; }\r\n.sheet.custom-width { /* max-width is set via inline style */ }\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; /* 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\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-loading2.js

@@ -15,7 +15,7 @@ const UdpSkeletonLoading = /*@__PURE__*/ proxyCustomElement(class UdpSkeletonLoa
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: 'a55df89b16c067a579ec4177039da791543c92d8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '890870d09f1a34c25a89de82a1c4576341ce2e14', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
     static get style() { return udpSkeletonLoadingCss; }
 }, [257, "udp-skeleton-loading", {

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

@@ -59,7 +59,7 @@ const UdpSplitScreen$1 = /*@__PURE__*/ proxyCustomElement(class UdpSplitScreen e
         }
     }
     render() {
-        return (h("div", { key: '6de7d4288cb53149ae06ed973443b31ecd898015', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'a47d6eb52c88ec9c52d895af81ad722c1d5b4df0', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '8fe4023b236098476be1c7e113f94377d1396f89', name: "first-panel" })), h("div", { key: 'fb98abdfcefa4cd6e8dccd077c911033169244da', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1db3f8ad5295c7feeecbe77a02af8f5cea712be6', class: "drag-handle" })), h("div", { key: '6b8a9feb47f10756bab8a3cf2fa2aac2069627b4', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '26a15ac5efaae765de72034e8359dfd2a51be80d', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'ae2926169301f17c2ee273430ce42d96cfaad170', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'd87e238ab4f5f2778feb496f21f317f46f7ee998', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '499f436025192de5dd301a8785e1f5c59c0d08ed', name: "first-panel" })), h("div", { key: '07551d3d07cdc8f29c3b141ebaa73506bea8780b', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1e2fc668e65a56c15b8bb46f7877555fafb60dae', class: "drag-handle" })), h("div", { key: '8aba88f35a57d47c9cc6200d8d7c8ae42c014ae3', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '61d02fc16218af6100cdd9c79bcc437425084645', name: "second-panel" }, this.panelContent))));
     }
     static get style() { return udpSplitScreenCss; }
 }, [257, "udp-split-screen", {

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

@@ -99,7 +99,7 @@ const UdpStepperDemo$1 = /*@__PURE__*/ proxyCustomElement(class UdpStepperDemo e
         };
     }
     render() {
-        return (h("div", { key: 'afad6510846a9c4d5d83344d045915061c40e4da', style: { padding: '2rem' } }, h("unity-typography", { key: '39114ea64804d8441c90ab2b4bac9175509128f1', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '4525e5ceb4a92ddc679690ba2762bfaff5b09218', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'c28dc5a2348e1af8e544a33d6f359d32d7f326ea', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'bc50999f3a4b9f150d3f932101221c9c6b992fdc', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: 'a5fb283cd408dae5a92b5bbcb999849d29c4114e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'cc34b5cfd9e2a29dc5f23c229e28ff6e3bb4fccd', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '6d602c582f6ebc764cb46f0bc3a7b7322da22217', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'f530054751640c808efa3a1abdfea025402283a8', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: 'c5eeb235f431d179bff6fc2f3dedad7cae38c3fd', style: { padding: '2rem' } }, h("unity-typography", { key: '770f2b808734bc2b25156e6f828b89fc77867a01', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: 'f988b4e4b60e46c1096592c391d5c95a8b1a9852', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '1d2bfae7c6f7c861f91de32e1861847f434ec0b9', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'd54f08ef0f50d0ed75b7258af5857c2414a9b1c3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '0ad7daa55a787f68adb962bdf86faf4526b1ece2', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'c4a398059215ba9890093427b714b3f8c1527a18', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '3fac13b2bac2a1efb6bb9e1015c658c9db5cbb4e', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '3d803fe2891e8c5f0f0028db56ddccfb8a5c07df', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 }, [257, "udp-stepper-demo", {
         "activeStep": [32],

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

@@ -12,10 +12,10 @@ const UdpTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class UdpTabPanel extends
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '735bca81299145233b3e2e017eef05a840b0fb69', class: {
+        return (h("div", { key: '57acfd7252fdbb863d997a0f0d4b6e00cb6d8952', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '68ad651e93008ca12c4d976ca71747a4f4cf4b39' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '1860be25551f2cc92da3e8d081dfa8738b77040f' })));
     }
     static get style() { return udpTabPanelCss; }
 }, [257, "udp-tab-panel", {

package/dist/components/udp-tab.js

@@ -1,4 +1,59 @@
-import { U as UdpTab$1, d as defineCustomElement$1 } from './udp-tab2.js';
+import { p as proxyCustomElement, H, h } from './index2.js';
+
+const udpTabCss = ".tab-panel{display:none}.tab-panel.active{display:block}";
+
+const UdpTab$1 = /*@__PURE__*/ proxyCustomElement(class UdpTab extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * True if this is the active tab.
+         * This is set by the parent <udp-tabs> component.
+         */
+        this.active = false;
+        /**
+         * Placement of the icon relative to the title.
+         * @default 'start'
+         */
+        this.iconPlacement = 'start';
+        /**
+         * If true, the tab will be hidden from the tab list.
+         * @default false
+         */
+        this.hidden = false;
+        /**
+         * If true, the tab will be unselectable.
+         * @default false
+         */
+        this.disabled = false;
+    }
+    render() {
+        return (h("div", { key: '90108764a6f54e335d1d140cb314c097035c457b', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '6a4ceb9d61a89e4ef6fb6c3d8da60af03aa6ca64' })));
+    }
+    static get style() { return udpTabCss; }
+}, [260, "udp-tab", {
+        "label": [1],
+        "active": [516],
+        "icon": [1],
+        "iconPlacement": [1, "icon-placement"],
+        "hidden": [4],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-tab"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-tab":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpTab$1);
+            }
+            break;
+    } });
+}
 
 const UdpTab = UdpTab$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1 +1 @@
-{"file":"udp-tab.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"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/my-component/UI/tabs/tab/udp-tab.css?tag=udp-tab","src/components/my-component/UI/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-tabs2.js

@@ -214,7 +214,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: 'dd8ac7e3d101993b8df00c97bf561e2502e9f3c1', class: "tab-container" }, h("div", { key: '5f70a5c0da906152b130f6eaa98b81bf80485920', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: 'e1a3a7d3650ae3703734a51b251600bf12dbed0c', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '36e6294b1a775a30906cc0236f8104ad03998c01', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: '8dca0bd111f13c1890fbc010efbabb2aa0440c13', class: "scroll-fade left" }), h("div", { key: '966f761c7f3cc45eb5b6737e8dbb63dc75a68325', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '1d30cc5bec9a2d221238e7f0742c6933c1cd2858', class: "tab-container" }, h("div", { key: '2334c1b333fc1703919b23b59c16e9d4f48018ca', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '36bda38b88870aed704a1b4ca7c73a086bc5218f', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'da40645390a32e708c2913409c3b6047e00890f5', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'cca33cbb7286875c127511a897c6f80f2e35ed37', class: "scroll-fade left" }), h("div", { key: '2de3d5622a2b541ccd777a49f97135f6097a2475', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
             if (tab.hidden) {
                 return null;
             }
@@ -228,7 +228,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
                     [`icon-${tab.iconPlacement}`]: !!tab.icon,
                     'disabled': tab.disabled,
                 }, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
-        }), h("div", { key: 'df383b17c3e36fc7f261ff6a6c1220a4f923477f', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '7f8ae28f6662266a113adbb7ca40a4ef7d0b8427', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '0ad034fb7dc24388476e0c37bc9cf4196f4145bc', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '4cdbf5880b2e30dc6541228323a31e2dd34eabae', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '2097c674562eb5acfdadda5a05e6f2eed8821f99' }, h("slot", { key: '375c96eb85f6581426f72bf1c544538df4c6fdd6' })))));
+        }), h("div", { key: '14de43d3d5f2d28a35ed8bd135482ac6ea0201d9', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: 'c55a70f8934e38d287b9509eac9d3e2cf425e2e8', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: 'b82affbdb252a3a85cd61a843212438daed45cbe', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '1e0ce9f3bef37725edad166bd6d8db1511125676', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '3b8199ffc2b0de1232eb545456ae5de954a2418b' }, h("slot", { key: 'd2ead3e7e50ff8c9ad152ed5f4398405787512a4' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -229,7 +229,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'bb2f53940548506b2967b68fe6c5b1e73430af55', class: {
+        return (h(Host, { key: '19f1a1fea8761906bdd667e936d4ac04cba8c852', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -238,9 +238,9 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '15b2fe88d041385bf7035ecca64d7769bdeb843b', class: "bx--form-item" }, h("unity-typography", { key: '0566f681872070de620318de7d21f96accab4cd6', variant: "caption-text" }, h("label", { key: '72940ec01c5d54230d58e5095b69988803d002c7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '4cf4cd9acd57d8d5144e0e2b61362befce824b25', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '46cfa3db61b91480280b443a714cd286e243fda9', class: "bx--form-item" }, h("unity-typography", { key: 'a45a9f6441926ff798a27aac370f6c7d3223f84b', variant: "caption-text" }, h("label", { key: '5c5948cc709954c05fe1c7a91996f3cc4d6a62d7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '1847e1c043953fbc1e8c7ef12cc9a56baa68598b', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'cc2818ea8716991e0f891315dfed07daa5ed5fd2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '4e267ed10b977ebe93a766de70a5cb19ffd09e8e', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-user-creator.js

@@ -1,4 +1,89 @@
-import { U as UserCreator, d as defineCustomElement$1 } from './udp-user-creator2.js';
+import { p as proxyCustomElement, H } from './index2.js';
+
+const TenantStorageKey = 'active-tenant';
+const getStoredTenant = () => {
+    return window.sessionStorage.getItem(TenantStorageKey);
+};
+
+const UserCreator = /*@__PURE__*/ proxyCustomElement(class UserCreator extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    async createUser(userInfo) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        const tenantId = getStoredTenant() ||
+            ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.defaultTenantId) !== null && _a !== void 0 ? _a : ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds) ? userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds[0] : ''));
+        let userTenantPermissions = [];
+        let userTenantRoles = [];
+        let userTenantProducts = [];
+        const currentUserTenantProperties = (_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.userTenantPropertiesView) === null || _b === void 0 ? void 0 : _b.find((propertyView) => (propertyView === null || propertyView === void 0 ? void 0 : propertyView.tenantId) === tenantId);
+        userTenantPermissions = currentUserTenantProperties
+            ? currentUserTenantProperties.permissions
+            : [];
+        userTenantRoles = currentUserTenantProperties
+            ? currentUserTenantProperties.securityRoles
+            : [];
+        userTenantProducts = currentUserTenantProperties
+            ? currentUserTenantProperties.products
+            : [];
+        return {
+            name: (_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.displayName) !== null && _c !== void 0 ? _c : '',
+            firstName: (_d = userInfo === null || userInfo === void 0 ? void 0 : userInfo.givenName) !== null && _d !== void 0 ? _d : '',
+            familyName: (_e = userInfo === null || userInfo === void 0 ? void 0 : userInfo.surname) !== null && _e !== void 0 ? _e : '',
+            jobTitle: (_f = userInfo === null || userInfo === void 0 ? void 0 : userInfo.jobTitle) !== null && _f !== void 0 ? _f : '',
+            email: (_g = userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) !== null && _g !== void 0 ? _g : '',
+            mobile: (_h = userInfo === null || userInfo === void 0 ? void 0 : userInfo.mobilePhone) !== null && _h !== void 0 ? _h : '',
+            phone: (_j = userInfo === null || userInfo === void 0 ? void 0 : userInfo.officePhone) !== null && _j !== void 0 ? _j : '',
+            id: (_k = userInfo === null || userInfo === void 0 ? void 0 : userInfo.userId) !== null && _k !== void 0 ? _k : '',
+            location: (_l = userInfo === null || userInfo === void 0 ? void 0 : userInfo.location) !== null && _l !== void 0 ? _l : '',
+            aadId: (_m = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) !== null && _m !== void 0 ? _m : '',
+            accessToken: (_o = userInfo === null || userInfo === void 0 ? void 0 : userInfo.accessToken) !== null && _o !== void 0 ? _o : '',
+            tenantIds: (_p = userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds) !== null && _p !== void 0 ? _p : [],
+            defaultTenantId: (_q = userInfo === null || userInfo === void 0 ? void 0 : userInfo.defaultTenantId) !== null && _q !== void 0 ? _q : '',
+            currentTenantId: process.env.REACT_APP_UNITY_TENANT_ID
+                ? process.env.REACT_APP_UNITY_TENANT_ID
+                : tenantId,
+            roleIds: (_r = userTenantRoles.map((role) => role.roleId)) !== null && _r !== void 0 ? _r : [],
+            products: userTenantProducts,
+            permissions: userTenantPermissions,
+            can: (_s = userTenantPermissions.reduce((can, permission) => {
+                if (permission.value === 'false') {
+                    can[permission.name] = false;
+                }
+                else if (permission.value === 'true') {
+                    can[permission.name] = true;
+                }
+                else {
+                    can[permission.name] = permission.value;
+                }
+                return can;
+            }, {})) !== null && _s !== void 0 ? _s : {},
+            statusCode: (_t = userInfo === null || userInfo === void 0 ? void 0 : userInfo.statusCode) !== null && _t !== void 0 ? _t : undefined,
+            unityId: (_u = userInfo === null || userInfo === void 0 ? void 0 : userInfo.unityId) !== null && _u !== void 0 ? _u : undefined,
+            additionalProperties: (_v = userInfo === null || userInfo === void 0 ? void 0 : userInfo.additionalProperties) !== null && _v !== void 0 ? _v : undefined,
+            roleNames: (_w = userTenantRoles.map((role) => role.name)) !== null && _w !== void 0 ? _w : []
+        };
+    }
+}, [1, "udp-user-creator", {
+        "createUser": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-user-creator"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-user-creator":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UserCreator);
+            }
+            break;
+    } });
+}
 
 const UdpUserCreator = UserCreator;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/udp-user-creator.js.map

@@ -1 +1 @@
-{"file":"udp-user-creator.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"udp-user-creator.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/udp-utilities/unity-session-storage.ts","src/udp-utilities/udp-user-creator.ts"],"sourcesContent":["const TenantStorageKey = 'active-tenant';\nconst AccessTokenKey = 'active-access-token';\nconst RefreshTokenKey = 'active-refresh-token';\n\nexport const storeInitialTenant = (): void => {\n  const urlParams = new URLSearchParams(window.location.search);\n  const urlTenantId = urlParams.get('tenantId');\n\n  if (urlTenantId) {\n    storeTenant(urlTenantId);\n  }\n};\n\nexport const storeTenant = (tenantId: string): void => {\n  window.sessionStorage.setItem(TenantStorageKey, tenantId);\n};\n\nexport const getStoredTenant = (): string | null => {\n  return window.sessionStorage.getItem(TenantStorageKey);\n};\n\nexport const clearStoredTenant = (): void => {\n  window.sessionStorage.removeItem(TenantStorageKey);\n};\n\nexport const storeAccessToken = (accessToken: string): void => {\n  window.localStorage.setItem(AccessTokenKey, accessToken);\n};\n\nexport const getStoredAccessToken = (): string | null => {\n  return window.localStorage.getItem(AccessTokenKey);\n};\n\nexport const clearStoredAccessToken = (): void => {\n  window.localStorage.removeItem(AccessTokenKey);\n};\n\nexport const storeRefreshToken = (refreshToken: string): void => {\n  window.localStorage.setItem(RefreshTokenKey, refreshToken);\n};\n\nexport const getStoredRefreshToken = (): string | null => {\n  return window.localStorage.getItem(RefreshTokenKey);\n};\n\nexport const clearStoredRefreshToken = (): void => {\n  window.localStorage.removeItem(RefreshTokenKey);\n};\n","import { Component, Method } from '@stencil/core';\nimport { getStoredTenant } from './unity-session-storage';\n\nexport interface User {\n  name: string | undefined;\n  firstName: string | undefined;\n  familyName: string | undefined;\n  jobTitle: string | undefined;\n  email: string | undefined;\n  mobile: string | undefined;\n  phone: string | undefined;\n  id: string | undefined;\n  location: string | undefined;\n  aadId: string | undefined;\n  accessToken: string | undefined;\n  defaultTenantId: string | undefined;\n  currentTenantId: string | undefined;\n  tenantIds: Array<string> | undefined;\n  roleIds: Array<string> | undefined;\n  products: Array<object> | undefined;\n  permissions: Array<object> | undefined;\n  can: any | undefined;\n  statusCode: number | undefined;\n  unityId: string | undefined;\n  additionalProperties: any | undefined;\n  roleNames: Array<string> | undefined;\n}\n\n@Component({\n  tag: 'udp-user-creator',  // The tag name to use this component\n  shadow: true\n})\nexport class UserCreator {\n  \n  @Method()\n  async createUser(userInfo: any): Promise<User> {\n    const tenantId: any =\n    getStoredTenant() ||\n    (userInfo?.defaultTenantId ??\n      (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ''));\n  let userTenantPermissions: any = [];\n  let userTenantRoles: any = [];\n  let userTenantProducts: any = [];\n  const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find(\n    (propertyView: any) => propertyView?.tenantId === tenantId\n  );\n  userTenantPermissions = currentUserTenantProperties\n    ? currentUserTenantProperties.permissions\n    : [];\n  userTenantRoles = currentUserTenantProperties\n    ? currentUserTenantProperties.securityRoles\n    : [];\n  userTenantProducts = currentUserTenantProperties\n    ? currentUserTenantProperties.products\n    : [];\n\n    return {\n      name: userInfo?.displayName ?? '',\n      firstName: userInfo?.givenName ?? '',\n      familyName: userInfo?.surname ?? '',\n      jobTitle: userInfo?.jobTitle ?? '',\n      email: userInfo?.email ?? '',\n      mobile: userInfo?.mobilePhone ?? '',\n      phone: userInfo?.officePhone ?? '',\n      id: userInfo?.userId ?? '',\n      location: userInfo?.location ?? '',\n      aadId: userInfo?.id ?? '',\n      accessToken: userInfo?.accessToken ?? '',\n      tenantIds: userInfo?.tenantIds ?? [],\n      defaultTenantId: userInfo?.defaultTenantId ?? '',\n      currentTenantId: process.env.REACT_APP_UNITY_TENANT_ID\n        ? process.env.REACT_APP_UNITY_TENANT_ID\n        : tenantId,\n      roleIds: userTenantRoles.map((role: any) => role.roleId) ?? [],\n      products: userTenantProducts,\n      permissions: userTenantPermissions,\n      can:\n        userTenantPermissions.reduce((can: any, permission: any) => {\n          if (permission.value === 'false') {\n            can[permission.name] = false;\n          } else if (permission.value === 'true') {\n            can[permission.name] = true;\n          } else {\n            can[permission.name] = permission.value;\n          }\n          return can;\n        }, {}) ?? {},\n      statusCode: userInfo?.statusCode ?? undefined,\n      unityId: userInfo?.unityId ?? undefined,\n      additionalProperties: userInfo?.additionalProperties ?? undefined,\n      roleNames: userTenantRoles.map((role) => role.name) ?? []\n    };\n  }\n\n}"],"version":3}

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

@@ -17,7 +17,7 @@ const UdpVerticalSpacer$1 = /*@__PURE__*/ proxyCustomElement(class UdpVerticalSp
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb', class: spacingClass }));
+        return (h("div", { key: '40591bca33eed59816db93c10b17e3fd869feda5', class: spacingClass }));
     }
     static get style() { return udpVerticalSpacerCss; }
 }, [257, "udp-vertical-spacer", {

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

@@ -109,7 +109,7 @@ const UdpXyChart = /*@__PURE__*/ proxyCustomElement(class UdpXyChart extends H {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: 'd9fde65c90053420c8cd49cdf1563cad73eaef77', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'f43c02933036c59003480fcc015b4ed7a520ac1d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-xy-multi-series-chart.js

@@ -116,7 +116,7 @@ const UdpXyMultiSeriesChart$1 = /*@__PURE__*/ proxyCustomElement(class UdpXyMult
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '3d2981719204d4271691e787aa1b6809d3f4e7a0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ee130ed18c303e25fce7aa5dd5959a7ccabb7e8a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/upd-alert-banner2.js

@@ -15,7 +15,7 @@ const UpdAlertBanner = /*@__PURE__*/ proxyCustomElement(class UpdAlertBanner ext
         this.message = '';
     }
     render() {
-        return (h("div", { key: 'd252b1793bc4caa4e96acebb6e2ec6ba8e52f029', class: `alert-banner ${this.type}` }, h("unity-typography", { key: '7ec2b81da5013172c16f6d61b1454a3264ef66ca', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (h("div", { key: '072252afd7e2269488d606c655df16bf01fbcffb', class: `alert-banner ${this.type}` }, h("unity-typography", { key: '3b789c8eea442c46423777b6bd08785f9a6c34fe', variant: "data-display-three" }, "   ", this.message, " ")));
     }
     static get style() { return updAlertBannerCss; }
 }, [257, "upd-alert-banner", {

package/dist/components/validation-chip2.js

@@ -21,7 +21,7 @@ const ValidationChip = /*@__PURE__*/ proxyCustomElement(class ValidationChip ext
             'is-invalid': !this.isValid,
         };
         const tooltipText = this.errorMessages.join('\n');
-        return (h("div", { key: '62d5cfd13e36e282cccb710002204b05c7b43c23', class: chipClass }, h("udp-chip", { key: '16cea46269ef0f5919c6926dbefae9e7d14f3a91', label: this.isValid ? 'Valid Filters' : 'Invalid Filters', color: this.isValid ? 'success' : 'error', startIcon: this.isValid ? 'checkMark' : 'close16', variant: 'outlined' }), !this.isValid && this.errorMessages.length > 0 && h("div", { key: 'cc3c5583afa5396bbe66391f5898aa81841ce018', class: "tooltip" }, tooltipText)));
+        return (h("div", { key: '970fba406ffb08bcabb5b440c06df4c0c0df6de2', class: chipClass }, h("udp-chip", { key: '0c9535dd4340b13c0407dfe63a43d8b98b750e61', label: this.isValid ? 'Valid Filters' : 'Invalid Filters', color: this.isValid ? 'success' : 'error', startIcon: this.isValid ? 'checkMark' : 'close16', variant: 'outlined' }), !this.isValid && this.errorMessages.length > 0 && h("div", { key: '521180276b58eaa8bd6fa8c79cbee02d1417b655', class: "tooltip" }, tooltipText)));
     }
     static get style() { return validationChipCss; }
 }, [257, "validation-chip", {