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

package/dist/esm/udp-chip.udp-icon-button.udp-menu.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-chip.udp-icon-button.udp-menu.entry.js","sources":["src/components/data-display/chips/udp-chip.css?tag=udp-chip&encapsulation=shadow","src/components/data-display/chips/udp-chip.tsx","src/components/buttons/udp-icon-button/udp-icon-button.css?tag=udp-icon-button&encapsulation=shadow","src/components/buttons/udp-icon-button/udp-icon-button.tsx","src/components/menu/udp-menu.css?tag=udp-menu&encapsulation=shadow","src/components/menu/udp-menu.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: middle;\n  /* Color variables from global scope */\n  --udp-chip-primary-color: var(--primary-color);\n  --udp-chip-primary-color-text: var(--primary-contrast-text);\n  --udp-chip-secondary-color: var(--secondary-color);\n  --udp-chip-secondary-color-text: var(--secondary-contrast-text);\n  --udp-chip-success-color: var(--success-color-main);\n  --udp-chip-success-color-text: var(--success-contrast-text);\n  --udp-chip-error-color: var(--error-color-main);\n  --udp-chip-error-color-text: var(--error-contrast-text);\n  --udp-chip-warning-color: var(--warning-color-main);\n  --udp-chip-warning-color-text: var(--warning-contrast-text);\n  --udp-chip-info-color: var(--info-color-main);\n  --udp-chip-info-color-text: var(--info-contrast-text);\n\n  /* --- Monochrome Variant Variables --- */\n  --udp-chip-monochrome-color: #FFFFFF; /* Background for filled variant */\n  --udp-chip-monochrome-color-text: var(--text-main); /* Text color for filled variant */\n\n  /* Gray color variables from global scope */\n  --udp-chip-gray-color: var(--gray-02);\n  --udp-chip-gray-color-text: var(--text-main);\n  --udp-chip-gray-color-border: var(--gray-04);\n\n  /* Base font and spacing from global scope */\n  --font-family: var(--font-family);\n  --spacing-01: var(--spacing-01);\n  --spacing-02: var(--spacing-02);\n\n  /* Light background variables for delete icons on outlined chips, using global hint colors */\n  --udp-chip-primary-color-light: var(--primary-color-hint);\n  --udp-chip-secondary-color-light: var(--secondary-color-hint);\n  --udp-chip-success-color-light: var(--success-color-hint);\n  --udp-chip-error-color-light: var(--error-color-hint);\n  --udp-chip-warning-color-light: var(--warning-color-hint);\n  --udp-chip-info-color-light: var(--info-color-hint);\n  --udp-chip-monochrome-color-light: var(--gray-02);\n  --udp-chip-gray-color-light: var(--gray-02);\n}\n\n/* Base styles for the chip */\n.chip {\n  font-family: var(--font-family);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  white-space: nowrap;\n  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;\n  border: 1px solid transparent;\n  border-radius: 16px; /* Default border-radius */\n  gap: 4px;\n  cursor: default;\n}\n\n.chip--clickable {\n  cursor: pointer;\n}\n\n.chip--clickable:hover {\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.chip--outlined.chip--clickable:hover {\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.chip__label {\n  line-height: 1; /* Ensures proper vertical alignment */\n}\n\n/* --- Size Variants --- */\n.chip--size-medium {\n  height: 32px;\n  font-size: 13px;\n  padding: 8px;\n}\n.chip--size-medium .chip__label {\n  padding: 0 var(--spacing-02);\n}\n.chip--size-medium .chip__icon--start {\n  margin-left: 0px;\n  margin-right: 4px;\n}\n.chip--size-medium .chip__delete-icon {\n  height: 20px;\n  width: 20px;\n  margin-right: -4px;\n}\n.chip--size-medium .chip__delete-icon svg {\n  width: 14px;\n  height: 14px;\n}\n\n.chip--size-small {\n  height: auto;\n  font-size: 12px;\n  padding: 5px 4px;\n  border-radius: 12px; /* Override for a tighter radius */\n}\n.chip--size-small .chip__label {\n  padding: 0 4px;\n}\n.chip--size-small .chip__icon--start {\n  margin-left: 0;\n  margin-right: 3px;\n}\n.chip--size-small .chip__delete-icon {\n  height: 18px;\n  width: 18px;\n  margin-right: -2px;\n}\n.chip--size-small .chip__delete-icon svg {\n  width: 12px;\n  height: 12px;\n}\n\n/* --- Delete Icon --- */\n.chip__delete-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out;\n}\n\n/* --- Filled Variant --- */\n.chip--filled.chip--color-primary {\n  background-color: var(--udp-chip-primary-color);\n  color: var(--udp-chip-primary-color-text);\n}\n.chip--filled.chip--color-secondary {\n  background-color: var(--udp-chip-secondary-color);\n  color: var(--udp-chip-secondary-color-text);\n}\n.chip--filled.chip--color-success {\n  background-color: var(--udp-chip-success-color);\n  color: var(--udp-chip-success-color-text);\n}\n.chip--filled.chip--color-error {\n  background-color: var(--udp-chip-error-color);\n  color: var(--udp-chip-error-color-text);\n}\n.chip--filled.chip--color-warning {\n  background-color: var(--udp-chip-warning-color);\n  color: var(--udp-chip-warning-color-text);\n}\n.chip--filled.chip--color-info {\n  background-color: var(--udp-chip-info-color);\n  color: var(--udp-chip-info-color-text);\n}\n.chip--filled.chip--color-monochrome {\n  background-color: var(--udp-chip-monochrome-color);\n  color: var(--udp-chip-monochrome-color-text);\n}\n.chip--filled.chip--color-gray {\n  background-color: var(--udp-chip-gray-color);\n  color: var(--udp-chip-gray-color-text);\n}\n\n/* Delete icon styles for FILLED chips */\n.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n.chip--filled.chip--color-warning .chip__delete-icon,\n.chip--filled.chip--color-gray .chip__delete-icon,\n.chip--filled.chip--color-monochrome .chip__delete-icon {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.chip--filled.chip--color-warning .chip__delete-icon:hover,\n.chip--filled.chip--color-gray .chip__delete-icon:hover,\n.chip--filled.chip--color-monochrome .chip__delete-icon:hover {\n  background-color: rgba(0, 0, 0, 0.16);\n}\n\n/* --- Outlined Variant --- */\n.chip--outlined {\n  background-color: transparent;\n}\n.chip--outlined.chip--color-primary {\n  border-color: var(--udp-chip-primary-color);\n  color: var(--udp-chip-primary-color);\n}\n.chip--outlined.chip--color-secondary {\n  border-color: var(--udp-chip-secondary-color);\n  color: var(--udp-chip-secondary-color);\n}\n.chip--outlined.chip--color-success {\n  border-color: var(--udp-chip-success-color);\n  color: var(--udp-chip-success-color);\n}\n.chip--outlined.chip--color-error {\n  border-color: var(--udp-chip-error-color);\n  color: var(--udp-chip-error-color);\n}\n.chip--outlined.chip--color-warning {\n  border-color: var(--udp-chip-warning-color);\n  color: var(--udp-chip-warning-color);\n}\n.chip--outlined.chip--color-info {\n  border-color: var(--udp-chip-info-color);\n  color: var(--udp-chip-info-color);\n}\n.chip--outlined.chip--color-monochrome {\n  color: inherit; /* Inherit the text color from the parent element */\n  border-color: currentColor; /* Use the inherited text color for the border */\n}\n.chip--outlined.chip--color-gray {\n  border-color: var(--udp-chip-gray-color-border);\n  color: var(--udp-chip-gray-color-text);\n}\n\n/* Delete icon styles for OUTLINED chips */\n.chip--outlined.chip--color-primary .chip__delete-icon { background-color: var(--udp-chip-primary-color-light); }\n.chip--outlined.chip--color-secondary .chip__delete-icon { background-color: var(--udp-chip-secondary-color-light); }\n.chip--outlined.chip--color-success .chip__delete-icon { background-color: var(--udp-chip-success-color-light); }\n.chip--outlined.chip--color-error .chip__delete-icon { background-color: var(--udp-chip-error-color-light); }\n.chip--outlined.chip--color-warning .chip__delete-icon { background-color: var(--udp-chip-warning-color-light); }\n.chip--outlined.chip--color-info .chip__delete-icon { background-color: var(--udp-chip-info-color-light); }\n.chip--outlined.chip--color-monochrome .chip__delete-icon { background-color: var(--udp-chip-monochrome-color-light); }\n.chip--outlined.chip--color-gray .chip__delete-icon { background-color: var(--udp-chip-gray-color-light); }\n\n.chip--outlined .chip__delete-icon:hover {\n  /* This generic overlay works on top of the initial light color to darken it */\n  background-color: rgba(0, 0, 0, 0.08);\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n\n/**\n * Example Usage:\n * <udp-chip\n * label={this.activeView?.name}\n * variant=\"outlined\"\n * color=\"primary\"\n * clickable\n * deleteButton\n * onChipDelete={e => console.log(e.detail + ' delete')}\n * onChipClick={e => console.log(e.detail + ' click')}\n * startIcon={\"add\"}\n * ></udp-chip>\n */\n\n@Component({\n  tag: 'udp-chip',\n  styleUrl: 'udp-chip.css',\n  shadow: true,\n})\nexport class UdpChip {\n\n  /**\n   * The text to be displayed in the chip.\n   */\n  @Prop() label: string;\n\n  /**\n   * The visual style of the chip.\n   */\n  @Prop() variant: 'filled' | 'outlined' = 'filled';\n\n  /**\n   * The color of the chip. Defaults to 'gray'.\n   */\n  @Prop() color:\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'error'\n    | 'warning'\n    | 'info'\n    | 'monochrome'\n    | 'gray' = 'gray';\n\n  /**\n   * The size of the chip.\n   */\n  @Prop() size: 'small' | 'medium' = 'medium';\n\n  /**\n   * An optional icon to display at the start of the chip.\n   */\n  @Prop() startIcon?: any;\n\n  /**\n   * If true, a delete icon will be displayed.\n   */\n  @Prop() deleteButton?: boolean = false;\n\n  /**\n   * If true, the chip will have a pointer cursor and emit a click event.\n   */\n  @Prop() clickable?: boolean = false;\n\n  /**\n   * Emitted when the chip is clicked, if clickable is true.\n   * The event detail contains the chip's label.\n   */\n  @Event() chipClick: EventEmitter<string>;\n\n  /**\n   * Emitted when the delete icon is clicked.\n   * The event detail contains the chip's label.\n   */\n  @Event() chipDelete: EventEmitter<string>;\n\n  private handleDeleteClick = (event: MouseEvent) => {\n    event.stopPropagation(); // Prevent the chip's click event from firing\n    this.chipDelete.emit(this.label);\n  };\n\n  private handleChipClick = () => {\n    if (this.clickable) {\n      this.chipClick.emit(this.label);\n    }\n  };\n\n  render() {\n    const chipClasses = {\n      'chip': true,\n      [`chip--${this.variant}`]: true,\n      [`chip--color-${this.color}`]: true,\n      [`chip--size-${this.size}`]: true,\n      'chip--clickable': this.clickable,\n    };\n\n    return (\n      <div class={chipClasses} onClick={this.handleChipClick}>\n        {this.startIcon && (\n          <span class=\"chip__icon chip__icon--start\">\n            <udp-icon iconName={this.startIcon} color={'inherit'} />\n          </span>\n        )}\n        <span class=\"chip__label\">{this.label}</span>\n        {this.deleteButton && (\n          <span class=\"chip__delete-icon\" onClick={this.handleDeleteClick} title=\"Remove\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n              <path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\" />\n            </svg>\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n","/* Base icon button styles */\n.udp-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  border: none;\n  border-radius: var(--border-radius, 4px);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: 500;\n  text-decoration: none;\n  transition: all 0.2s ease-in-out;\n  position: relative;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.udp-icon-button:focus-visible {\n  outline: 2px solid var(--primary-color);\n  outline-offset: 2px;\n}\n\n.udp-icon-button:disabled {\n  opacity: 0.6;\n  cursor: default\n}\n\n/* Icon container */\n.icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.icon {\n  display: block;\n  fill: currentColor;\n}\n\n/* Label */\n.label {\n  display: flex;\n  align-items: center;\n}\n\n/* Size variants */\n.size-x-small {\n  min-height: 24px;\n  padding: 4px;\n  font-size: 0.8rem;\n}\n\n.size-x-small.has-label {\n  padding: 4px 8px;\n}\n\n.size-x-small .icon {\n  width: 14px;\n  height: 14px;\n}\n\n.icon-only.size-x-small {\n  width: 24px;\n  height: 24px;\n}\n\n.size-small {\n  min-height: 32px;\n  padding: 6px;\n  font-size: 0.875rem;\n}\n\n.size-small.has-label {\n  padding: 6px 12px;\n}\n\n.size-small .icon {\n  width: 16px;\n  height: 16px;\n}\n\n.size-medium {\n  min-height: 40px;\n  padding: 8px;\n  font-size: 0.875rem;\n}\n\n.size-medium.has-label {\n  padding: 8px 16px;\n}\n\n.size-medium .icon {\n  width: 20px;\n  height: 20px;\n}\n\n.size-large {\n  min-height: 48px;\n  padding: 12px;\n  font-size: 1rem;\n}\n\n.size-large.has-label {\n  padding: 12px 20px;\n}\n\n.size-large .icon {\n  width: 24px;\n  height: 24px;\n}\n\n/* Icon-only specific styles */\n.icon-only {\n  border-radius: 50%;\n}\n\n.icon-only.size-small {\n  width: 32px;\n  height: 32px;\n}\n\n.icon-only.size-medium {\n  width: 40px;\n  height: 40px;\n}\n\n.icon-only.size-large {\n  width: 48px;\n  height: 48px;\n}\n\n/* Variant styles - Text */\n.variant-text {\n  background: transparent;\n  border: 1px solid transparent;\n}\n\n.variant-text:hover:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.04);\n}\n\n.variant-text:active:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.08);\n}\n\n/* Variant styles - Outlined */\n.variant-outlined {\n  background: transparent;\n  border: 1px solid currentColor;\n}\n\n.variant-outlined:hover:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.04);\n}\n\n.variant-outlined:active:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.08);\n}\n\n/* Variant styles - Contained */\n.variant-contained {\n  background: var(--primary-color, #1976d2);\n  color: var(--primary-color-contrast, #fff);\n  border: 1px solid var(--primary-color, #1976d2);\n}\n\n.variant-contained:hover:not(:disabled) {\n  background: var(--primary-color-dark, #1565c0);\n  border-color: var(--primary-color-dark, #1565c0);\n}\n\n.variant-contained:active:not(:disabled) {\n  background: var(--primary-color-darker, #0d47a1);\n  border-color: var(--primary-color-darker, #0d47a1);\n}\n\n/* Color variants - Primary */\n.color-primary {\n  color: var(--primary-color, #1976d2);\n}\n\n.color-primary.variant-contained {\n  background: var(--primary-color, #1976d2);\n  color: var(--primary-color-contrast, #fff);\n  border-color: var(--primary-color, #1976d2);\n}\n\n/* Color variants - Secondary */\n.color-secondary {\n  color: var(--secondary-color, #dc004e);\n}\n\n.color-secondary.variant-contained {\n  background: var(--secondary-color, #dc004e);\n  color: var(--secondary-color-contrast, #fff);\n  border-color: var(--secondary-color, #dc004e);\n}\n\n.color-secondary.variant-contained:hover:not(:disabled) {\n  background: var(--secondary-color-dark, #c5004a);\n  border-color: var(--secondary-color-dark, #c5004a);\n}\n\n/* Color variants - Success */\n.color-success {\n  color: var(--success-color, #2e7d32);\n}\n\n.color-success.variant-contained {\n  background: var(--success-color, #2e7d32);\n  color: var(--success-color-contrast, #fff);\n  border-color: var(--success-color, #2e7d32);\n}\n\n/* Color variants - Error */\n.color-error {\n  color: var(--error-color, #d32f2f);\n}\n\n.color-error.variant-contained {\n  background: var(--error-color, #d32f2f);\n  color: var(--error-color-contrast, #fff);\n  border-color: var(--error-color, #d32f2f);\n}\n\n/* Color variants - Warning */\n.color-warning {\n  color: var(--warning-color, #ed6c02);\n}\n\n.color-warning.variant-contained {\n  background: var(--warning-color, #ed6c02);\n  color: var(--warning-color-contrast, #fff);\n  border-color: var(--warning-color, #ed6c02);\n}\n\n/* Color variants - Info */\n.color-info {\n  color: var(--info-color, #0288d1);\n}\n\n.color-info.variant-contained {\n  background: var(--info-color, #0288d1);\n  color: var(--info-color-contrast, #fff);\n  border-color: var(--info-color, #0288d1);\n}\n\n/* Color variants - Inherit */\n.color-inherit {\n  color: inherit;\n}\n\n.color-inherit.variant-contained {\n  background: currentColor;\n  color: var(--background-color, #fff);\n  border-color: currentColor;\n}\n\n/* Icon color overrides - allows independent icon coloring */\n.icon-color-primary {\n  fill: var(--primary-color, #1976d2) !important;\n}\n\n.icon-color-secondary {\n  fill: var(--secondary-color, #dc004e) !important;\n}\n\n.icon-color-success {\n  fill: var(--success-color, #2e7d32) !important;\n}\n\n.icon-color-error {\n  fill: var(--error-color, #d32f2f) !important;\n}\n\n.icon-color-warning {\n  fill: var(--warning-color, #ed6c02) !important;\n}\n\n.icon-color-info {\n  fill: var(--info-color, #0288d1) !important;\n}\n\n.icon-color-inherit {\n  fill: inherit !important;\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\n\n/**\n * UdpIconButton is a versatile icon button component that matches the udp-button API.\n * It's designed to replace the deprecated `stencil-icon-button` with better consistency.\n *\n * Key improvements over `stencil-icon-button`:\n * - Consistent API with `udp-button`\n * - Better theming support using global CSS variables\n * - Improved accessibility\n * - Cleaner prop structure\n * - Better TypeScript support\n *\n * Migration from `stencil-icon-button`:\n * - `iconName` → Not needed, use `icon` prop directly\n * - `iconClassName` → Not needed, styling handled by component\n * - `secondary=true` → `variant='text'` or `variant='outlined'`\n * - `noBackground=true` → `variant='text'`\n * - `darkIcon` → Use `color` prop instead\n * - `showLabel` → Use slot content (if content provided, label shows)\n * - `count` → Use `badgeContent` prop\n */\n@Component({\n  tag: 'udp-icon-button',\n  styleUrl: 'udp-icon-button.css',\n  shadow: true,\n})\nexport class UdpIconButton {\n  @Element() el: HTMLElement;\n\n  /**\n   * The variant to use.\n   * - `text`: Typically used for less-pronounced actions (replaces noBackground=true).\n   * - `outlined`: Emphasizes actions with a border.\n   * - `contained`: High-emphasis, distinguished by a background color.\n   */\n  @Prop() variant: 'text' | 'outlined' | 'contained' = 'text';\n\n  /**\n   * The color of the component. It supports theming using global CSS variables.\n   * `inherit` will inherit the color from its parent.\n   */\n  @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit' = 'primary';\n\n  /**\n   * The size of the component.\n   */\n  @Prop() size: 'x-small' | 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * If `true`, the component is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The URL to link to when the button is clicked. If provided, the component renders as an `<a>` tag.\n   */\n  @Prop() href?: string;\n\n  /**\n   * The type of the button. Only used if `href` is not set.\n   * Corresponds to the native `type` attribute of a `<button>` element.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The icon to display. Should be a Carbon icon or similar SVG icon object.\n   * Expected format: { attrs: {...}, content: [...] }\n   */\n  @Prop() icon: any;\n\n  /**\n   * Tooltip text to display on hover.\n   */\n  @Prop() tooltip?: string;\n\n  /**\n   * If provided, displays a badge with this content over the icon.\n   * Replaces the old `count` prop from stencil-icon-button.\n   * Must be a number as required by udp-badge component.\n   */\n  @Prop() badgeContent?: number;\n\n  /**\n   * Emitted when the button is clicked.\n   */\n  @Event() click: EventEmitter<MouseEvent>;\n\n  /**\n   * Optional aria-label for accessibility.\n   * If not provided and tooltip exists, tooltip will be used.\n   */\n  @Prop() ariaLabel: string = '';\n\n  /**\n   * Optional button ID for testing/tracking purposes.\n   */\n  @Prop() buttonId?: string;\n\n  /**\n   * The color of the icon. If not provided, uses the button's color.\n   * Allows independent control of icon color from button color.\n   */\n  @Prop() iconColor?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';\n\n  private handleClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (!this.disabled) {\n      this.click.emit(event);\n    }\n  };\n\n  private renderIcon() {\n    if (!this.icon) return null;\n\n    const iconData = this.icon;\n    const iconColorClass = this.iconColor ? `icon-color-${this.iconColor}` : '';\n\n    return (\n      <svg {...iconData.attrs} class={`icon ${iconColorClass}`.trim()}>\n        {iconData.content.map((item, index) => {\n          if (item.elem === 'path') {\n            return <path {...item.attrs} key={index} />;\n          } else if (item.elem === 'circle') {\n            return <circle {...item.attrs} key={index} />;\n          }\n          return null;\n        })}\n      </svg>\n    );\n  }\n\n  private renderButton() {\n    const hasLabel = this.el.textContent?.trim();\n    const ariaLabel = this.ariaLabel || this.tooltip || undefined;\n\n    const buttonClasses = {\n      'udp-icon-button': true,\n      [`variant-${this.variant}`]: true,\n      [`color-${this.color}`]: true,\n      [`size-${this.size}`]: true,\n      'has-label': !!hasLabel,\n      'icon-only': !hasLabel,\n    };\n\n    const buttonContent = (\n      <button\n        type={this.type}\n        disabled={this.disabled}\n        class={buttonClasses}\n        onClick={this.handleClick}\n        aria-label={ariaLabel}\n        id={this.buttonId}\n      >\n        <span class=\"icon-container\">{this.renderIcon()}</span>\n        {hasLabel && (\n          <span class=\"label\">\n            <slot></slot>\n          </span>\n        )}\n      </button>\n    );\n\n    // Wrap with badge if badgeContent is provided\n    if (this.badgeContent) {\n      return <udp-badge content={this.badgeContent}>{buttonContent}</udp-badge>;\n    }\n\n    return buttonContent;\n  }\n\n  private renderLink() {\n    const hasLabel = this.el.textContent?.trim();\n    const ariaLabel = this.ariaLabel || this.tooltip || undefined;\n\n    const linkClasses = {\n      'udp-icon-button': true,\n      [`variant-${this.variant}`]: true,\n      [`color-${this.color}`]: true,\n      [`size-${this.size}`]: true,\n      'has-label': !!hasLabel,\n      'icon-only': !hasLabel,\n    };\n\n    const linkContent = (\n      <a href={this.href} class={linkClasses} onClick={this.handleClick} aria-label={ariaLabel} id={this.buttonId}>\n        <span class=\"icon-container\">{this.renderIcon()}</span>\n        {hasLabel && (\n          <span class=\"label\">\n            <slot></slot>\n          </span>\n        )}\n      </a>\n    );\n\n    // Wrap with badge if badgeContent is provided\n    if (this.badgeContent) {\n      return <udp-badge content={this.badgeContent}>{linkContent}</udp-badge>;\n    }\n\n    return linkContent;\n  }\n\n  render() {\n    const content = this.href ? this.renderLink() : this.renderButton();\n\n    if (this.tooltip) {\n      return <udp-ambient-tool-tip content={this.tooltip}>{content}</udp-ambient-tool-tip>;\n    }\n\n    return content;\n  }\n}\n",":host {\n  display: block;\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n  opacity: 0;\n  transform: scale(0.95);\n  transition: opacity 0.2s ease-out;\n  border-radius: 8px;\n}\n\n:host(.is-visible) {\n  pointer-events: auto;\n  opacity: 1;\n  transform: scale(1);\n}\n\n.menu-panel {\n  background-color: white;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  border: 1px solid #e0e0e0;\n  overflow: hidden;\n}\n","import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\nimport { createPopper, Instance as PopperInstance } from '@popperjs/core';\n\n@Component({\n  tag: 'udp-menu',\n  styleUrl: 'udp-menu.css',\n  shadow: true,\n})\nexport class UdpMenu {\n  @Element() hostEl!: HTMLElement;\n  @Prop() anchor: string | HTMLElement;\n  @Prop({ reflect: true }) open: boolean = false;\n  @Prop() handleClose: () => void;\n\n  private popperInstance: PopperInstance;\n\n  disconnectedCallback() {\n    this.removeListeners();\n    this.destroyPopper();\n  }\n\n  @Watch('open')\n  handleOpenChange(isOpen: boolean) {\n    isOpen ? this.present() : this.dismiss();\n  }\n\n  private present() {\n    document.body.appendChild(this.hostEl);\n    this.addListeners();\n\n\n    requestAnimationFrame(() => {\n      this.setupPopper();\n      this.hostEl.classList.add('is-visible');\n    });\n  }\n\n  private dismiss() {\n    this.removeListeners();\n    this.hostEl.classList.remove('is-visible');\n    this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n  }\n\n  private handleTransitionEnd = () => {\n    // FIX: Only remove from body if it's truly closed and still there.\n    if (!this.open && this.hostEl.parentElement === document.body) {\n      document.body.removeChild(this.hostEl);\n    }\n    this.destroyPopper();\n  };\n\n  private addListeners() {\n    document.addEventListener('keydown', this.handleKeyDown);\n    setTimeout(() => {\n      if (this.open) {\n        document.addEventListener('click', this.handleClickOutside);\n      }\n    }, 0);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.handleClose?.();\n    }\n  };\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const path = event.composedPath();\n    const anchorEl = this.getAnchorElement();\n    if (anchorEl && path.includes(anchorEl)) {\n      return;\n    }\n    this.handleClose?.();\n  };\n\n  private getAnchorElement(): HTMLElement | null {\n    return typeof this.anchor === 'string'\n      ? document.getElementById(this.anchor)\n      : this.anchor;\n  }\n\n  private setupPopper() {\n    const anchorEl = this.getAnchorElement();\n    if (!anchorEl) {\n      console.error('UdpMenu: Anchor element could not be found.');\n      return;\n    }\n    // Ensure we don't create multiple instances\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n    this.popperInstance = createPopper(anchorEl, this.hostEl, {\n      strategy: 'fixed',\n      placement: 'bottom-start',\n      modifiers: [\n        { name: 'offset', options: { offset: [0, 8] } },\n        { name: 'preventOverflow', options: { padding: 8 } },\n        { name: 'flip' },\n      ],\n    });\n  }\n\n  private destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"menu-panel\" role=\"menu\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-container-query-grid-item.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container-query-grid-item.entry.js","sources":["src/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.css?tag=udp-container-query-grid-item&encapsulation=shadow","src/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.tsx"],"sourcesContent":["/* udp-container-query-grid-item.css */\n:host {\n  display: block;\n  width: 100%;\n}","// udp-container-query-grid-item.tsx\nimport { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container-query-grid-item',\n  styleUrl: 'udp-container-query-grid-item.css',\n  shadow: true,\n})\nexport class UdpContainerQueryGridItem {\n  @Prop() span?: { [breakpoint: number]: number } = {};\n\n  private getSpanStyles(): string {\n    return Object.entries(this.span)\n      .map(\n        ([breakpoint, cols]) => `\n  @container (min-width: ${breakpoint}px) {\n    :host {\n      --udp-grid-item-span: ${cols};\n    }\n  }`,\n      )\n      .join('\\n');\n  }\n\n  render() {\n    return (\n      <Host>\n        <style>{this.getSpanStyles()}</style>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,4BAA4B,GAAG,iCAAiC;;MCQzD,yBAAyB,GAAA,MAAA;AALtC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAI,CAAA,IAAA,GAAsC,EAAE;AAuBrD;IArBS,aAAa,GAAA;AACnB,QAAA,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;aAC5B,GAAG,CACF,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK;2BACL,UAAU,CAAA;;8BAEP,IAAI,CAAA;;IAE9B;aAEG,IAAI,CAAC,IAAI,CAAC;;IAGf,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAQ,IAAI,CAAC,aAAa,EAAE,CAAS,EACrC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}

package/dist/esm/udp-container-query-grid.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container-query-grid.entry.js","sources":["src/components/layout/udp-container-query-grid/udp-container-query-grid.css?tag=udp-container-query-grid&encapsulation=shadow","src/components/layout/udp-container-query-grid/udp-container-query-grid.tsx"],"sourcesContent":["/* udp-container-query-grid.css */\n:host {\n  display: block;\n  width: 100%;\n}\n\n.grid-container {\n  width: 100%;\n}","// udp-container-query-grid.tsx\nimport { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container-query-grid',\n  styleUrl: 'udp-container-query-grid.css',\n  shadow: true,\n})\nexport class UdpContainerQueryGrid {\n  // Breakpoints for different container sizes\n  @Prop() columns?: { [breakpoint: number]: number } = {\n    0: 1, // Default: single column\n    400: 2, // Small: 2 columns\n    600: 3, // Medium: 3 columns\n    800: 4, // Large: 4 columns\n  };\n\n  @Prop() gaps?: { [breakpoint: number]: number } = {\n    0: 1, // Default: 1rem gap\n    400: 1.5, // Small: 1.5rem gap\n    600: 2, // Medium: 2rem gap\n    800: 2.5, // Large: 2.5rem gap\n  };\n\n  render() {\n    // Convert our columns and gaps into container query styles\n    const queries = {};\n    const breakpoints = new Set([...Object.keys(this.columns), ...Object.keys(this.gaps)].map(Number));\n\n    Array.from(breakpoints)\n      .sort((a, b) => b - a)\n      .forEach(breakpoint => {\n        queries[breakpoint] = {\n          ...(this.columns[breakpoint] && {\n            'grid-template-columns': `repeat(${this.columns[breakpoint]}, 1fr)`,\n          }),\n          ...(this.gaps[breakpoint] && {\n            gap: `${this.gaps[breakpoint]}rem`,\n          }),\n        };\n      });\n\n    return (\n      <Host>\n        <udp-container-query queries={queries}>\n          <div class=\"grid-container\">\n            <slot></slot>\n          </div>\n        </udp-container-query>\n        <style>{`\n          .grid-container {\n            display: grid;\n            grid-template-columns: repeat(${this.columns[0]}, 1fr);\n            gap: ${this.gaps[0]}rem;\n            width: 100%;\n          }\n        `}</style>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,wBAAwB,GAAG,4DAA4D;;MCQhF,qBAAqB,GAAA,MAAA;AALlC,IAAA,WAAA,CAAA,OAAA,EAAA;;;QAOU,IAAA,CAAA,OAAO,GAAsC;YACnD,CAAC,EAAE,CAAC;YACJ,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;SACP;QAEO,IAAA,CAAA,IAAI,GAAsC;YAChD,CAAC,EAAE,CAAC;YACJ,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;AAsCF;IApCC,MAAM,GAAA;;QAEJ,MAAM,OAAO,GAAG,EAAE;AAClB,QAAA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAElG,QAAA,KAAK,CAAC,IAAI,CAAC,WAAW;aACnB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;aACpB,OAAO,CAAC,UAAU,IAAG;YACpB,OAAO,CAAC,UAAU,CAAC,GACd,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;gBAC9B,uBAAuB,EAAE,UAAU,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAQ,MAAA,CAAA;aACpE,EAAC,GACE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI;gBAC3B,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAK,GAAA,CAAA;AACnC,aAAA,EACF;AACH,SAAC,CAAC;AAEJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,OAAO,EAAA,EACnC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACc,EACtB,CAAQ,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA;;;AAG4B,0CAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AACxC,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;;;SAGtB,CAAS,CACL;;;;;;;"}

package/dist/esm/udp-container-query.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container-query.entry.js","sources":["src/components/layout/udp-container-query/udp-container-query.css?tag=udp-container-query&encapsulation=shadow","src/components/layout/udp-container-query/udp-container-query.tsx"],"sourcesContent":[":host {\n  display: block;\n  container-type: inline-size;\n  width: 100%;\n}\n\n:host(.container-query) ::slotted(*) {\n  transition: all 0.3s ease;\n}\n\n/* :host(.container-query) ::slotted(*) {} */","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container-query',\n  styleUrl: 'udp-container-query.css',\n  shadow: true,\n})\nexport class UdpContainerQuery {\n  @Prop() queries: { [breakpoint: number]: { [key: string]: string } } = {};\n  @Prop() customClass?: string;\n\n  private getContainerQueryStyle(): string {\n    // Create dynamic container query styles\n    const styleRules = Object.entries(this.queries)\n      .map(([breakpoint, styles]) => {\n        const cssProperties = Object.entries(styles)\n          .map(([property, value]) => `${property}: ${value};`)\n          .join('\\n      ');\n\n        return `\n  @container (min-width: ${breakpoint}px) {\n    ::slotted(*) {\n      ${cssProperties}\n    }\n  }`;\n      })\n      .join('\\n');\n\n    return styleRules;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          [this.customClass]: !!this.customClass,\n        }}\n      >\n        <style>{this.getContainerQueryStyle()}</style>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,0HAA0H;;MCO1I,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAO,CAAA,OAAA,GAAwD,EAAE;AAmC1E;IAhCS,sBAAsB,GAAA;;QAE5B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAC3C,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,KAAI;AAC5B,YAAA,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM;AACxC,iBAAA,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAG,EAAA,QAAQ,CAAK,EAAA,EAAA,KAAK,GAAG;iBACnD,IAAI,CAAC,UAAU,CAAC;YAEnB,OAAO;2BACY,UAAU,CAAA;;QAE7B,aAAa;;IAEjB;AACE,SAAC;aACA,IAAI,CAAC,IAAI,CAAC;AAEb,QAAA,OAAO,UAAU;;IAGnB,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW;AACvC,aAAA,EAAA,EAED,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAQ,IAAI,CAAC,sBAAsB,EAAE,CAAS,EAC9C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}

package/dist/esm/udp-container.udp-linear-loader.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container.udp-linear-loader.entry.js","sources":["src/components/layout/udp-container/udp-container.css?tag=udp-container&encapsulation=shadow","src/components/layout/udp-container/udp-container.tsx","src/components/loaders/udp-linear-loader/udp-linear-loader.css?tag=udp-linear-loader&encapsulation=shadow","src/components/loaders/udp-linear-loader/udp-linear-loader.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.udp-container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n}\n\n.udp-container--padded {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n/* Fluid container takes full width */\n.udp-container--fluid {\n  max-width: 100%;\n}\n\n/* Responsive container max-widths */\n.udp-container--sm {\n  max-width: 640px;\n}\n\n.udp-container--md {\n  max-width: 768px;\n}\n\n.udp-container--lg {\n  max-width: 1024px;\n}\n\n.udp-container--xl {\n  max-width: 1280px;\n}\n\n.udp-container--2xl {\n  max-width: 1536px;\n} ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container',\n  styleUrl: 'udp-container.css',\n  shadow: true,\n})\nexport class UdpContainer {\n  /**\n   * If true, the container will be fluid (100% width at all breakpoints)\n   */\n  @Prop() fluid: boolean = false;\n\n  /**\n   * Maximum width for the container at different breakpoints\n   */\n  @Prop() maxWidth: 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'lg';\n\n  /**\n   * Add padding to the container\n   */\n  @Prop() padding: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={{\n          'udp-container': true,\n          'udp-container--fluid': this.fluid,\n          'udp-container--padded': this.padding,\n          [`udp-container--${this.maxWidth}`]: true,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n",":host {\n  /* Define color variables, similar to the button component for consistency */\n  --udp-loader-primary-color: var(--primary-color, #2953ff);\n  --udp-loader-secondary-color: var(--secondary-color, #6f767a);\n  --udp-loader-success-color: var(--success-color, #0da40d);\n  --udp-loader-error-color: var(--error-color, #ff0000);\n  --udp-loader-warning-color: var(--warning-color, #ffa500);\n  --udp-loader-info-color: var(--info-color, #2953ff);\n}\n\n.loader {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  background-color: transparent; /* The track is transparent, so it's invisible. */\n  overflow: hidden; /* Ensures the animation stays within the bounds. */\n}\n\n.indeterminate {\n  /* The default color will be primary */\n  background-color: var(--udp-loader-primary-color);\n  position: absolute;\n  width: 40%;\n  height: 100%;\n  animation: indeterminate 1s linear infinite;\n}\n\n/* Apply the selected color to the moving bar */\n.loader--color-primary .indeterminate {\n  background-color: var(--udp-loader-primary-color);\n}\n.loader--color-secondary .indeterminate {\n  background-color: var(--udp-loader-secondary-color);\n}\n.loader--color-success .indeterminate {\n  background-color: var(--udp-loader-success-color);\n}\n.loader--color-error .indeterminate {\n  background-color: var(--udp-loader-error-color);\n}\n.loader--color-warning .indeterminate {\n  background-color: var(--udp-loader-warning-color);\n}\n.loader--color-info .indeterminate {\n  background-color: var(--udp-loader-info-color);\n}\n\n/*\n  This animation makes the bar travel from left to right over the entire duration.\n  This removes the long pause where the bar was off-screen.\n*/\n@keyframes indeterminate {\n  0% {\n    left: -50%;\n    width: 50%;\n  }\n  100% {\n    left: 100%;\n    width: 100%;\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-linear-loader',\n  styleUrl: 'udp-linear-loader.css',\n  shadow: true,\n})\nexport class UdpLinearLoader {\n  /**\n   * The color of the loader. It supports theming using global CSS variables.\n   */\n  @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' = 'primary';\n\n  render() {\n    const loaderClasses = {\n      loader: true,\n      [`loader--color-${this.color}`]: true,\n    };\n\n    return (\n      <Host>\n        <div class={loaderClasses}>\n          <div class=\"indeterminate\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAsC,IAAI;AAE1D;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAgBhC;IAdC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAC1C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;AClCZ,MAAM,kBAAkB,GAAG,wpCAAwpC;;MCOtqC,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAuE,SAAS;AAgB9F;IAdC,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;SACtC;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,GAAO,CAC7B,CACD;;;;;;;"}

package/dist/esm/udp-container_2.entry.js

@@ -1,53 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
-
-const udpContainerCss = ":host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:1rem;padding-right:1rem}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}";
-
-const UdpContainer = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * If true, the container will be fluid (100% width at all breakpoints)
-         */
-        this.fluid = false;
-        /**
-         * Maximum width for the container at different breakpoints
-         */
-        this.maxWidth = 'lg';
-        /**
-         * Add padding to the container
-         */
-        this.padding = true;
-    }
-    render() {
-        return (h("div", { key: '96b20d0a841faf192bb5c0d407701e6f95ed14ef', class: {
-                'udp-container': true,
-                'udp-container--fluid': this.fluid,
-                'udp-container--padded': this.padding,
-                [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: '09c87f19b0f7031dec7a41f9636bbc071db021f5' })));
-    }
-};
-UdpContainer.style = udpContainerCss;
-
-const udpLinearLoaderCss = ":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";
-
-const UdpLinearLoader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * The color of the loader. It supports theming using global CSS variables.
-         */
-        this.color = 'primary';
-    }
-    render() {
-        const loaderClasses = {
-            loader: true,
-            [`loader--color-${this.color}`]: true,
-        };
-        return (h(Host, { key: '02559056a6c92d30881094938be83c93fb2d8714' }, h("div", { key: '03a65dcd2340edd7c7225a0e64886e0b6ad267c2', class: loaderClasses }, h("div", { key: '65b9c402dd81dc6bdc3640ecf80d720fa9f89ab4', class: "indeterminate" }))));
-    }
-};
-UdpLinearLoader.style = udpLinearLoaderCss;
-
-export { UdpContainer as udp_container, UdpLinearLoader as udp_linear_loader };
-//# sourceMappingURL=udp-container.udp-linear-loader.entry.js.map

package/dist/esm/udp-date-range-selector.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-date-range-selector.entry.js","sources":["src/components/inputs/date-range-selector/udp-date-range-selector.css?tag=udp-date-range-selector&encapsulation=shadow","src/components/inputs/date-range-selector/udp-date-range-selector.tsx"],"sourcesContent":[".grid {\n  display: flex;\n  gap: 16px;\n}\n\n:host([orientation='horizontal']) .grid {\n  flex-direction: row;\n}\n\n:host([orientation='vertical']) .grid {\n  flex-direction: column;\n}\n\ncalendar-month {\n  --color-accent: var(--primary-color);\n  --color-text-on-accent: #ffffff;\n}\n\n:host([variant='range']) calendar-month::part(button) {\n  border-radius: 3px;\n}\n\n/* only for range variant */\n:host([variant='range']) calendar-month::part(range-inner) {\n  border-radius: 0;\n}\n\n:host([variant='range']) calendar-month::part(range-start) {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n\n:host([variant='range']) calendar-month::part(range-end) {\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n\n:host([variant='range']) calendar-month::part(range-start range-end) {\n  border-radius: 3px;\n}\n\n\n\ncalendar-range::part(button),\ncalendar-date::part(button),\ncalendar-multi::part(button) {\n  border: 1px solid black;\n  background-color: #ffffff;\n  border-radius: 50%;\n  width: 26px;\n  height: 26px;\n}\n\ncalendar-range::part(button):hover,\ncalendar-date::part(button):hover,\ncalendar-multi::part(button):hover {\n  background-color: #eeecec;\n}\n\ncalendar-month::part(button){\n  width: calc(var(--calendar-width) / 7);\n  height: calc(var(--calendar-width) / 7);\n}\n\n/* Custom styles that can be applied by using the getDayParts */\ncalendar-month::part(highlight-day) {\n  color: var(--primary-color);\n  font-weight: bold;\n}\n\ncalendar-month::part(primary-border) {\n  border: 1px solid var(--primary-color);\n}\n\ncalendar-month::part(secondary-border) {\n  border: 1px solid var(--secondary-color);\n}\n\ncalendar-month::part(warning-border) {\n  border: 1px solid var(--warning-color-main);\n}\n\ncalendar-month::part(primary-dot) {\n  position: relative;\n}\n\ncalendar-month::part(primary-dot)::after {\n  content: ' ';\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n\ncalendar-month::part(secondary-dot) {\n  position: relative;\n}\n\ncalendar-month::part(secondary-dot)::after {\n  content: ' ';\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--secondary-color);\n}\n\n\ncalendar-month::part(warning-dot) {\n  position: relative;\n}\n\ncalendar-month::part(warning-dot)::after {\n  content: ' ';\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: var(--warning-color-main); /* Orange */\n}\n\n\n\n","import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport 'cally';\n\n@Component({\n  tag: 'udp-date-range-selector',\n  styleUrl: 'udp-date-range-selector.css',\n  shadow: true,\n})\nexport class UdpDateRangeSelector {\n  /**\n   * Width of each month\n   */\n  @Prop({ reflect: true }) width: string = '260px'\n\n  /**\n   * Min Selectable date\n   */\n  @Prop() minDate: string;\n\n  /**\n   * Max Selectable date\n   */\n  @Prop() maxDate: string;\n\n  /**\n   * Value The value property is expected in ISO-8601 range format (YYYY-MM-DD/YYYY-MM-DD). All other dates are expected in ISO-8601 format (YYYY-MM-DD)\n   */\n  @Prop() value: string;\n\n  /**\n   * Vertical or horizontal stacking of months\n   */\n  @Prop({ reflect: true }) orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * 'multi' | 'range' | 'single' select types\n   */\n  @Prop({ reflect: true }) variant: 'multi' | 'range' | 'single' = 'range';\n\n  /**\n   * 'multi' | 'range' | 'single' select types\n   */\n  @Prop() monthsToDisplay: number = 2;\n\n   /**\n   * function to disable certain days\n   */\n  @Prop() isDateDisallowed: (date: Date) => boolean;\n\n  /**\n   * function to style specific days\n   */\n  @Prop() getDayParts: (date: Date) => string;\n\n\n  /**\n   * change event with new value\n   */\n  @Event() change: EventEmitter<string>\n\n  handleChange = e => {\n    this.change.emit(e.target.value);\n  }\n\n  render() {\n\n    const CalendarTag =\n      this.variant === 'multi'\n        ? 'calendar-multi'\n        : this.variant === 'single'\n        ? 'calendar-date'\n        : 'calendar-range';\n\n    return (\n        <Host style={{ '--calendar-width': this.width }}>\n          <CalendarTag\n            value={this.value}\n            min={this.minDate}\n            max={this.maxDate}\n            firstDayOfWeek={0}\n            months={this.monthsToDisplay}\n            showOutsideDays={true}\n            pageBy=\"single\"\n            isDateDisallowed={this.isDateDisallowed}\n            getDayParts={this.getDayParts}\n            onChange={this.handleChange}\n          >\n            <udp-icon slot=\"previous\" iconName={'chevronLeft16'} color=\"inherit\"></udp-icon>\n            <udp-icon slot=\"next\" iconName={'chevronRight16'} color=\"inherit\"></udp-icon>\n            <div class=\"grid\">\n              {Array.from({ length: this.monthsToDisplay }).map((_, index) => (\n                <calendar-month offset={index}></calendar-month>\n              ))}\n            </div>\n          </CalendarTag>\n        </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,uBAAuB,GAAG,2hEAA2hE;;MCQ9iE,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAME;;AAEG;AACsB,QAAA,IAAK,CAAA,KAAA,GAAW,OAAO;AAiBhD;;AAEG;AACsB,QAAA,IAAW,CAAA,WAAA,GAA8B,YAAY;AAE9E;;AAEG;AACsB,QAAA,IAAO,CAAA,OAAA,GAAiC,OAAO;AAExE;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,CAAC;AAkBnC,QAAA,IAAY,CAAA,YAAA,GAAG,CAAC,IAAG;YACjB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,SAAC;AAoCF;IAlCC,MAAM,GAAA;AAEJ,QAAA,MAAM,WAAW,GACf,IAAI,CAAC,OAAO,KAAK;AACf,cAAE;AACF,cAAE,IAAI,CAAC,OAAO,KAAK;AACnB,kBAAE;kBACA,gBAAgB;AAEtB,QAAA,QACI,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,KAAK,EAAE,EAAA,EAC7C,CAAC,CAAA,WAAW,EACV,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,cAAc,EAAE,CAAC,EACjB,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,eAAe,EAAE,IAAI,EACrB,MAAM,EAAC,QAAQ,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAA,EAE3B,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,EAAY,CAAA,EAChF,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,EAAY,CAAA,EAC7E,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EACd,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACzD,CAAgB,CAAA,gBAAA,EAAA,EAAA,MAAM,EAAE,KAAK,GAAmB,CACjD,CAAC,CACE,CACM,CACT;;;;;;;"}

package/dist/esm/udp-divider.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-divider.entry.js","sources":["src/components/data-display/divider/udp-divider.css?tag=udp-divider&encapsulation=shadow","src/components/data-display/divider/udp-divider.tsx"],"sourcesContent":[":host {\n    display: block;\n  }\n  \n  .horizontal {\n    width: 100%;\n    height: 1px;\n    background-color: rgba(0, 0, 0, 0.12);\n    min-width: 1px;\n  }\n  \n  .vertical {\n    width: 1px;\n    background-color: rgba(0, 0, 0, 0.12);\n    min-height: 1px;\n  }\n  ","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'udp-divider',\n  styleUrl: 'udp-divider.css',\n  shadow: true,\n})\nexport class UdpDivider {\n  @Prop() variant: 'horizontal' | 'vertical' = 'horizontal';\n  @Prop() size: string; // new Prop for size\n\n  render() {\n    const style = this.variant === 'vertical'\n      ? { height: this.size }\n      : { width: this.size };\n\n    return (\n      <Host style={style}>\n        <div class={this.variant === 'horizontal' ? 'horizontal' : 'vertical'}></div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,mLAAmL;;MCO5L,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAO,CAAA,OAAA,GAA8B,YAAY;AAc1D;IAXC,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,KAAK;AAC7B,cAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI;cACnB,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE;AAExB,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAA,EAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,GAAG,YAAY,GAAG,UAAU,EAAQ,CAAA,CACxE;;;;;;;"}

package/dist/esm/udp-drive-utils-CIrjVGiJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-drive-utils-CIrjVGiJ.js","sources":["src/components/inputs/file-upload/udp-drive-utils.ts"],"sourcesContent":["import { UdpDriveFile } from '../../../global/types';\nimport { ConfigService } from '../../../udp-utilities/api-config';\nimport axios from 'axios';\n\n// Type definitions for consistent initialValue handling\nexport type FileInitialValue = UdpDriveFile | File | string;\nexport type FileArrayInitialValue = UdpDriveFile[] | UdpDriveFile | File[] | File | string;\n\n/**\n * Type guard to check if a value is a UdpDriveFile\n */\nexport function isUdpDriveFile(file: any): file is UdpDriveFile {\n  return file && typeof file === 'object' && 'driveFileId' in file;\n}\n\n/**\n * Type guard to check if a value is a File object\n */\nexport function isFile(file: any): file is File {\n  return file instanceof File;\n}\n\n/**\n * Type guard to check if a value is a string (URL or base64)\n */\nexport function isFileString(file: any): file is string {\n  return typeof file === 'string' && file.length > 0;\n}\n\n/**\n * Get MIME type from file extension\n */\nexport function getMimeTypeFromExtension(extension: string): string {\n  const mimeTypes: Record<string, string> = {\n    pdf: 'application/pdf',\n    doc: 'application/msword',\n    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    xls: 'application/vnd.ms-excel',\n    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    ppt: 'application/vnd.ms-powerpoint',\n    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    txt: 'text/plain',\n    csv: 'text/csv',\n    json: 'application/json',\n    xml: 'application/xml',\n    html: 'text/html',\n    css: 'text/css',\n    js: 'application/javascript',\n    png: 'image/png',\n    jpg: 'image/jpeg',\n    jpeg: 'image/jpeg',\n    gif: 'image/gif',\n    svg: 'image/svg+xml',\n    webp: 'image/webp',\n    bmp: 'image/bmp',\n    tiff: 'image/tiff',\n    zip: 'application/zip',\n    rar: 'application/x-rar-compressed',\n    '7z': 'application/x-7z-compressed'\n  };\n\n  const ext = extension.trim().toLowerCase();\n  return mimeTypes[ext] || 'application/octet-stream';\n}\n\n/**\n * Create a placeholder File object from UdpDriveFile (for display purposes only)\n * This creates a lightweight File object without downloading the actual content\n */\nexport function createPlaceholderFileFromUdpDriveFile(udpFile: UdpDriveFile): File {\n  const fileName = udpFile.name || `file.${udpFile.extension}`;\n  const placeholderBlob = new Blob([''], { type: getMimeTypeFromExtension(udpFile.extension) });\n  return new File([placeholderBlob], fileName, {\n    type: placeholderBlob.type,\n    lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()\n  });\n}\n\n/**\n * Download and create a File object from UdpDriveFile (downloads actual content)\n * Use this when you need the actual file content (e.g., for signature editing)\n */\nexport async function downloadFileFromUdpDriveFile(udpFile: Partial<UdpDriveFile>): Promise<File> {\n  try {\n    const downloadUrl = `${ConfigService.tenantV1ApiUrl}/UdpDrive/${udpFile.driveFileId}/stream`;\n    const response = await axios({\n      method: 'GET',\n      url: downloadUrl,\n      responseType: 'blob',\n      timeout: 300000,\n      headers: {}\n    });\n    const blob = response.data;\n    const fileName = udpFile.name || `file.${udpFile.extension}`;\n    return new File([blob], fileName, {\n      type: blob.type || getMimeTypeFromExtension(udpFile.extension),\n      lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()\n    });\n  } catch (error) {\n    console.error('Error downloading file from UdpDriveFile:', error);\n    const fileName = udpFile.name || `file.${udpFile.extension}`;\n    return new File([''], fileName, { type: 'application/octet-stream' });\n  }\n}\n\n/**\n * Convert a string (URL or base64) to a File object\n */\nexport async function createFileFromString(fileString: string, defaultFileName: string = 'file'): Promise<File> {\n  try {\n    if (fileString.startsWith('data:')) {\n      // Handle base64 data URLs\n      const response = await fetch(fileString);\n      const blob = await response.blob();\n      return new File([blob], defaultFileName, { type: blob.type });\n    } else {\n      // Handle regular URLs\n      const response = await fetch(fileString);\n      const blob = await response.blob();\n      const fileName = fileString.split('/').pop() || defaultFileName;\n      return new File([blob], fileName, { type: blob.type });\n    }\n  } catch (error) {\n    console.error('Error creating file from string:', error);\n    return new File([''], defaultFileName, { type: 'application/octet-stream' });\n  }\n}\n\n/**\n * Normalize a single initialValue to an array of Files\n * For file-upload component (supports arrays)\n */\nexport async function normalizeFileArrayInitialValue(\n  initialValue: FileArrayInitialValue,\n  downloadContent: boolean = false\n): Promise<File[]> {\n  if (!initialValue) return [];\n\n  // Convert to array if not already\n  const values = Array.isArray(initialValue) ? initialValue : [initialValue];\n  const files: File[] = [];\n\n  for (const value of values) {\n    if (isUdpDriveFile(value)) {\n      if (downloadContent) {\n        files.push(await downloadFileFromUdpDriveFile(value));\n      } else {\n        files.push(createPlaceholderFileFromUdpDriveFile(value));\n      }\n    } else if (isFile(value)) {\n      files.push(value);\n    } else if (isFileString(value)) {\n      files.push(await createFileFromString(value));\n    }\n  }\n\n  return files;\n}\n\n/**\n * Normalize a single initialValue to a single File\n * For signature component (single file only)\n */\nexport async function normalizeFileInitialValue(\n  initialValue: FileInitialValue,\n  downloadContent: boolean = true\n): Promise<File | null> {\n  if (!initialValue) return null;\n\n  // Handle array case (take first item)\n  let value = initialValue;\n  if (Array.isArray(value)) {\n    value = value[0];\n    if (!value) return null;\n  }\n\n  if (isUdpDriveFile(value)) {\n    if (downloadContent) {\n      return await downloadFileFromUdpDriveFile(value);\n    } else {\n      return createPlaceholderFileFromUdpDriveFile(value);\n    }\n  } else if (isFile(value)) {\n    return value;\n  } else if (isFileString(value)) {\n    return await createFileFromString(value);\n  }\n\n  return null;\n}\n\n/**\n * Utility function for file-upload component to handle initialValue changes\n * Creates placeholder files by default (download on demand)\n */\nexport async function processFileUploadInitialValue(\n  initialValue: FileArrayInitialValue\n): Promise<File[]> {\n  return await normalizeFileArrayInitialValue(initialValue, false);\n}\n\n/**\n * Utility function for signature component to handle initialValue changes\n * Downloads content immediately for editing\n */\nexport async function processSignatureInitialValue(\n  initialValue: FileInitialValue\n): Promise<File | null> {\n  return await normalizeFileInitialValue(initialValue, true);\n}\n\n/**\n * Check if a string value is a file reference (contains | and udp: or b64:)\n */\nexport function isFileReference(value: string): boolean {\n  return typeof value === 'string' && value.includes('|') && (value.includes('udp:') || value.includes('b64:'));\n}\n\n/**\n * Parse file references from the special format: \"filename|udp:driveFileId\" or \"filename|b64:base64data\"\n * Returns an array of File objects for use with input components\n */\nexport async function parseFileReferences(value: string): Promise<File[]> {\n  const references = value.split(',').map(ref => ref.trim()).filter(ref => ref);\n  const files: File[] = [];\n\n  for (const reference of references) {\n    try {\n      const file = await parseFileReference(reference);\n      if (file) {\n        files.push(file);\n      }\n    } catch (error) {\n      console.error('Error parsing file reference:', reference, error);\n    }\n  }\n\n  return files;\n}\n\n/**\n * Parse a single file reference from the format \"filename|udp:driveFileId\" or \"filename|b64:base64data\"\n * Returns a File object that can be used by input components\n */\nexport async function parseFileReference(reference: string): Promise<File | null> {\n  const parts = reference.split('|');\n  if (parts.length !== 2) {\n    console.warn('Invalid file reference format:', reference);\n    return null;\n  }\n\n  const [filename, dataRef] = parts;\n\n  if (dataRef.startsWith('udp:')) {\n    // Handle UDP Drive file reference - create placeholder File\n    const extension = filename.split('.').pop() || '';\n    const mimeType = getMimeTypeFromExtension(extension);\n    const placeholderBlob = new Blob([''], { type: mimeType });\n    const file = new File([placeholderBlob], filename, { type: mimeType });\n\n    // Add UDP-specific metadata as custom properties\n    (file as any).driveFileId = dataRef.substring(4); // Remove 'udp:' prefix\n    (file as any).extension = extension;\n\n    return file;\n  } else if (dataRef.startsWith('b64:')) {\n    // Handle base64 encoded file - convert to actual File\n    const base64Data = dataRef.substring(4); // Remove 'b64:' prefix\n    const dataUrl = `data:application/octet-stream;base64,${base64Data}`;\n\n    try {\n      return await createFileFromString(dataUrl, filename);\n    } catch (error) {\n      console.error('Error processing base64 file:', error);\n      return null;\n    }\n  }\n\n  console.warn('Unknown file reference format:', dataRef);\n  return null;\n}\n\n/**\n * Process form initial values that may contain file references\n * This function should be called by input components when they receive initialValue\n */\nexport async function processFormFileInitialValue(\n  initialValue: FileArrayInitialValue | string\n): Promise<File[]> {\n  // If it's a string that looks like file references, parse it\n  if (typeof initialValue === 'string' && isFileReference(initialValue)) {\n    return await parseFileReferences(initialValue);\n  }\n\n  // Otherwise, use the standard normalization\n  return await normalizeFileArrayInitialValue(initialValue as FileArrayInitialValue, false);\n}\n\n\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-dynamic-container-with-menu.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-dynamic-container-with-menu.entry.js","sources":["src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.css?tag=udp-dynamic-container-with-menu&encapsulation=shadow","src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.tsx"],"sourcesContent":[".container {\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-wrap: nowrap;\n    flex: 1;\n    min-width: 600px;\n    /* background-color: azure; */\n  }\n  \n.menu {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.chips {\n  display: flex; \n  gap: 8px; \n  flex-grow: 1;\n  /* padding-top: 8px;\n  padding-bottom: 8px; */\n}\n\n.overflow {\n  display: flex;\n}","import { Component, State, h, Prop, Element, Watch, Method, Event, EventEmitter } from '@stencil/core';\n//import Menu16 from '@carbon/icons/es/menu/16';\n\nfunction debounce(func: (...args: any[]) => void, wait: number): (...args: any[]) => void {\n  let timeout: NodeJS.Timeout | null = null;\n  return (...args: any[]) => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      func(...args);\n    }, wait);\n  };\n}\n\n@Component({\n  tag: 'udp-dynamic-container-with-menu',\n  styleUrl: 'udp-dynamic-container-with-menu.css',\n  shadow: true,\n})\nexport class DynamicContainerWithMenu {\n  @Element() el: HTMLElement;\n  @State() visibleChildren: any[] | null = null;\n\n  @State() menuChildren = [];\n  @State() anchorEl: HTMLElement | null = null;\n  containerWidth: number = 0;\n  @State() rerender: number = 0;\n  @State() renderReady: boolean = false; // a flag to indicate readiness to render\n  @State() popoverOpen: boolean = false;\n  @Prop() externalToggle: string = '';\n\n  @Prop() menuItems: any[] = []; // renamed from children\n\n  @Event() udpChipClicked: EventEmitter<string>;\n\n  open: boolean = false;\n  id: string = '';\n  boundCalculateChildren: any;\n\n  constructor() {\n    this.boundCalculateChildren = debounce(this.calculateChildren.bind(this), 300);\n  }\n  \n// Was causing a loop when connected to the api\n  // connectedCallback() {\n  //   this.calculateChildren();\n  // }\n\n\n  componentWillLoad() {\n    // This lifecycle hook will be called before the first render,\n    // ensuring calculateChildren is called before the component renders\n    // this.calculateChildren();\n  }\n\n  componentWillUpdate() {\n    // This lifecycle hook will be called before every update (re-render),\n    // ensuring calculateChildren is called before the component re-renders\n    // this.calculateChildren();\n  }\n\n  \n  \n\n\n  @Method()\n  async calculateChildren() {\n    if (!this.el.shadowRoot) return;\n  \n    console.log('Calculating children...');\n    console.log('Menu Items:', JSON.stringify(this.menuItems));\n    \n    const container: HTMLElement | null = this.el.shadowRoot.querySelector('.container')  ;\n    console.log('Container:', container);\n\n\n    \n    if (container) {\n      this.containerWidth = container.offsetWidth ;\n      console.log('Container Width:', this.containerWidth);\n    }\n  \n    let currentWidth = 0;\n    const newVisibleChildren = [];\n    const newMenuChildren = [];\n  \n    this.menuItems.forEach((child) => {\n      if (child) {\n        const childWidth = (child as any).props?.width || 100;\n        // console.log(`Child[${index}] Width:`, childWidth);\n        \n        if (currentWidth + childWidth <= this.containerWidth) {\n          currentWidth += childWidth;\n          newVisibleChildren.push(child);\n        } else {\n          newMenuChildren.push(child);\n        }\n      }\n    });\n\n    \n    this.visibleChildren = [...newVisibleChildren];\n    this.menuChildren = [...newMenuChildren];\n    this.rerender += 1;\n  }\n  \n\n  @Watch('menuItems')\n  childrenChanged() {\n    this.calculateChildren();\n  }\n\n  async componentDidLoad() {\n    // Existing logic\n    await this.calculateChildren().then(() => {\n      this.renderReady = true;  // set the flag to true after calculating\n    });\n    window.addEventListener('resize', this.boundCalculateChildren);\n\n    // New logic for listening to stencil-chip click events\n    const chips = Array.from(document.querySelectorAll('stencil-chip'));\n    chips.forEach(chip => {\n      chip.addEventListener('chipClicked', (event: CustomEvent) => {\n        // Forward this data to the upper-level parent\n        const chipText = event.detail;\n        this.handleChipClick(chipText);\n      });\n    });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.boundCalculateChildren);\n  }\n\n  // handlePopoverClick(event?: Event) {\n  //   if (!event) return;\n  //   this.anchorEl = event.target as HTMLElement;\n  //   this.open = Boolean(this.anchorEl);\n  //   this.id = this.open ? 'simple-popover' : undefined;\n  // }\n\n  // handlePopoverClose() {\n  //   this.anchorEl = null;\n  //   this.open = false;\n  // }\n\n  handlePopover = () => {\n    this.popoverOpen = !this.popoverOpen;\n  }\n\n\n  // handleChipClick = (event: CustomEvent) => {\n  //   const chipLabel = event.detail;\n   \n  // }\n\n  handleChipClick(chipText: string) {\n    this.udpChipClicked.emit(chipText);\n  }\n\n\n  render() {\n  \n    return (\n      <div class=\"container\">\n        {/* <div class=\"chips\">\n          {this.visibleChildren && this.visibleChildren.map((child, index) => (\n            <stencil-chip color=\"secondary\" key={index} text={child.label} show-delete=\"false\" > </stencil-chip>\n          ))}\n        </div> */}\n\n<div class=\"chips\">\n{console.log('Received data for chips via executeQwith', this.visibleChildren)}\n      {this.visibleChildren && this.visibleChildren.map((child, index) => (\n        <stencil-chip\n          color=\"secondary\"\n          key={index}\n          text={child.description\n          }\n          show-delete=\"false\"\n          externalToggleString={this.externalToggle}\n        >\n        </stencil-chip>\n      ))}\n      \n    </div>\n\n\n    <div class=\"overflow\" >\n      {/* @todo: overflow button commented out */}\n        {/* <stencil-icon-button showLabel={false}  icon={Menu16}  onClick={this.handlePopover}></stencil-icon-button> */}\n        <udp-pop-over isOpen={this.popoverOpen} anchorElement={document.getElementById('anchorElement')}>\n            <div class=\"menu\" >\n            {this.menuChildren && this.menuChildren.map((child, index) => (\n                        <stencil-chip key={index} text={child.label}  show-delete=\"false\" > </stencil-chip>\n            ))}\n            </div>\n        </udp-pop-over>\n       \n        </div>      \n      </div>\n    );\n  }\n  \n  \n\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-dynamic-form.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-dynamic-form.entry.js","sources":["src/components/forms/dynamic-form/udp-dynamic-form.css?tag=udp-dynamic-form&encapsulation=shadow","src/components/forms/dynamic-form/udp-dynamic-form.tsx"],"sourcesContent":[".form-root {\n    display: flex;\n    flex-wrap: wrap;\n    \n}","import { Component, h, State, Method, Element } from '@stencil/core';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use Please use <stencil-form> and <stencil-field> components or udp-forms-renderer instead.\n */\n@Component({\n  tag: 'udp-dynamic-form',\n  styleUrl: 'udp-dynamic-form.css',\n  shadow: true,\n})\nexport class UdpDynamicForm {\n  @Element() el: HTMLElement;\n\n  @State() formData: any = {};\n\n  componentWillLoad() {\n    console.warn('The \"udp-dynamic-form\" component is deprecated and will be removed in a future version. Please use <stencil-form> and <stencil-field> components instead.');\n  }\n\n  componentDidLoad() {\n    // Component ready\n  }\n\n  exampleList = [\n    {\n      name: 'Tom Hanks',\n      age: 65,\n      gender: 'male',\n      nationality: 'American',\n      bestMovies: ['Forrest Gump', 'Saving Private Ryan', 'Cast Away'],\n    },\n    {\n      name: 'Meryl Streep',\n      age: 72,\n      gender: 'female',\n      nationality: 'American',\n      bestMovies: ['The Devil Wears Prada', \"Sophie's Choice\", 'The Iron Lady'],\n    },\n    {\n      name: 'Leonardo DiCaprio',\n      age: 47,\n      gender: 'male',\n      nationality: 'American',\n      bestMovies: ['Titanic', 'The Revenant', 'Inception'],\n    },\n    {\n      name: 'Scarlett Johansson',\n      age: 37,\n      gender: 'female',\n      nationality: 'American',\n      bestMovies: ['Lost in Translation', 'Marriage Story', 'Avengers: Endgame'],\n    },\n    {\n      name: 'Robert Downey Jr.',\n      age: 56,\n      gender: 'male',\n      nationality: 'American',\n      bestMovies: ['Iron Man', 'The Avengers', 'Chaplin'],\n    },\n  ];\n\n  formConfigArray = [\n    {\n      'field-name': 'ClientContact',\n      'search-operator': 'IN',\n      'label': 'Client Contact',\n      'width': 'half',\n      'groupId': 2,\n    },\n    {\n      'field-name': 'phoneNumber',\n      'search-operator': 'IN',\n      'label': 'Phone Number',\n      'width': 'half',\n      'groupId': 2,\n    },\n    {\n      'field-name': 'title',\n      'search-operator': 'IN',\n      'label': 'Title',\n      'operator-selector': true,\n      'groupId': 2,\n    },\n    {\n      'field-name': 'defaultClient',\n      'search-operator': 'IN',\n      'label': 'Default Client',\n      'groupId': 2,\n    },\n    {\n      'field-name': 'contactStatus',\n      'search-operator': 'IN',\n      'label': 'Contact Status',\n      'width': 'half',\n      'groupId': 2,\n    },\n    {\n      'field-name': 'languageID',\n      'search-operator': 'IN',\n      'label': 'Language ID',\n      'width': 'half',\n      'type': 'select',\n      'options': [\n        { label: 'English', value: '1' },\n        { label: 'French', value: '2' },\n      ],\n    },\n    {\n      'field-name': 'file',\n      'label': 'File',\n      'width': 'half',\n      'type': 'file',\n    },\n    {\n      'field-name': 'list',\n      'label': 'list',\n      displayKey: 'name',\n      multiSelect: true,\n      useCheckbox: false,\n      disableSelection: false,\n      valueKey: 'id',\n      type: 'list',\n      items: [\n        {\n          id: 0,\n          name: 'Tom Hanks',\n          age: 65,\n          gender: 'male',\n          nationality: 'American',\n          bestMovies: ['Forrest Gump', 'Saving Private Ryan', 'Cast Away'],\n          selected: true\n        },\n        {\n          id: 1,\n          name: 'Meryl Streep',\n          age: 72,\n          gender: 'female',\n          nationality: 'American',\n          bestMovies: ['The Devil Wears Prada', \"Sophie's Choice\", 'The Iron Lady'],\n        },\n        {\n          id: 2,\n          name: 'Leonardo DiCaprio',\n          age: 47,\n          gender: 'male',\n          nationality: 'American',\n          bestMovies: ['Titanic', 'The Revenant', 'Inception'],\n        },\n        {\n          id: 3,\n          name: 'Scarlett Johansson',\n          age: 37,\n          gender: 'female',\n          nationality: 'American',\n          bestMovies: ['Lost in Translation', 'Marriage Story', 'Avengers: Endgame'],\n        },\n        {\n          id: 4,\n          name: 'Robert Downey Jr.',\n          age: 56,\n          gender: 'male',\n          nationality: 'American',\n          bestMovies: ['Iron Man', 'The Avengers', 'Chaplin'],\n        },\n      ]\n    },\n  ];\n\n  private selectorOptions = [\n    {\n      value: '=',\n      label: 'Equals',\n    },\n    {\n      value: 'IN',\n      label: 'Contains',\n    },\n    {\n      value: '<>',\n      label: 'Does not Equal',\n    },\n    {\n      value: '>',\n      label: 'Greater Than',\n    },\n    {\n      value: '<',\n      label: 'Less Than',\n    },\n    {\n      value: '>=',\n      label: 'Greater Than or Equal To',\n    },\n    {\n      value: '<=',\n      label: 'Less Than or Equal To',\n    },\n    {\n      value: 'LIKE',\n      label: 'Like',\n    },\n    {\n      value: 'STARTSWITH',\n      label: 'Starts With',\n    },\n    {\n      value: 'BETWEEN',\n      label: 'Between',\n    },\n  ];\n\n  handleInputChange = (event: any, fieldName?: string) => {\n    // If fieldName is provided, it's a text field input\n    if (fieldName) {\n      this.formData[fieldName] = event.target.value;\n    } else {\n      // Handle udp-selector events\n      const detail = event.detail;\n      if (detail && detail.fieldName) {\n        if (detail.fieldName.endsWith('_operator')) {\n          const actualFieldName = detail.fieldName.replace('_operator', '');\n          this.formData[actualFieldName + '_operator'] = detail.value;\n        } else {\n          this.formData[detail.fieldName] = detail.value;\n        }\n      }\n    }\n  };\n\n  @Method()\n  async getFormData() {\n    return this.formConfigArray\n      .filter(config => this.formData[config['field-name']])\n      .map(config => ({\n        searchField: config['field-name'],\n        searchOperator: this.formData[config['field-name'] + '_operator'] || config['search-operator'],\n        searchValue: this.formData[config['field-name']],\n        groupId: config['groupId'], // Add groupId here\n      }));\n  }\n  getField(fieldConfig) {\n    switch (fieldConfig.type) {\n      case 'select':\n        return (\n          <udp-selector label={fieldConfig.label} name={fieldConfig['field-name']} options={fieldConfig.options} onChange={this.handleInputChange}></udp-selector>\n        );\n      case 'file':\n        return <file-upload allowMultiple disallowedFileTypes={['image/png', 'image/jpeg']} />;\n      case 'list':\n        return <selectable-list {...fieldConfig}/>;\n      default:\n        return (\n          <text-field\n            label={fieldConfig.label}\n            placeholder={`Enter ${fieldConfig.label}`}\n            value={this.formData[fieldConfig['field-name']] || ''}\n            onInput={(event) => this.handleInputChange(event, fieldConfig['field-name'])}\n          ></text-field>\n        );\n    }\n  }\n\n  renderFormFields() {\n    return this.formConfigArray.map(fieldConfig => {\n      const fieldGroupStyle = fieldConfig['operator-selector']\n        ? { display: 'flex', flexDirection: 'row', background: '#ccc', padding: '10px', borderRadius: '8px', marginBottom: '20px', gap: '24px' }\n        : { display: 'flex', flexDirection: 'column', marginBottom: '20px', marginRight: '24px' };\n\n      const fieldElement = this.getField(fieldConfig);\n\n      const operatorSelector = fieldConfig['operator-selector'] ? (\n        <udp-selector\n          label=\"Search Condition\"\n          name={fieldConfig['field-name'] + '_operator'}\n          options={this.selectorOptions}\n          onChange={this.handleInputChange}\n        ></udp-selector>\n      ) : null;\n\n      return (\n        <div style={fieldGroupStyle}>\n          {fieldElement}\n          {operatorSelector}\n        </div>\n      );\n    });\n  }\n\n  render() {\n    return <div class=\"form-root\">{this.renderFormFields()}</div>;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-form-api-utils-vPSYCvIA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-form-api-utils-vPSYCvIA.js","sources":["src/components/forms/udp-forms/udp-forms-list/udp-form-api-utils.ts"],"sourcesContent":["import axios from 'axios';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { ConfigService } from 'src/udp-utilities/api-config';\n\nexport const fetchLatestForms = (page: number, pageSize: number, filters: any[], order: any) => {\n  return axios.post(`${ConfigService.productV1ApiUrl}/UdpFormLatestVersionView/search`, {\n    eagerLoad: false,\n    pageNumber: page,\n    pageSize,\n    filterElements: [\n      ...filters,\n      {\n        searchField: 'tenantId',\n        searchOperator: '=',\n        searchValue: getCurrentTenantId(),\n      },\n    ],\n    orderElements: [order],\n  });\n};\n\nexport const fetchFormVersions = (formId: string, page: number, pageSize: number) => {\n  return axios.post(`${ConfigService.productV1ApiUrl}/UdpForm/search`, {\n    eagerLoad: false,\n    pageNumber: page,\n    pageSize,\n    filterElements: [\n      { searchField: 'tenantId', searchOperator: '=', searchValue: getCurrentTenantId() },\n      { searchField: 'id', searchOperator: '=', searchValue: formId },\n    ],\n    orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],\n  });\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,OAAc,EAAE,KAAU,KAAI;IAC7F,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,eAAe,CAAA,gCAAA,CAAkC,EAAE;AACpF,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,UAAU,EAAE,IAAI;QAChB,QAAQ;AACR,QAAA,cAAc,EAAE;AACd,YAAA,GAAG,OAAO;AACV,YAAA;AACE,gBAAA,WAAW,EAAE,UAAU;AACvB,gBAAA,cAAc,EAAE,GAAG;gBACnB,WAAW,EAAE,kBAAkB,EAAE;AAClC,aAAA;AACF,SAAA;QACD,aAAa,EAAE,CAAC,KAAK,CAAC;AACvB,KAAA,CAAC;AACJ;AAEa,MAAA,iBAAiB,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,QAAgB,KAAI;IAClF,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,eAAe,CAAA,eAAA,CAAiB,EAAE;AACnE,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,UAAU,EAAE,IAAI;QAChB,QAAQ;AACR,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE;YACnF,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE;AAChE,SAAA;QACD,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;AAClE,KAAA,CAAC;AACJ;;;;"}

package/dist/esm/udp-forms-builder-question-template-DQJb7f4Y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-forms-builder-question-template-DQJb7f4Y.js","sources":["src/components/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-question-template.ts"],"sourcesContent":["import { UdpFormsTypeEnum } from '../utils/enums';\nimport { StyleOverrides } from '../utils/types';\n\nexport const deepCloneFormSections = (formSections: any[]): any[] => {\n  return structuredClone(formSections);\n};\n\nexport const styleOverrideDefault: StyleOverrides = {\n  background: {\n    backgroundImage: null,\n    backgroundColor: null,\n  },\n  headerBackgroundColor: null,\n  fontFamily: null,\n  helperText: {\n    variant: null,\n    fontFamily: null,\n  },\n  questionText: {\n    variant: null,\n    fontFamily: null,\n  },\n  titleText: {\n    variant: null,\n    fontFamily: null,\n  },\n  paragraphText: {\n    variant: null,\n    fontFamily: null,\n  },\n};\n\nexport const formSectionDefault = {\n  title: '',\n  sectionText: '',\n  sectionProperties: {},\n  formQuestions: [],\n};\n\nexport const formMetadataDefault = {\n  isPrivate: true,\n  type: UdpFormsTypeEnum.Standard,\n  version: 1,\n  name: '',\n  description: '',\n};\n","import { UdpFormsFieldTypeEnum } from '../utils/enums';\nimport { deepCloneFormSections } from './forms-builder-utils';\n\ntype FormSections = any[];\n\n// === Helper Functions ===\n\nconst updateFieldProperties = (formSections: FormSections, sIndex: number, qIndex: number, updateFn: (props: any) => any): FormSections => {\n  const newSections = deepCloneFormSections(formSections);\n  const questionItem = { ...newSections[sIndex].formQuestions[qIndex] };\n  const oldProps = questionItem.fieldProperties || {};\n  questionItem.fieldProperties = updateFn(oldProps);\n  newSections[sIndex].formQuestions[qIndex] = questionItem;\n  return newSections;\n};\n\n// === Handlers ===\n\nconst handleFieldPropertyAddListItem = (formSections: FormSections, sIndex: number, qIndex: number, displayText: string, valueText: string) =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    items: [...(props.items || []), { display: displayText, value: valueText }],\n  }));\n\nconst handleFieldPropertyRemoveListItem = (formSections: FormSections, sIndex: number, qIndex: number, itemIndex: number) =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => {\n    const items = [...(props.items || [])];\n    items.splice(itemIndex, 1);\n    return { ...props, items };\n  });\n\nconst handleFieldPropertyListItemChange = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, idx: number, field: 'display' | 'value') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => {\n    const items = [...(props.items || [])];\n    items[idx] = { ...items[idx], [field]: input.value };\n    return { ...props, items };\n  });\n};\n\nconst handleFieldPropertyLookupChange = (selectedLookupId: string, formSections: FormSections, sIndex: number, qIndex: number) => {\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    lookupId: selectedLookupId,\n  }));\n};\n\nconst handleFieldPropertyToggleManualOrLookupOptions = (formSections: FormSections, sIndex: number, qIndex: number) => {\n  return updateFieldProperties(formSections, sIndex, qIndex, props => {\n    const { items, lookupId, ...otherConfigs } = props;\n\n    if (items && !lookupId) {\n      return {\n        ...otherConfigs,\n        lookupId: '',\n      };\n    } else {\n      return {\n        ...otherConfigs,\n        items: [\n          {\n            display: '',\n            value: '',\n          },\n        ],\n      };\n    }\n  });\n};\n\nconst handleFieldPropertyMinMaxCharacter = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'maxCharacter' | 'minCharacter') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.value,\n  }));\n};\n\nconst handleFieldPropertyBooleanToggle = (\n  formSections: FormSections,\n  sIndex: number,\n  qIndex: number,\n  fieldName: 'allowFutureDate' | 'hideDragAndDrop' | 'hideButton' | 'allowComments' | 'allowFollowUpForms' | 'includeLocation',\n) =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: !props[fieldName],\n  }));\n\nconst handleFieldPropertyDateTime = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: string) => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.value,\n  }));\n};\n\nconst handleGenericProperty = (value: any, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'questionText' | 'helperText' | 'required') => {\n  const newSections = deepCloneFormSections(formSections);\n  const questionItem = { ...newSections[sIndex].formQuestions[qIndex] };\n  questionItem[fieldName] = value;\n  newSections[sIndex].formQuestions[qIndex] = questionItem;\n  return newSections;\n};\n\n// Paragraph-specific: store the paragraph text under fieldProperties.paragraphText\nconst handleParagraphValueChange = (event: Event, formSections: FormSections, sIndex: number, qIndex: number) => {\n  const input = event.target as HTMLTextAreaElement | HTMLInputElement;\n  const newValue = input?.value ?? '';\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    paragraphText: newValue,\n  }));\n};\n\n\nconst questionsTemplate = [\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.Hidden,\n    questionTypeName: 'Hidden',\n    icon: 'formHiddenField',\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.SingleLineText,\n    questionTypeName: 'Single Line Text',\n    icon: 'formTextField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyMinMaxCharacter,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false, maxCharacter: 64, minCharacter: 0 },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.MultiLineText,\n    questionTypeName: 'Multi Line Text',\n    icon: 'formTextArea',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyMinMaxCharacter,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false, maxCharacter: 256, minCharacter: 0 },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.Checkbox,\n    questionTypeName: 'Checkbox',\n    icon: 'formCheckbox',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: {\n      allowComments: false,\n      allowFollowUpForms: false,\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.RadioButton,\n    questionTypeName: 'Radio Button',\n    icon: 'formRadioButton',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: {\n      allowComments: false,\n      allowFollowUpForms: false,\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.DropdownSingleSelect,\n    questionTypeName: 'Dropdown Single Select',\n    icon: 'formSingleSelectField',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: {\n      allowComments: false,\n      allowFollowUpForms: false,\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.DropdownMultipleSelect,\n    questionTypeName: 'Dropdown Multiple Select',\n    icon: 'formMultiSelectField',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: {\n      allowComments: false,\n      allowFollowUpForms: false,\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.ListMultiSelect,\n    questionTypeName: 'List',\n    icon: 'list',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: {\n      allowComments: false,\n      allowFollowUpForms: false,\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.DateSelector,\n    questionTypeName: 'Date Selector',\n    icon: 'formDateField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyDateTime,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: {\n      allowComments: false,\n      allowFollowUpForms: false,\n      allowFutureDate: false,\n      maxDate: '2099-12-31',\n      minDate: '1980-01-01',\n    },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.TimeSelector,\n    questionTypeName: 'Time Selector',\n    icon: 'formTimeField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyDateTime,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false, maxTime: '17:00:00', minTime: '09:00:00' },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.DateTimeSelector,\n    questionTypeName: 'DateTime Selector',\n    icon: 'formDateTimeField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyDateTime,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: {\n      allowComments: false,\n      allowFollowUpForms: false,\n      allowFutureDate: false,\n      maxDateTime: '2099-12-31 23:59:59',\n      minDateTime: '1980-01-01 00:00:00',\n    },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.FileUpload,\n    questionTypeName: 'File Upload',\n    icon: 'formFileUpload',\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false, hideDragAndDrop: false, hideButton: false },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.YesNo,\n    questionTypeName: 'Yes/No',\n    icon: 'checkMark',\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.Signature,\n    questionTypeName: 'Signature',\n    icon: 'document',\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false, includeLocation: false },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.Tally,\n    questionTypeName: 'Tally Display',\n    icon: 'formNumberField',\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false, ignoreRequiredConfig: true },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.Number,\n    questionTypeName: 'Numeric',\n    icon: 'box',\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { allowComments: false, allowFollowUpForms: false },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.Paragraph,\n    questionTypeName: 'Paragraph',\n    icon: 'formTextArea',\n    // Store paragraph text alongside other question properties\n    handlers: { handleGenericProperty, handleParagraphValueChange },\n    defaultFieldProperties: { paragraphText: '' },\n    // Signal that question text is optional for this type; builder UI can use this to relax validation/UX\n    questionTextOptional: true,\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.ImageUpload,\n    questionTypeName: 'Image Upload',\n    icon: 'formFileUpload',\n    // Align options/handlers with File Upload\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { hideDragAndDrop: false, allowComments: false, allowFollowUpForms: false, hideButton: false },\n  },\n  {\n    fieldTypeId: UdpFormsFieldTypeEnum.FormMetadataDisplay,\n    questionTypeName: 'Form Metadata Display',\n    icon: 'user',\n    handlers: { handleGenericProperty, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { displayOwnerFullName: true, displayOwnerEmail: true, displaySubmissionDate: true, allowComments: false, allowFollowUpForms: false},\n  }, \n];\n\nexport default questionsTemplate;"],"names":[],"mappings":"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"}

package/dist/esm/udp-forms-builder-style-override.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-forms-builder-style-override.entry.js","sources":["src/components/forms/udp-forms/udp-forms-builder/typographyVariantsList.ts","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.css?tag=udp-forms-builder-style-override&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.tsx"],"sourcesContent":["import {TypographyVariant} from '../../../unity-typography/types';\n\n\nexport const typographyVariantsList: TypographyVariant[] = [\n  'body',\n  'body1',\n  'body2',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'caption-text',\n  'data-display-one',\n  'data-display-two',\n  'data-display-three',\n  'data-display-four',\n  'button',\n];\n",":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-4, 16px);\n}","import { Component, h, Prop, Host } from '@stencil/core';\nimport { typographyVariantsList } from '../typographyVariantsList';\n\n@Component({\n  tag: 'udp-forms-builder-style-override',\n  styleUrl: 'udp-forms-builder-style-override.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderStyleOverride {\n  @Prop() formMetadata: any;\n  @Prop() isVisible: boolean;\n  @Prop() onFormMetadataChange: (updatedMetadata: {}) => void;\n\n  private styleOverrideHandler(field: string, subfield: string | null, value: string) {\n    const updated = { ...this.formMetadata };\n\n    if (!updated.styleOverrides) {\n      updated.styleOverrides = {};\n    }\n\n    if (subfield) {\n      if (!updated.styleOverrides[field]) {\n        updated.styleOverrides[field] = {};\n      }\n\n      (updated.styleOverrides[field] as any)[subfield] = value;\n    } else {\n      (updated.styleOverrides as any)[field] = value;\n    }\n\n    this.onFormMetadataChange(updated);\n  }\n\n  private renderStyleTextField(label: string, value: string, field: string, subfield?: string) {\n    return (\n      <div class=\"form-style-override-item-container\">\n        {/* <unity-typography variant={'h5'}>{label}</unity-typography> */}\n        <text-field\n          label={label}\n          value={value || ''}\n          placeholder={label}\n          onInput={(e: Event) => {\n            e.preventDefault();\n            this.styleOverrideHandler(field, subfield ?? null, (e.target as HTMLInputElement).value);\n          }}\n        ></text-field>\n      </div>\n    );\n  }\n\n  private renderStyleDropdownField(label: string, value: string, field: string, subfield?: string) {\n    const typographyOptions = [\n      { value: '', label: 'None' },\n      ...typographyVariantsList.map(variant => ({\n        value: variant,\n        label: variant,\n      })),\n    ];\n\n    return (\n      <div class=\"form-style-override-item-container\">\n        <udp-selector\n          label={label}\n          key={`${field}-${subfield ?? ''}`}\n          initialValue={value}\n          options={typographyOptions}\n          disabled={false}\n          onChange={(e: CustomEvent) => {\n            console.log(e);\n            this.styleOverrideHandler(field, subfield, e.detail);\n          }}\n        ></udp-selector>\n      </div>\n    );\n  }\n\n  render() {\n    // if (!this.isVisible) return null;\n\n    return (\n      <Host>\n        <unity-typography variant=\"h6\">Backgrounds and Colors</unity-typography>\n        {this.renderStyleTextField('Background Image', this.formMetadata?.background?.backgroundImage ?? '', 'background', 'backgroundImage')}\n        {this.renderStyleTextField('Background Color', this.formMetadata?.background?.backgroundColor ?? '', 'background', 'backgroundColor')}\n        {this.renderStyleTextField('Header Background Color', this.formMetadata?.headerBackgroundColor ?? '', 'headerBackgroundColor')}\n        <udp-divider />\n        <unity-typography variant=\"h6\">Fonts</unity-typography>\n        {this.renderStyleTextField('Font Family', this.formMetadata?.fontFamily ?? '', 'fontFamily')}\n        {this.renderStyleTextField('Question Text Font Family', this.formMetadata?.questionText?.fontFamily ?? '', 'questionText', 'fontFamily')}\n        {this.renderStyleDropdownField('Question Text Typography', this.formMetadata?.questionText?.variant ?? '', 'questionText', 'variant')}\n        {this.renderStyleTextField('Title Text Font Family', this.formMetadata?.titleText?.fontFamily ?? '', 'titleText', 'fontFamily')}\n        {this.renderStyleDropdownField('Title Text Typography', this.formMetadata?.titleText?.variant ?? '', 'titleText', 'variant')}\n        {this.renderStyleTextField('Paragraph Text Font Family', this.formMetadata?.paragraphText?.fontFamily ?? '', 'paragraphText', 'fontFamily')}\n        {this.renderStyleDropdownField('Paragraph Text Typography', this.formMetadata?.paragraphText?.variant ?? '', 'paragraphText', 'variant')}\n        {this.renderStyleTextField('Helper Text Font Family', this.formMetadata?.helperText?.fontFamily ?? '', 'helperText', 'fontFamily')}\n        {this.renderStyleDropdownField('Helper Text Typography', this.formMetadata?.helperText?.variant ?? '', 'helperText', 'variant')}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}