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

package/dist/collection/components/data-display/cards/udp-card/udp-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-card.js","sourceRoot":"","sources":["../../../../../src/components/data-display/cards/udp-card/udp-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAS,OAAO,EAAE,MAAM,eAAe,CAAC;AAOnF,MAAM,OAAO,OAAO;IALpB;QAQE;;WAEG;QACK,YAAO,GAA4B,UAAU,CAAC;QA2BtD;;WAEG;QACK,4BAAuB,GAAa,KAAK,CAAC;QAiBlD;;WAEG;QACK,yBAAoB,GAAY,KAAK,CAAC;QAE9C;;WAEG;QACK,0BAAqB,GAAY,KAAK,CAAC;KAkEhD;IA/CS,iBAAiB,CAAC,QAAgB;QACxC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,QAAQ,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,MAAM;QACJ,4IAA4I;QAE5I,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;QACjI,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC;QACxE,qEAAqE;QAErE,MAAM,WAAW,GAAG,CAClB,EAAC,QAAQ;YACN,WAAW,CAAC,CAAC,CAAC,sBAAgB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,GAAmB,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,GAAQ;YAC5H,YAAY,CAAC,CAAC,CAAC,CACd,uBACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,YAAY,EACzB,iBAAiB,EAAE,IAAI,CAAC,uBAAuB,EAC/C,YAAY,EAAE,IAAI,CAAC,YAAY,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,QAAQ,GAAQ,CAC5B;YACD,yEAAkB,aAAa,EAAE,IAAI,CAAC,oBAAoB,EAAE,cAAc,EAAE,IAAI,CAAC,qBAAqB;gBACpG,8DAAa,CACI,CACV,CACZ,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACP,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,qCAAqC;gBAC3D,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE,6BAA6B;aAC1E;YAEE,IAAI,CAAC,eAAe,IAAI,sEAAe,MAAM,EAAE,IAAI,CAAC,eAAe,GAAI;YACvE,WAAW;YAGX,IAAI,CAAC,OAAO,IAAI,2EAAmB,IAAI,CAAC,OAAO,CAAoB,CAC/D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Fragment, VNode, Element } from '@stencil/core';\n\n@Component({\n  tag: 'udp-card',\n  styleUrl: 'udp-card.css',\n  shadow: true,\n})\nexport class UdpCard {\n  @Element() el: HTMLElement;\n\n  /**\n   * The variant to use.\n   */\n  @Prop() variant: 'elevated' | 'outlined' = 'outlined';\n\n  /**\n   * The adornmentStatus of the card.\n   */\n  @Prop() adornmentStatus: 'success' | 'error' | 'warning' | 'info';\n\n  /**\n   * The title for the card header\n   */\n  @Prop() cardTitle?: string;\n\n  /**\n   * The subheader for the card header\n   */\n  @Prop() subheader?: string | VNode | VNode[];\n\n  /**\n   * The avatar element to display in the card header\n   */\n  @Prop() avatar?: any;\n\n  /**\n   * The action to display in the card header\n   */\n  @Prop() headerAction?: any;\n\n  /**\n   * If true, the header title and subheader won't be wrapped by Typography component\n   */\n  @Prop() disableHeaderTypography?: boolean = false;\n\n  /**\n   * The image URL for the card media.\n   */\n  @Prop() mediaImage: string;\n\n  /**\n   * The title for the card media image, used for accessibility.\n   */\n  @Prop() mediaTitle: string;\n\n  /**\n   * The actions to display in the card footer\n   */\n  @Prop() actions?: any;\n\n  /**\n   * If `true`, the card content area will not have padding.\n   */\n  @Prop() disableContentGutter: boolean = false;\n\n  /**\n   * If `true`, the card content area will not have padding.\n   */\n  @Prop() disableContentPadding: boolean = false;\n\n  /**\n   * If `true`, the main content area of the card becomes a clickable action area.\n   * Not implemented yet.\n   */\n  // @Prop() actionArea: boolean = false;\n\n  /**\n   * Click handler for when actionArea is true\n   * Not implemented yet.\n   */\n  // @Prop() onClick?: (e: MouseEvent) => void;\n\n  /**\n   * Optional handler for when the title is clicked\n   */\n  @Prop() onTitleClick?: (e: CustomEvent) => void;\n\n  private hasSlottedContent(slotName: string): boolean {\n    return !!this.el.querySelector(`[slot=\"${slotName}\"]`);\n  }\n\n  render() {\n    // const elevationClass = this.variant === 'elevation' && this.elevation >= 1 && this.elevation <= 8 ? `elevation-${this.elevation}` : null;\n\n    const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);\n    const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;\n    // const hasDefaultContent = !!this.el.querySelector(':not([slot])');\n\n    const mainContent = (\n      <Fragment>\n        {renderMedia ? <udp-card-media image={this.mediaImage} title={this.mediaTitle}></udp-card-media> : <slot name=\"media\"></slot>}\n        {renderHeader ? (\n          <udp-card-header\n            cardTitle={this.cardTitle}\n            subheader={this.subheader}\n            avatar={this.avatar}\n            action={this.headerAction}\n            disableTypography={this.disableHeaderTypography}\n            onTitleClick={this.onTitleClick}\n          />\n        ) : (\n          <slot name=\"header\"></slot>\n        )}\n        <udp-card-content disableGutter={this.disableContentGutter} disablePadding={this.disableContentPadding}>\n          <slot></slot>\n        </udp-card-content>\n      </Fragment>\n    );\n\n    return (\n      <Host\n        class={{\n        [this.variant]: true, // This adds 'elevated' or 'outlined'\n        'elevation-1': this.variant === 'elevated', // This adds a default shadow\n      }}\n      >\n        {this.adornmentStatus && <udp-adornment status={this.adornmentStatus} />}\n        {mainContent}\n        {/* TODO: Needs to be tested more before uncommenting */}\n        {/* {this.actionArea && <udp-card-action-area onClick={this.onClick} style={{ cursor: 'pointer' }} />} */}\n        {this.actions && <udp-card-actions>{this.actions}</udp-card-actions>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/chips/stencil-chip/status-chip/status-chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-chip.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/chips/stencil-chip/status-chip/status-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjE;;;GAGG;AAMH,MAAM,OAAO,UAAU;IALvB;QAYE,4DAA4D;QACpD,kBAAa,GAA8B,EAAE,CAAC;QAE9C,UAAK,GAAY,KAAK,CAAC;KAuBhC;IArBC,mCAAmC;IAEzB,kBAAkB,CAAC,QAA0B;QACrD,MAAM,QAAQ,GAAG,OAAO,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;QAChF,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3H,CAAC;IAED,kEAAkE;IAClE,iBAAiB;QACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACzE;gBACE,8DAAa;oBACX,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, State, Watch } from '@stencil/core';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-chip` instead\n */\n@Component({\n  tag: 'status-chip',\n  styleUrl: 'status-chip.css',\n  shadow: true,\n})\nexport class StatusChip {\n  // State to handle the internal status class\n  @State() internalStatusClass: string;\n\n  // Prop for the status value, which now can be string or boolean\n  @Prop() statusValue: string | boolean;\n\n  // Define a mapping of possible status values to CSS classes\n  @Prop() statusClasses: { [key: string]: string } = {};\n\n  @Prop() dense: boolean = false;\n\n  // Watch for changes in statusValue\n  @Watch('statusValue')\n  protected statusValueWatcher(newValue: string | boolean) {\n    const valueKey = typeof newValue === 'boolean' ? newValue.toString() : newValue;\n    this.internalStatusClass = this.statusClasses && this.statusClasses[valueKey] ? this.statusClasses[valueKey] : 'default';\n  }\n\n  // Initial call to set the status based on the initial statusValue\n  componentWillLoad() {\n    this.statusValueWatcher(this.statusValue);\n  }\n\n  render() {\n    return (\n      <div class={`chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}`}>\n        <p>\n          <slot></slot> {/* Slot for content */}\n        </p>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/chips/stencil-chip/stencil-chip.js.map

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

package/dist/collection/components/data-display/chips/udp-chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-chip.js","sourceRoot":"","sources":["../../../../src/components/data-display/chips/udp-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAGxE;;;;;;;;;;;;GAYG;AAOH,MAAM,OAAO,OAAO;IALpB;QAYE;;WAEG;QACK,YAAO,GAA0B,QAAQ,CAAC;QAElD;;WAEG;QACK,UAAK,GAQA,MAAM,CAAC;QAEpB;;WAEG;QACK,SAAI,GAAuB,QAAQ,CAAC;QAO5C;;WAEG;QACK,iBAAY,GAAa,KAAK,CAAC;QAEvC;;WAEG;QACK,cAAS,GAAa,KAAK,CAAC;QAc5B,sBAAiB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAChD,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,6CAA6C;YACtE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC;QAEM,oBAAe,GAAG,GAAG,EAAE;YAC7B,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC;KA6BH;IA3BC,MAAM;QACJ,MAAM,WAAW,GAAG;YAClB,MAAM,EAAE,IAAI;YACZ,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YAC/B,CAAC,eAAe,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;YACnC,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;YACjC,iBAAiB,EAAE,IAAI,CAAC,SAAS;SAClC,CAAC;QAEF,OAAO,CACL,4DAAK,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe;YACnD,IAAI,CAAC,SAAS,IAAI,CACjB,6DAAM,KAAK,EAAC,8BAA8B;gBACxC,iEAAU,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,GAAI,CACnD,CACR;YACD,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAQ;YAC5C,IAAI,CAAC,YAAY,IAAI,CACpB,6DAAM,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAC,QAAQ;gBAC7E,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc;oBACjE,6DAAM,CAAC,EAAC,8EAA8E,GAAG,CACrF,CACD,CACR,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/data-display/divider/udp-divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-divider.js","sourceRoot":"","sources":["../../../../src/components/data-display/divider/udp-divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,UAAU;IALvB;QAMU,YAAO,GAA8B,YAAY,CAAC;KAc3D;IAXC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,KAAK,UAAU;YACvC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE;YACvB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QAEzB,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,KAAK;YAChB,4DAAK,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,GAAQ,CACxE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/data-display/empty-state-display/udp-empty-state-display.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-empty-state-display.js","sourceRoot":"","sources":["../../../../src/components/data-display/empty-state-display/udp-empty-state-display.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,oBAAoB;IALjC;QAME,8DAA8D;QACtD,aAAQ,GAAW,WAAW,CAAC;QAEvC,sCAAsC;QAC9B,aAAQ,GAAW,EAAE,CAAC;QAK9B,8CAA8C;QACtC,eAAU,GAAW,OAAO,CAAC;KAqDtC;IAvCC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACnB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAC,aAAa,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,GAAI,CAC/F,CAAC,CAAC,CAAC,CACF,gBACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACH;YAEA,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,cAAc;gBACvB,yEAAkB,OAAO,EAAC,IAAI,IAAE,IAAI,CAAC,WAAW,CAAoB,CAChE,CACP;YAEA,IAAI,CAAC,aAAa,IAAI,CACrB,4DAAK,KAAK,EAAC,cAAc;gBACvB,yEAAkB,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,gBAAgB,IACpD,IAAI,CAAC,aAAa,CACF,CACf,CACP;YAEA,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,mEACE,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,WAAW,IAEhB,IAAI,CAAC,WAAW,CACN,CACT,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-empty-state-display',\n  styleUrl: 'udp-empty-state-display.css',\n  shadow: true,\n})\nexport class UdpEmptyStateDisplay {\n  /** The name of the icon to display (e.g., 'error', 'add'). */\n  @Prop() iconName: string = 'warning32';\n\n  /** The size of the icon in pixels. */\n  @Prop() iconSize: number = 48;\n\n  /** The URL of an image to display instead of an icon. */\n  @Prop() imageSrc: string;\n\n  /** The width of the image (e.g., '100px'). */\n  @Prop() imageWidth: string = '100px';\n\n  /** The main, bold text to display. */\n  @Prop() primaryText: string;\n\n  /** The secondary, lighter text to display below the primary text. */\n  @Prop() secondaryText: string;\n\n  /** The label for the action button. If not provided, the button will not be rendered. */\n  @Prop() actionLabel: string;\n\n  /** Emitted when the action button is clicked. */\n  @Prop() actionClick: () => void;\n\n  render() {\n    return (\n      <div class=\"container\">\n        {this.imageSrc ? (\n          <img src={this.imageSrc} alt=\"empty state\" class=\"image\" style={{ width: this.imageWidth }} />\n        ) : (\n          <udp-icon\n            iconName={this.iconName}\n          />\n        )}\n\n        {this.primaryText && (\n          <div class=\"text-wrapper\">\n            <unity-typography variant='h6'>{this.primaryText}</unity-typography>\n          </div>\n        )}\n\n        {this.secondaryText && (\n          <div class=\"text-wrapper\">\n            <unity-typography variant=\"body\" class=\"secondary-text\">\n              {this.secondaryText}\n            </unity-typography>\n          </div>\n        )}\n\n        {this.actionLabel && (\n          <div class=\"action-wrapper\">\n            <udp-button\n              onClick={this.actionClick}\n              variant=\"outlined\"\n              color=\"secondary\"\n            >\n              {this.actionLabel}\n            </udp-button>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/headers/udp-column-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-column-header.js","sourceRoot":"","sources":["../../../../src/components/data-display/headers/udp-column-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,eAAe;IAC1B,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,QAAQ;;gBAAE,yEAAkB,OAAO,EAAC,QAAQ,eAA6B;sBAAS;YAC7F,4DAAK,KAAK,EAAC,UAAU;gBAAC,yEAAkB,OAAO,EAAC,QAAQ,gBAA8B;oBAAO;YAC7F,4DAAK,KAAK,EAAC,UAAU;gBAAC,yEAAkB,OAAO,EAAC,QAAQ,iBAA+B;qBAAQ,CAC3F,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-column-header',\n  styleUrl: 'udp-column-header.css',\n  shadow: true\n})\nexport class UdpColumnHeader {\n  render() {\n    return (\n      <div class=\"header-container\">\n        <div class=\"column\"> <unity-typography variant=\"button\" >Column  </unity-typography>   </div>\n        <div class=\"operator\"><unity-typography variant=\"button\" >Operator </unity-typography> </div>\n        <div class=\"criteria\"><unity-typography variant=\"button\" >Criteria  </unity-typography>  </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/headers/udp-page-header/udp-page-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-page-header.js","sourceRoot":"","sources":["../../../../../src/components/data-display/headers/udp-page-header/udp-page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,eAAe;IAL5B;QAQW,kBAAa,GAAW,GAAG,CAAC,CAAC,4CAA4C;KAwBnF;IAtBC,YAAY,CAAC,KAAa;QACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC3B,4DAAK,KAAK,EAAC,OAAO;gBAChB,yEAAkB,OAAO,EAAC,QAAQ,yBAAsC,CACpE;YACN,4DAAK,KAAK,EAAC,aAAa;gBACtB,4DAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;oBACxC,yEAAkB,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,KAAK,GAAG,GAAqB,CAC1G;gBACN,4DAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;oBACxC,yEAAkB,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,KAAK,GAAG,GAAqB,CACzG,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-page-header',\n  styleUrl: 'udp-page-header.css',\n  shadow: true\n})\nexport class UdpColumnHeader {\n  \n  @Event() valueChanged: EventEmitter;\n  @State() selectedValue: string = '1'; // '1' corresponds to the \"And\" radio button\n\n  radioClicked(value: string) {\n    this.selectedValue = value;\n    this.valueChanged.emit(value);\n  }\n\n  render() {\n    return (\n      <div class=\"header-container\">\n        <div class=\"title\"> \n          <unity-typography variant=\"button\">Filter Conditions </unity-typography>   \n        </div>\n        <div class=\"radio-group\"> \n          <div onClick={() => this.radioClicked('1')}>\n            <udp-radio-button name=\"group1\" value=\"1\" label=\"And\" checked={this.selectedValue === '1'}></udp-radio-button>\n          </div>\n          <div onClick={() => this.radioClicked('2')}>\n            <udp-radio-button name=\"group1\" value=\"2\" label=\"Or\" checked={this.selectedValue === '2'}></udp-radio-button>\n          </div> \n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/hint-panel/hint-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hint-panel.js","sourceRoot":"","sources":["../../../../src/components/data-display/hint-panel/hint-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,SAAS;IALtB;QAQW,aAAQ,GAAY,IAAI,CAAC;QAElC,mBAAc,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC;KAsBH;IApBC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,QAAQ,IAAI,CAChB,4DAAK,KAAK,EAAC,cAAc;YACvB;gBACE,yEAAkB,OAAO,EAAC,MAAM;;oBAAG,IAAI,CAAC,IAAI;wBAAqB,CAC7D;YACL,IAAI,CAAC,YAAY,IAAI,CACpB,4DAAK,KAAK,EAAC,WAAW;gBACpB,mEAAY,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,IAC/D,IAAI,CAAC,YAAY,CACP,CACT,CACP,CACG,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'hint-panel',\n  styleUrl: 'hint-panel.css',\n  shadow: true,\n})\nexport class HintPanel {\n  @Prop() hint: string;\n  @Prop() hideHintText: string;\n  @State() showHint: boolean = true;\n\n  handleHideHint = () => {\n    this.showHint = false;\n  };\n\n  render() {\n    return (\n      <div class=\"hint-container\">\n        {this.showHint && (\n          <div class=\"hint-content\">\n            <div>\n              <unity-typography variant=\"body\"> {this.hint} </unity-typography>\n            </div>\n            {this.hideHintText && (\n              <div class=\"hide-help\">\n                <udp-button size=\"small\" color=\"info\" onClick={this.handleHideHint}>\n                  {this.hideHintText}\n                </udp-button>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/icons/CarbonIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarbonIcon.js","sourceRoot":"","sources":["../../../../src/components/data-display/icons/CarbonIcon.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Interface for the attributes of an SVG path element.\n */\ninterface PathAttrs {\n  d: string;\n}\n\n/**\n * Interface for an element within the icon's content array, like a <path>.\n */\ninterface PathElement {\n  elem: 'path';\n  attrs: PathAttrs;\n}\n\n/**\n * Interface for the main attributes of the top-level <svg> element.\n */\ninterface SvgAttrs {\n  xmlns: string;\n  viewBox: string;\n  fill: string;\n  width: number;\n  height: number;\n}\n\n/**\n * Main interface representing the structure of a Carbon Icon object.\n */\nexport interface CarbonIcon {\n  elem: 'svg';\n  attrs: SvgAttrs;\n  content: PathElement[];\n  name: string;\n  size: number;\n}\n"]}

package/dist/collection/components/data-display/icons/iconMapping.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconMapping.js","sourceRoot":"","sources":["../../../../src/components/data-display/icons/iconMapping.ts"],"names":[],"mappings":"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","sourcesContent":["import Add16 from '@carbon/icons/es/add/16';\nimport Add32 from '@carbon/icons/es/add/32';\nimport AddAlt16 from '@carbon/icons/es/add--alt/16';\nimport AddFilled16 from '@carbon/icons/es/add--filled/16';\nimport ArrowsHorizontal16 from '@carbon/icons/es/arrows--horizontal/16';\nimport Attachment16 from '@carbon/icons/es/attachment/16';\nimport Batchjob16 from '@carbon/icons/es/batch-job/16';\nimport Box16 from '@carbon/icons/es/box/16';\nimport Close16 from '@carbon/icons/es/close/16';\nimport Close24 from '@carbon/icons/es/close/24';\nimport Close32 from '@carbon/icons/es/close/32';\nimport CloseFilled16 from '@carbon/icons/es/close--filled/16';\nimport CloseOutlined16 from '@carbon/icons/es/close--outline/16';\nimport CheckMark16 from '@carbon/icons/es/checkmark/16';\nimport CheckMark24 from '@carbon/icons/es/checkmark/24';\nimport CheckMark32 from '@carbon/icons/es/checkmark/32';\nimport ChevronLeft16 from '@carbon/icons/es/chevron--left/16';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16';\nimport ChevronDown from '@carbon/icons/es/chevron--down/16';\nimport Dataenrichment from '@carbon/icons/es/data-enrichment/16';\nimport Document16 from '@carbon/icons/es/document/16';\nimport DocumentAdd16 from '@carbon/icons/es/document--add/16';\nimport DocumentAttachment16 from '@carbon/icons/es/document--attachment/16';\nimport DocumentPDF16 from '@carbon/icons/es/document--pdf/16';\nimport DocumentVideo16 from '@carbon/icons/es/document--video/16';\nimport DocumentAudio16 from '@carbon/icons/es/document--audio/16';\nimport Draggable16 from '@carbon/icons/es/draggable/16';\nimport Edit16 from '@carbon/icons/es/edit/16';\nimport Export16 from '@carbon/icons/es/export/16';\nimport Flag16 from '@carbon/icons/es/flag/16';\nimport Information16 from '@carbon/icons/es/information/16';\nimport Information32 from '@carbon/icons/es/information/32';\nimport Link16 from '@carbon/icons/es/link/16';\nimport OverflowMenuVertical16 from '@carbon/icons/es/overflow-menu--vertical/16';\nimport OverflowMenuVertical32 from '@carbon/icons/es/overflow-menu--vertical/32';\nimport Return16 from '@carbon/icons/es/return/16';\nimport Save16 from '@carbon/icons/es/save/16';\nimport Settings16 from '@carbon/icons/es/settings/16';\nimport Subtract16 from '@carbon/icons/es/subtract/16';\nimport SubtractAlt16 from '@carbon/icons/es/subtract--alt/16';\nimport SubtractFilled16 from '@carbon/icons/es/subtract--filled/16';\nimport TrashCan16 from '@carbon/icons/es/trash-can/16';\nimport User16 from '@carbon/icons/es/user/16';\nimport View16 from '@carbon/icons/es/view/16';\nimport Warning16 from '@carbon/icons/es/warning/16';\nimport Warning32 from '@carbon/icons/es/warning/32';\nimport WarningAlt16 from '@carbon/icons/es/warning--alt/16';\nimport WarningAlt32 from '@carbon/icons/es/warning--alt/32';\nimport Wizard16 from '@carbon/icons/es/product/16';\nimport Workspace16 from '@carbon/icons/es/workspace/16';\nimport ArrowUp16 from '@carbon/icons/es/arrow--up/16';\nimport ArrowDown16 from '@carbon/icons/es/arrow--down/16';\nimport ArrowRight16 from '@carbon/icons/es/arrow--right/16';\nimport ArrowLeft16 from '@carbon/icons/es/arrow--left/16';\nimport Copy16 from '@carbon/icons/es/copy/16';\nimport Star16 from '@carbon/icons/es/star/16';\nimport DataTable16 from '@carbon/icons/es/data-table/16';\nimport FitToWidth16 from '@carbon/icons/es/fit-to-width/16';\nimport Search16 from '@carbon/icons/es/search--advanced/16';\nimport Reset16 from '@carbon/icons/es/reset/16';\nimport Column from '@carbon/icons/es/column/16';\nimport HideColumn from '@carbon/icons/es/column--delete/16';\nimport Rotate from '@carbon/icons/es/watson-health/rotate--360/16';\nimport Filter from '@carbon/icons/es/filter/16';\nimport RelationshipDiagram from '@carbon/icons/es/app-connectivity/16';\n// Editor icons\nimport TextFont16 from '@carbon/icons/es/text--font/16';\nimport TextLongParagraph16 from '@carbon/icons/es/text--long-paragraph/16';\nimport CharacterWholeNumber16 from '@carbon/icons/es/character--whole-number/16';\nimport CheckboxChecked16 from '@carbon/icons/es/checkbox--checked/16';\nimport RadioButtonChecked16 from '@carbon/icons/es/radio-button--checked/16';\nimport EventSchedule16 from '@carbon/icons/es/event--schedule/16';\nimport ViewOff16 from '@carbon/icons/es/view--off/16';\nimport Time16 from '@carbon/icons/es/time/16';\nimport Calendar16 from '@carbon/icons/es/calendar/16';\nimport ListChecked16 from '@carbon/icons/es/list--checked/16';\nimport ListBulleted16 from '@carbon/icons/es/list--bulleted/16';\nimport CloudUpload16 from '@carbon/icons/es/cloud--upload/16';\nimport Locked16 from '@carbon/icons/es/locked/16';\nimport Pause from '@carbon/icons/es/pause/16';\n\nimport Unlocked16 from '@carbon/icons/es/unlocked/16';\nimport Send16 from '@carbon/icons/es/send/16';\nimport Email16 from '@carbon/icons/es/email/16';\nimport CheckMarkOutlined16 from '@carbon/icons/es/checkmark--outline/16';\nimport MigrateAlt16 from '@carbon/icons/es/migrate--alt/16';\nimport CheckboxCheckedFilled16 from '@carbon/icons/es/checkbox--checked--filled/16';\nimport Checkbox from '@carbon/icons/es/checkbox/16';\nimport Zip16 from '@carbon/icons/es/ZIP/16';\nimport Image16 from '@carbon/icons/es/image/16';\nimport PPT16 from '@carbon/icons/es/PPT/16';\nimport XLS16 from '@carbon/icons/es/XLS/16';\n\nimport { CarbonIcon } from './CarbonIcon';\n\nexport const iconMapping: Record<string, CarbonIcon> = {\n  add: Add16 as CarbonIcon,\n  add32: Add32 as CarbonIcon,\n  addAlt: AddAlt16 as CarbonIcon,\n  addFilled: AddFilled16 as CarbonIcon,\n  arrowsHorizontal16: ArrowsHorizontal16 as CarbonIcon,\n  arrowRight16: ArrowRight16 as CarbonIcon,\n  arrowLeft16: ArrowLeft16 as CarbonIcon,\n  attachment: Attachment16 as CarbonIcon,\n  box: Box16 as CarbonIcon,\n  close16: Close16 as CarbonIcon,\n  close24: Close24 as CarbonIcon,\n  close32: Close32 as CarbonIcon,\n  closeFilled16: CloseFilled16 as CarbonIcon,\n  closeOutlined16: CloseOutlined16 as CarbonIcon,\n  checkMark: CheckMark16 as CarbonIcon,\n  checkMark24: CheckMark24 as CarbonIcon,\n  checkMark32: CheckMark32 as CarbonIcon,\n  checkMarkOutlined: CheckMarkOutlined16 as CarbonIcon,\n  chevronLeft16: ChevronLeft16 as CarbonIcon,\n  chevronRight16: ChevronRight16 as CarbonIcon,\n  chevronDown: ChevronDown as CarbonIcon,\n  dashboard: Workspace16 as CarbonIcon,\n  document: Document16 as CarbonIcon,\n  documentAdd: DocumentAdd16 as CarbonIcon,\n  documentAttachment: DocumentAttachment16 as CarbonIcon,\n  documentPdf: DocumentPDF16 as CarbonIcon,\n  documentAudio: DocumentAudio16 as CarbonIcon,\n  documentVideo: DocumentVideo16 as CarbonIcon,\n  draggable: Draggable16 as CarbonIcon,\n  edit: Edit16 as CarbonIcon,\n  export: Export16 as CarbonIcon,\n  flag: Flag16 as CarbonIcon,\n  information: Information16 as CarbonIcon,\n  information32: Information32 as CarbonIcon,\n  link: Link16 as CarbonIcon,\n  opportunities: Dataenrichment as CarbonIcon,\n  overflowMenuVertical: OverflowMenuVertical16 as CarbonIcon,\n  overflowMenuVertical32: OverflowMenuVertical32 as CarbonIcon,\n  return16: Return16 as CarbonIcon,\n  save: Save16 as CarbonIcon,\n  settings: Settings16 as CarbonIcon,\n  subtract: Subtract16 as CarbonIcon,\n  subtractAlt: SubtractAlt16 as CarbonIcon,\n  subtractFilled: SubtractFilled16 as CarbonIcon,\n  trashCan: TrashCan16 as CarbonIcon,\n  user: User16 as CarbonIcon,\n  view: View16 as CarbonIcon,\n  wizard: Wizard16 as CarbonIcon,\n  workorder: Batchjob16 as CarbonIcon,\n  arrowUp: ArrowUp16 as CarbonIcon,\n  arrowDown: ArrowDown16 as CarbonIcon,\n  copy: Copy16 as CarbonIcon,\n  star: Star16 as CarbonIcon,\n  warning: Warning16 as CarbonIcon,\n  warning32: Warning32 as CarbonIcon,\n  warningAlt: WarningAlt16 as CarbonIcon,\n  warningAlt32: WarningAlt32 as CarbonIcon,\n  time: Time16 as CarbonIcon,\n  text: TextLongParagraph16 as CarbonIcon,\n  list: ListBulleted16 as CarbonIcon,\n  calendar: Calendar16 as CarbonIcon,\n  formTextField: TextFont16 as CarbonIcon,\n  formTextArea: TextLongParagraph16 as CarbonIcon,\n  formNumberField: CharacterWholeNumber16 as CarbonIcon,\n  formDateField: Calendar16 as CarbonIcon,\n  formCheckbox: CheckboxChecked16 as CarbonIcon,\n  formFileUpload: CloudUpload16 as CarbonIcon,\n  formRadioButton: RadioButtonChecked16 as CarbonIcon,\n  formHiddenField: ViewOff16 as CarbonIcon,\n  formTimeField: Time16 as CarbonIcon,\n  formDateTimeField: EventSchedule16 as CarbonIcon,\n  formMultiSelectField: ListChecked16 as CarbonIcon,\n  formSingleSelectField: ListBulleted16 as CarbonIcon,\n  dataTable: DataTable16 as CarbonIcon,\n  fitToWidth: FitToWidth16 as CarbonIcon,\n  search: Search16 as CarbonIcon,\n  reset: Reset16 as CarbonIcon,\n  column: Column as CarbonIcon,\n  hideColumn: HideColumn as CarbonIcon,\n  rotate: Rotate as CarbonIcon,\n  lock: Locked16 as CarbonIcon,\n  pause: Pause as CarbonIcon,\n  filter: Filter as CarbonIcon,\n  relationshipDiagram: RelationshipDiagram as CarbonIcon,\n  unlock: Unlocked16 as CarbonIcon,\n  send: Send16 as CarbonIcon,\n  email: Email16 as CarbonIcon,\n  migrateAlt: MigrateAlt16 as CarbonIcon,\n  checkboxCheckedFilled: CheckboxCheckedFilled16 as CarbonIcon,\n  checkbox: Checkbox as CarbonIcon,\n  zip: Zip16 as CarbonIcon,\n  image: Image16 as CarbonIcon,\n  xls: XLS16 as CarbonIcon,\n  ppt: PPT16 as CarbonIcon\n};\n\nexport default iconMapping;\n"]}

package/dist/collection/components/data-display/icons/iconUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconUtils.js","sourceRoot":"","sources":["../../../../src/components/data-display/icons/iconUtils.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,WAAmB,QAAQ,EAAE,EAAE;;IAC/E,IAAI,CAAC,QAAQ,IAAI,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,0CAAE,MAAM,MAAK,CAAC;QAAE,OAAO;IAExD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import iconMapping from './iconMapping';\n\nexport const getIconFromName = (iconName: string, iconType: string = 'carbon') => {\n  if (!iconName || iconName?.trim()?.length === 0) return;\n\n  if (iconType === 'carbon') {\n    return iconMapping[iconName];\n  }\n  return null;\n};\n"]}

package/dist/collection/components/data-display/icons/udp-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-icon.js","sourceRoot":"","sources":["../../../../src/components/data-display/icons/udp-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAO9C,MAAM,OAAO,OAAO;IALpB;QAOU,aAAQ,GAAW,QAAQ,CAAC;QACpC;;WAEG;QACK,aAAQ,GAAY,IAAI,CAAC;KAqDlC;IAlDC,MAAM;;QACJ,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ,EAAC,CAAC;YACb,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;gBACnB,KAAK,SAAS;oBACZ,SAAS,GAAG,sBAAsB,CAAC;oBACnC,MAAM;gBACR,KAAK,WAAW;oBACd,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;gBACR,KAAK,OAAO;oBACV,SAAS,GAAG,yBAAyB,CAAC;oBACtC,MAAM;gBACR,KAAK,MAAM;oBACT,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;gBACR,KAAK,SAAS;oBACZ,SAAS,GAAG,2BAA2B,CAAC;oBACxC,MAAM;gBACR,KAAK,SAAS;oBACZ,SAAS,GAAG,cAAc,CAAC;oBAC3B,MAAM;gBACR;oBACE,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAChD,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;YACzB,2BAAS,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,IAAI,EAAE,SAAS,KAC9C,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;gBACtC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,MAAM,EAAE,CAAC;oBAC1B,OAAO,4BAAU,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;gBACvD,CAAC;qBAAM,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,QAAQ,EAAE,CAAC;oBACnC,OAAO,8BAAY,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;gBACzD,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { getIconFromName } from './iconUtils';\n\n@Component({\n  tag: 'udp-icon',\n  styleUrl: 'udp-icon.css',\n  shadow: true,\n})\nexport class UdpIcon {\n  @Prop() iconName: string;\n  @Prop() iconType: string = 'carbon';\n  /**\n   * @deprecated Use color prop instead\n   */\n  @Prop() darkIcon: boolean = true;\n  @Prop() color: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'inherit' | string;\n\n  render() {\n    const iconData = getIconFromName(this.iconName, this.iconType);\n    if (!iconData){\n      return null;\n    }\n\n    let iconColor: string;\n\n    if (this.color) {\n      switch (this.color) {\n        case 'primary':\n          iconColor = 'var(--primary-color)';\n          break;\n        case 'secondary':\n          iconColor = 'var(--secondary-color)';\n          break;\n        case 'error':\n          iconColor = 'var(--error-color-main)';\n          break;\n        case 'info':\n          iconColor = 'var(--info-color-main)';\n          break;\n        case 'success':\n          iconColor = 'var(--success-color-main)';\n          break;\n        case 'inherit':\n          iconColor = 'currentColor';\n          break;\n        default:\n          iconColor = this.color;\n      }\n    } else {\n      iconColor = this.darkIcon ? 'black' : 'white';\n    }\n\n    return (\n      <div class=\"icon-container\">\n        <svg {...(iconData?.attrs ?? {})} fill={iconColor}>\n          {iconData?.content?.map((item, index) => {\n            if (item?.elem === 'path') {\n              return <path {...(item?.attrs ?? {})} key={index} />;\n            } else if (item?.elem === 'circle') {\n              return <circle {...(item?.attrs ?? {})} key={index} />;\n            }\n            return null;\n          })}\n        </svg>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/kpi/kpi-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kpi-list.js","sourceRoot":"","sources":["../../../../src/components/data-display/kpi/kpi-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,OAAO;IAGlB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,eAAe,IACvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,WAAK,KAAK,EAAC,UAAU;YACnB,YAAM,KAAK,EAAC,WAAW,EACvB,KAAK,EAAE;oBACH,QAAQ,EAAC,WAAW;oBACpB,UAAU,EAAE,KAAK;oBACjB,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,YAAY;iBAC3B;;gBAAI;;oBAAsB,GAAG,CAAC,KAAK;yBAAsB;qBAAS;YACnE,YAAM,KAAK,EAAC,WAAW,EAChB,KAAK,EAAE;oBACN,QAAQ,EAAC,WAAW;oBACpB,UAAU,EAAE,KAAK;oBACjB,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,YAAY;iBAC3B;;gBACF;;oBAAsB,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE;wBAAqB;oBAAQ;YAC/E,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,WAAK,KAAK,EAAC,SAAS,GAAO,CAC7D,CACP,CAAC,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'kpi-list',\n  styleUrl: 'kpi-list.css',\n})\nexport class KpiList {\n  @Prop() kpiValues: Array<{ label: string, value: number }>;\n\n  render() {\n    return (\n      <div class=\"kpi-container\">\n        {this.kpiValues.map((kpi, index) => (\n          <div class=\"kpi-item\">\n            <span class=\"kpi-label\"\n            style={{\n                fontSize:' 0.875rem',\n                fontWeight: '300',\n                lineHeight: '0.25',\n                fontFamily: 'sans-serif'\n            }} > <unity-typography  > {kpi.label}: </unity-typography>  </span>\n            <span class=\"kpi-value\"\n                   style={{\n                    fontSize:' 0.875rem',\n                    fontWeight: '600',\n                    lineHeight: '0.25',\n                    fontFamily: 'sans-serif'\n                }}\n            >  <unity-typography  > {kpi.value.toLocaleString()} </unity-typography> </span>\n            {index < this.kpiValues.length - 1 && <div class=\"divider\"></div>}\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/kpi/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/data-display/kpi/types.ts"],"names":[],"mappings":"","sourcesContent":["export type KPICardActionType =\n  | 'filter' // For filtering data (current behavior)\n  | 'navigation' // For navigating to routes\n  | 'action' // For opening side sheets, modals, etc.\n  | 'display'; // Display only, no interaction\n\nexport type KPICardColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface KPICardData {\n  id: string;\n  primaryText: string;\n  secondaryText?: string;\n  color: KPICardColor;\n  iconName: string;\n  value: number | string;\n  actionType?: KPICardActionType;\n  onClick?: () => void;\n  href?: string;\n}\n\nexport interface KPICardsProps {\n  cards: KPICardData[];\n  activeFilterId?: string | null; // Optional - only needed for filter cards\n  onFilterChange?: (filterId: string | null) => void; // Optional - only needed for filter cards\n}\n"]}

package/dist/collection/components/data-display/kpi/udp-kpi-card.js.map

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

package/dist/collection/components/data-display/kpi/udp-kpi-cards.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-kpi-cards.js","sourceRoot":"","sources":["../../../../src/components/data-display/kpi/udp-kpi-cards.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,eAAe,CAAC;AAGxE;;;;;;;;;;;;;;GAcG;AAMH,MAAM,OAAO,WAAW;IA6BtB;;;;;;;;;OASG;IACK,eAAe,CAAC,IAAiB;QACvC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,MAAK,QAAQ,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,MAAK,IAAI,EAAE,CAAC;YAC5D,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;aAAM,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,MAAK,QAAQ,EAAE,CAAC;YACzC,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,MAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC;YAC7F,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,qBAAqB,IAC7B,MAAA,IAAI,CAAC,KAAK;eAAE,GAAG,CAAC,CAAC,GAAgB,EAAE,EAAE;gBACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,KAAK,GAAG,CAAC,EAAE,CAAC;gBAChD,OAAO,CACL,oBACE,MAAM,EAAE,GAAG,CAAC,EAAE,EACd,WAAW,EAAE,GAAG,CAAC,WAAW,EAC5B,aAAa,EAAE,GAAG,CAAC,aAAa,EAChC,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,QAAQ,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,EACvB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAC5C,CACH,CAAC;YACJ,CAAC,CAAC;YACF,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\nimport { KPICardData } from './types';\n\n/**\n * kpi-cards container component.\n *\n * Renders a list of KPI cards from a data array and provides minimal coordination for\n * filter/action semantics. This component:\n * - Maps each KPICardData item to a <kpi-card /> element and forwards relevant props.\n * - Calls the item.onClick callback for action-type cards (if provided).\n * - Emits a `filterChange` event when a filter-type card is clicked; the host is responsible\n *   for updating `activeFilterId`.\n *\n * Notes:\n * - This component intentionally implements only a lightweight flow. For custom selection\n *   policies (multi-select, complex keyboard handling, etc.) render <kpi-card> children\n *   directly and manage their state in the host.\n */\n@Component({\n  tag: 'udp-kpi-cards',\n  styleUrl: 'udp-kpi-cards.css',\n  shadow: true,\n})\nexport class UdpKpiCards {\n  /**\n   * Array of KPICardData objects to render as children.\n   *\n   * Each item should follow the KPICardData shape:\n   * { id, primaryText, value, color?, secondaryText?, iconName?, actionType?, href?, onClick? }\n   */\n  @Prop() cards: KPICardData[];\n\n  /**\n   * Optional id of the currently active filter card.\n   * When provided, the matching card will receive `active={true}`.\n   *\n   * The component does not modify this prop internally. Hosts should update it in\n   * response to `filterChange` events.\n   */\n  @Prop() activeFilterId?: string | null; // Optional - only needed for filter cards\n\n  /**\n   * Emitted when a filter-type card is clicked.\n   *\n   * Payload: string | number | null\n   * - string|number => id of the newly selected filter\n   * - null => clear the active filter\n   *\n   * The host should listen to this event and update `activeFilterId` accordingly.\n   */\n  @Event() filterChange: EventEmitter<string | number>;\n\n  /**\n   * Internal click handler for items.\n   *\n   * Behavior:\n   * - If card.actionType === 'action' and card.onClick is provided -> call card.onClick()\n   * - Else if card.actionType === 'filter' -> compute new filter id and emit `filterChange`\n   *\n   * @param card - KPICardData for the clicked item\n   * @private\n   */\n  private handleCardClick(card: KPICardData) {\n    if (card?.actionType === 'action' && card?.onClick !== null) {\n      card.onClick();\n    } else if (card?.actionType === 'filter') {\n      const newFilterId = this.activeFilterId === card?.id || card?.id === 'all' ? null : card?.id;\n      this.filterChange.emit(newFilterId);\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"kpi-cards-container\">\n        {this.cards?.map((kpi: KPICardData) => {\n          const isActive = this.activeFilterId === kpi.id;\n          return (\n            <udp-kpi-card\n              cardId={kpi.id}\n              primaryText={kpi.primaryText}\n              secondaryText={kpi.secondaryText}\n              color={kpi.color}\n              value={kpi.value}\n              active={isActive}\n              actionType={kpi.actionType}\n              href={kpi.href}\n              iconName={kpi?.iconName}\n              onCardClick={() => this.handleCardClick(kpi)}\n            />\n          );\n        })}\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/list-item/list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../../src/components/data-display/list-item/list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-list-item',\n  styleUrl: 'list-item.css',\n  shadow: true,\n})\nexport class UdpListRenderer {\n  @Element() private hostEl: HTMLElement;\n\n  @State() private hasPrimaryTextSlot = false;\n  @State() private hasSecondaryTextSlot = false;\n  @State() private hasActionsSlot = false;\n  @State() private hasStatusChipSlot = false;\n\n  @Prop() primaryText: string;\n  @Prop() secondaryText: string;\n  @Prop() iconName: string;\n  @Prop() avatarBackgroundColor: string = 'info';\n  @Prop() avatarVariant: 'circular' | 'rounded' | 'square' = 'rounded';\n  @Prop() clickable: boolean = false;\n  /**\n   * Defines the height of the list item.\n   * 'normal': Default height.\n   * 'compact': Reduced height for a denser list.\n   */\n  @Prop() variant: 'normal' | 'compact' = 'normal';\n  /**\n   * @deprecated Use the \"listItemClick\" event instead. This prop will be removed in a future version.\n   */\n  @Prop() onClick: (event: MouseEvent | KeyboardEvent) => void;\n  @Event() listItemClick: EventEmitter<MouseEvent | KeyboardEvent>;\n\n  componentWillLoad() {\n    this.hasPrimaryTextSlot = !!this.hostEl.querySelector('[slot=\"primary-text\"]');\n    this.hasSecondaryTextSlot = !!this.hostEl.querySelector('[slot=\"secondary-text\"]');\n    this.hasActionsSlot = !!this.hostEl.querySelector('[slot=\"actions\"]');\n    this.hasStatusChipSlot = !!this.hostEl.querySelector('[slot=\"status-chip\"]');\n  }\n\n  private handleClick = (event: MouseEvent | KeyboardEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n\n    // Check if any element in the event path is one of our interactive containers.\n    const isActionClick = path.some(\n      element =>\n        element.classList?.contains('actions-container') ||\n        element.classList?.contains('status-chip-container'),\n    );\n\n    // If the click was on an action or status element, do nothing.\n    if (isActionClick) {\n      return;\n    }\n\n    if (this.clickable) {\n      this.listItemClick.emit(event);\n      if (this.onClick) {\n        this.onClick(event);\n      }\n    }\n  };\n\n  private handleKeyPress = (event: KeyboardEvent) => {\n    if (this.clickable && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      this.handleClick(event);\n    }\n  };\n\n  render() {\n    const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;\n    const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;\n\n    return (\n      <Host>\n        <div\n          class={{\n            'list-item': true,\n            'clickable': this.clickable,\n            'variant-compact': this.variant === 'compact',\n          }}\n          onClick={this.handleClick}\n          onKeyPress={this.handleKeyPress}\n          role={this.clickable ? 'button' : undefined}\n          tabindex={this.clickable ? 0 : -1}\n        >\n          {this.iconName && (\n            <div class=\"avatar-container\">\n              <udp-avatar\n                iconName={this.iconName}\n                variant={this.avatarVariant}\n                color={this.avatarBackgroundColor}\n              ></udp-avatar>\n            </div>\n          )}\n          <div class=\"text-container\">\n            {showPrimaryText && (\n              <div class=\"primary-text\">\n                <slot name=\"primary-text\">\n                  <unity-typography variant=\"body\">{this.primaryText}</unity-typography>\n                </slot>\n              </div>\n            )}\n            {showSecondaryText && (\n              <div class=\"secondary-text\">\n                <slot name=\"secondary-text\">\n                  <unity-typography variant=\"caption-text\" color=\"textSecondary\">\n                    {this.secondaryText}\n                  </unity-typography>\n                </slot>\n              </div>\n            )}\n          </div>\n          {this.hasStatusChipSlot && (\n            <div class=\"status-chip-container\">\n              <slot name=\"status-chip\"></slot>\n            </div>\n          )}\n          {this.hasActionsSlot && (\n            <div class=\"actions-container\">\n              <slot name=\"actions\"></slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/list-renderer/udp-list-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-list-renderer.js","sourceRoot":"","sources":["../../../../src/components/data-display/list-renderer/udp-list-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAOtF,MAAM,OAAO,WAAW;IALxB;QAYE;;WAEG;QACK,SAAI,GAAU,EAAE,CAAC;QASzB;;WAEG;QACK,eAAU,GAAY,KAAK,CAAC;QAEpC;;WAEG;QACK,iBAAY,GAAW,EAAE,CAAC;QAElC;;WAEG;QACK,iBAAY,GAAY,KAAK,CAAC;QAEtC;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;QAQ/B;;;WAGG;QACqC,gBAAW,GAAW,CAAC,CAAC;QAEhE;;WAEG;QACK,cAAS,GAAY,KAAK,CAAC;QAEnC;;;;WAIG;QACsB,YAAO,GAA4C,IAAI,CAAC;QAExE,wBAAmB,GAAW,CAAC,CAAC;KAsG1C;IAnGC,kBAAkB,CAAC,QAAgB;QACjC,IAAI,QAAQ,KAAK,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC1C,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;QACtC,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC;IAC9C,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;QACD,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;QACtE,MAAM,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;QAChD,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC;gBAAE,OAAO,CAAC,CAAC;YAC/D,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC;IAEO,gBAAgB,CAAC,OAAe;QACtC,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;QAC3B,IAAI,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;YACpD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC;gBACnC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;YAChE,OAAO,yDAAgD,CAAC;QAC1D,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;YACnE,OAAO,4DAAmD,CAAC;QAC7D,CAAC;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9C,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO,oCAA2B,CAAC;QACrC,CAAC;QAED,OAAO,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC9B,MAAM,KAAK,GAAG,EAAE,CAAC;YACjB,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC9C,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;oBACnC,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;oBACnD,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;YACnC,OAAO,EAAC,OAAO,oBAAK,KAAK,EAAI,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;YAC7D,OAAO,CACL,WAAK,KAAK,EAAC,mBAAmB;gBAC5B,0BAAiB,CACb,CACP,CAAC;QACJ,CAAC;QAED,MAAM,gBAAgB,GAAG;YACvB,qBAAqB,EAAE,IAAI;YAC3B,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;SAClC,CAAC;QAEF,OAAO,CACL;YACE,WAAK,KAAK,EAAE,gBAAgB,IAAG,IAAI,CAAC,WAAW,EAAE,CAAO;YACvD,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,CAC9C,sBACE,WAAW,EAAE,IAAI,CAAC,mBAAmB,EACrC,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,EAChC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,GAC1C,CACnB,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-list-renderer',\n  styleUrl: 'udp-list-renderer.css',\n  shadow: true,\n})\nexport class UdpItemList {\n  /**\n   * The tag name of the component to render for each item in the list.\n   * For example, 'my-item-component'.\n   */\n  @Prop() itemComponent: string;\n\n  /**\n   * Array of objects to be rendered in the list.\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Object mapping source data fields to prop names for the item component.\n   * Example: {元のフィールド: '新しいフィールド'}\n   * This will pass props to ItemComponent as: <ItemComponent newField={sourceData.originalField} />\n   */\n  @Prop() componentDataMap: { [key: string]: string };\n\n  /**\n   * Whether to enable pagination.\n   */\n  @Prop() pagination: boolean = false;\n\n  /**\n   * Number of items to display per page.\n   */\n  @Prop() itemsPerPage: number = 10;\n\n  /**\n   * Whether pagination is handled server-side.\n   */\n  @Prop() isServerSide: boolean = false;\n\n  /**\n   * Total number of items (required for server-side pagination).\n   */\n  @Prop() totalItems: number = 0;\n\n  /**\n   * Callback function for page changes. Required when isServerSide is true.\n   * Emits the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  /**\n   * Current page number (used for server-side pagination or can be controlled externally).\n   * Defaults to 1.\n   */\n  @Prop({ mutable: true, reflect: true }) currentPage: number = 1;\n\n  /**\n   * Whether the list is in a loading state.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Defines the spacing between items.\n   * Options: 'xs', 'sm', 'md', 'lg', 'condensed'\n   * Default: 'sm'\n   */\n  @Prop({ reflect: true }) spacing: 'xs' | 'sm' | 'md' | 'lg' | 'condensed' = 'md';\n\n  @State() internalCurrentPage: number = 1;\n\n  @Watch('currentPage')\n  currentPageChanged(newValue: number) {\n    if (newValue !== this.internalCurrentPage) {\n      this.internalCurrentPage = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    this.internalCurrentPage = this.currentPage;\n  }\n\n  private getPaginatedData() {\n    if (!this.pagination || this.isServerSide) {\n      return this.data;\n    }\n    const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;\n    const endIndex = startIndex + this.itemsPerPage;\n    return this.data.slice(startIndex, endIndex);\n  }\n\n  private getTotalPages(): number {\n    if (!this.pagination) return 1;\n    if (this.isServerSide) {\n      if (this.totalItems === 0 || this.itemsPerPage === 0) return 1;\n      return Math.ceil(this.totalItems / this.itemsPerPage);\n    }\n    if (this.data.length === 0 || this.itemsPerPage === 0) return 1;\n    return Math.ceil(this.data.length / this.itemsPerPage);\n  }\n\n  private handlePageChange(newPage: number) {\n    if (this.isLoading) return;\n    if (newPage >= 1 && newPage <= this.getTotalPages()) {\n      if (this.isServerSide) {\n        this.pageChange.emit(newPage);\n      } else {\n        this.internalCurrentPage = newPage;\n        this.currentPage = newPage;\n        this.pageChange.emit(newPage);\n      }\n    }\n  }\n\n  private renderItems() {\n    if (!this.itemComponent) {\n      console.warn('[udp-item-list] itemComponent prop is required.');\n      return <p>Error: itemComponent prop is not defined.</p>;\n    }\n    if (!this.componentDataMap) {\n      console.warn('[udp-item-list] componentDataMap prop is required.');\n      return <p>Error: componentDataMap prop is not defined.</p>;\n    }\n\n    const itemsToRender = this.getPaginatedData();\n\n    if (!itemsToRender || itemsToRender.length === 0) {\n      return <p>No items to display.</p>;\n    }\n\n    return itemsToRender.map(item => {\n      const props = {};\n      for (const sourceKey in this.componentDataMap) {\n        if (item.hasOwnProperty(sourceKey)) {\n          const targetKey = this.componentDataMap[sourceKey];\n          props[targetKey] = item[sourceKey];\n        }\n      }\n      const ItemCmp = this.itemComponent;\n      return <ItemCmp {...props} />;\n    });\n  }\n\n  render() {\n    if (this.isLoading && (!this.data || this.data.length === 0)) {\n      return (\n        <div class=\"loading-container\">\n          <p>Loading...</p>\n        </div>\n      );\n    }\n\n    const containerClasses = {\n      'item-list-container': true,\n      [`spacing-${this.spacing}`]: true,\n    };\n\n    return (\n      <host>\n        <div class={containerClasses}>{this.renderItems()}</div>\n        {this.pagination && this.getTotalPages() > 1 && (\n          <udp-pagination\n            currentPage={this.internalCurrentPage}\n            totalPages={this.getTotalPages()}\n            isLoading={this.isLoading}\n            onPageChange={event => this.handlePageChange(event.detail)}\n          ></udp-pagination>\n        )}\n      </host>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/pop-over/interfaces/popoverInterfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popoverInterfaces.js","sourceRoot":"","sources":["../../../../../src/components/data-display/pop-over/interfaces/popoverInterfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type PopoverPlacement = 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';"]}

package/dist/collection/components/data-display/pop-over/udp-pop-over.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-pop-over.js","sourceRoot":"","sources":["../../../../src/components/data-display/pop-over/udp-pop-over.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createPopper, Instance } from '@popperjs/core';\nimport { Component, h, Host, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pop-over',\n  styleUrl: 'udp-pop-over.css',\n  shadow: true,\n})\nexport class UdpPopOver {\n  @Element() hostEl!: HTMLElement;\n  @Prop() anchorElement: string | HTMLElement;\n  @Prop({ reflect: true }) isOpen: boolean = false;\n  @Prop() popoverWidth: string;\n  @Prop() popoverMaxHeight: string;\n  @Prop() popoverPlacement: any = 'bottom-start';\n  @Prop() handleOnClose?: (event: Event) => void;\n  @Prop() appendToBody: boolean = true;\n  @Prop() container?: HTMLElement;\n  @Prop() overflow?: string = 'auto';\n\n  private popperInstance: Instance;\n\n  disconnectedCallback() {\n    this.removeListeners();\n    this.destroyPopper();\n  }\n\n  @Watch('isOpen')\n  handleOpenChange(newValue: boolean) {\n    newValue ? this.present() : this.dismiss();\n  }\n\n  private present() {\n    const containerEl = this.getContainer();\n\n    if (containerEl) {\n      containerEl.appendChild(this.hostEl);\n    }\n\n    this.addListeners();\n\n    requestAnimationFrame(() => {\n      this.setupPopper();\n      this.hostEl.classList.add('is-visible');\n    });\n  }\n\n  private dismiss() {\n    this.removeListeners();\n    this.hostEl.classList.remove('is-visible');\n    this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n  }\n\n  private handleTransitionEnd = () => {\n    // FIX: Only remove from body if it's truly closed and still there.\n    if (!this.isOpen) {\n      if (this.appendToBody && this.hostEl.parentElement === document.body) {\n        document.body.removeChild(this.hostEl);\n      } else if (this.container && this.hostEl.parentElement === this.container) {\n        this.container.removeChild(this.hostEl);\n      }\n    }\n    this.destroyPopper();\n  };\n\n  private addListeners() {\n    document.addEventListener('keydown', this.handleKeyDown);\n    setTimeout(() => {\n      if (this.isOpen) {\n        document.addEventListener('click', this.handleClickOutside);\n      }\n    }, 0);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.handleOnClose?.(event);\n    }\n  };\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const path = event.composedPath();\n    const anchorEl = this.getAnchorElement();\n    if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {\n      return;\n    }\n    this.handleOnClose?.(event);\n  };\n\n  private getAnchorElement(): HTMLElement | null {\n    return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;\n  }\n\n  private getContainer(): HTMLElement {\n    if (this.container) return this.container;\n\n    if (this.appendToBody) {\n      return document.body;\n    }\n\n    return null;\n  }\n\n  private setupPopper() {\n    const anchorEl = this.getAnchorElement();\n    if (!anchorEl) {\n      console.error('UdpPopover: Anchor element could not be found.');\n      return;\n    }\n    // Ensure we don't create multiple instances\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(anchorEl, this.hostEl as HTMLElement, {\n      strategy: 'fixed',\n      placement: this.popoverPlacement,\n      modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],\n    });\n  }\n\n  private destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isOpen) {\n      this.present();\n    }\n  }\n\n\n  render() {\n    const style = {\n      width: this.popoverWidth,\n      maxHeight: this.popoverMaxHeight,\n      overflow: this.overflow\n    };\n\n    return (\n      <Host>\n        <div class=\"popover\" style={style}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-pop-over-grid-action-header.js","sourceRoot":"","sources":["../../../../src/components/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOnE,MAAM,OAAO,UAAU;IALvB;QAMU,WAAM,GAAY,KAAK,CAAC;QAqBhC,gBAAW,GAAG,CAAC,KAAa,EAAE,EAAE;YAC9B,IAAI,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC/D,OAAO,CAAC,6BAA6B;YACvC,CAAC;YACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1D,CAAC,CAAC;KAuBH;IA7CC,iBAAiB;QACf,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACvD,CAAC;QACD,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAGD,YAAY,CAAC,QAAiB;QAC5B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;IAUD,MAAM;QACJ,MAAM,KAAK,GAAG;YACZ,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YACvC,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;SACb,CAAC;QAEF,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YACxD,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;YAClC,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;QACnC,CAAC;QAED,OAAO,CACL,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK;YAC/B,yEAAkB,OAAO,EAAC,cAAc;gBACtC,8DAAa,CACI,CACf,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pop-over-grid-action-header',\n  styleUrl: 'udp-pop-over-grid-action-header.css',\n  shadow: true,\n})\nexport class UdpPopOver {\n  @Prop() isOpen: boolean = false;\n  @Prop() anchorElement: HTMLElement;\n\n  @Element() el: HTMLElement;\n\n  componentWillLoad() {\n    if (this.isOpen) {\n      document.addEventListener('click', this.handleClose);\n    }\n    document.removeEventListener('click', this.handleClose);\n  }\n\n  @Watch('isOpen')\n  watchHandler(newValue: boolean) {\n    if (newValue) {\n      document.addEventListener('click', this.handleClose);\n    } else {\n      document.removeEventListener('click', this.handleClose);\n    }\n  }\n\n  handleClose = (event?: Event) => {\n    if (event && this.el.shadowRoot.contains(event.target as Node)) {\n      return; // Clicked inside, do nothing\n    }\n    this.isOpen = false;\n    document.removeEventListener('click', this.handleClose);\n  };\n\n  render() {\n    const style = {\n      display: this.isOpen ? 'block' : 'none',\n      position: 'absolute',\n      right: '6px',\n    };\n\n    if (this.anchorElement) {\n      const rect = this.anchorElement.getBoundingClientRect();\n      style['top'] = `${rect.bottom}px`;\n      style['left'] = `${rect.left}px`;\n    }\n\n    return (\n      <div class=\"popover\" style={style}>\n        <unity-typography variant=\"caption-text\">\n          <slot></slot>\n        </unity-typography>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/primary-action-header/primary-action-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"primary-action-header.js","sourceRoot":"","sources":["../../../../src/components/data-display/primary-action-header/primary-action-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport iconMapping from '../icons/iconMapping';\n\n@Component({\n  tag: 'primary-action-header',\n  styleUrl: 'primary-action-header.css',\n  shadow: true,\n})\nexport class PrimaryActionHeader {\n  @Prop() title: string;\n  @Prop() hiddenActionButtons: string[] = [];\n  @Prop() hiddenLabels: string[] = [];\n  @Prop() actionButtons: any[] = [];\n  @Prop() defaultActionButtons: any[] = [];\n  @Prop() customSaveViewClick?: (event?: MouseEvent) => void;\n  @Prop() customSizeToFitClick?: (event?: MouseEvent) => void;\n  @Prop() customExportClick?: (event?: MouseEvent) => void;\n  @Prop() primaryActionClick?: (event?: MouseEvent) => void;\n  @Prop() customColumnViewClick?: (event?: MouseEvent) => void;\n  @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n  @Prop() customFilterViewClick?: (event?: MouseEvent) => void;\n  @Prop() customClearClick?: (event?: MouseEvent) => void;\n  @Prop() customExpandClick?: (event?: MouseEvent) => void;\n  @Prop() customShowViewClick?: (event?: MouseEvent) => void;\n  @Prop() activeTabIndex: number;\n  @Prop() selectTab: (index: number) => void;\n  @Prop() tabs: boolean = true;\n  @Prop() actionButtonLabel: string = '';\n  //   @State() activeTabIndex: number = 0;\n\n  getIconComponent(icon: string | Function, customIcon: Function) {\n    if (customIcon) {\n      return customIcon;\n    }\n\n    if (typeof icon === 'string') {\n      return iconMapping[icon];\n    }\n\n    return icon;\n  }\n\n  renderIcon(ActualIcon: any) {\n    if (ActualIcon && ActualIcon.elem === 'svg') {\n      return (\n        <svg {...ActualIcon.attrs}>\n          {ActualIcon.content.map((content: any, index: number) => {\n            return <path key={index} {...content.attrs} />;\n          })}\n        </svg>\n      );\n    }\n    return null;\n  }\n\n  //   selectTab(index: number) {\n  //     this.activeTabIndex = index;\n  //   }\n\n  render() {\n    console.log('active tab', this.activeTabIndex);\n\n    return (\n      <div class=\"header-bar\">\n        <div class=\"title-section\">\n          <unity-typography variant=\"h4\">{this.title}</unity-typography>\n        </div>\n\n        {/* IMPORTANT: NEED TO ADD A TABS COMPONENT SUPPORT - This is from work Greg did for mindscope demo */}\n        {this.tabs && (\n          <div class=\"tabs\">\n            <udp-tabs>\n              <button class={this.activeTabIndex === 0 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(0)}>\n                Demo Grid\n              </button>\n              <button class={this.activeTabIndex === 1 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(1)}>\n                Other Content\n              </button>\n            </udp-tabs>\n          </div>\n        )}\n\n        <div class=\"button-section\">\n          {this.defaultActionButtons.map(btn => {\n            // Determine the actual icon to use\n            const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);\n\n            const clickHandler = (event?: MouseEvent) => {\n              if (btn.clickHandler) {\n                btn.clickHandler(event);\n              } else {\n                console.log(`${btn.label} Clicked but no custom handler defined`);\n              }\n            };\n\n            if (!this.hiddenActionButtons.includes(btn.label) && btn.visible) {\n              return (\n                <stencil-icon-button secondary={btn.secondary} onClick={clickHandler} tooltip={btn.tooltip}>\n                  {/* Render icon directly */}\n                  {this.renderIcon(ActualIcon)}\n\n                  {/* Show label if it's not hidden and should be shown */}\n                  {!this.hiddenLabels.includes(btn.label) && btn.showLabel && <span>{btn.label}</span>}\n                </stencil-icon-button>\n              );\n            }\n            return null;\n          })}\n          {!this.actionButtonLabel && <div class=\"right-margin\" />}\n\n          {this.actionButtonLabel && (\n            <udp-button variant=\"contained\" color=\"secondary\" onClick={event => this.primaryActionClick(event)}>\n              {this.actionButtonLabel}\n            </udp-button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/simple-card/simple-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"simple-card.js","sourceRoot":"","sources":["../../../../src/components/data-display/simple-card/simple-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQ3C,MAAM,OAAO,UAAU;IACrB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,MAAM;YACf,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n\n@Component({\n    tag: 'simple-card',\n    styleUrl: 'simple-card.css',\n    shadow: true\n  })\n  export class SimpleCard {\n    render() {\n      return (\n        <div class=\"card\">\n          <slot></slot>\n        </div>\n      );\n    }\n  }\n  "]}

package/dist/collection/components/data-display/tool-tip/udp-ambient-tool-tip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-ambient-tool-tip.js","sourceRoot":"","sources":["../../../../src/components/data-display/tool-tip/udp-ambient-tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,YAAY,EAA8B,MAAM,gBAAgB,CAAC;AAE1E,kFAAkF;AAClF,kFAAkF;AAClF,MAAM,gBAAgB,GAAG,6BAA6B,CAAC;AAEvD,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;CAgB9B,CAAC;AAOF,MAAM,OAAO,iBAAiB;IAL9B;QAQW,cAAS,GAAY,KAAK,CAAC;QAiBpC,gBAAW,GAAG,GAAG,EAAE;YACjB,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBAClE,OAAO;YACT,CAAC;YAED,+EAA+E;YAC/E,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAEtB,qBAAqB,CAAC,GAAG,EAAE;gBACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB;oBAAE,OAAO;gBACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBACjD,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,gBAAW,GAAG,GAAG,EAAE;YACjB,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;gBACnF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC,CAAC;QAEM,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YACtD,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE;gBACxE,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE;oBACT,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC/C,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE;oBACpD,EAAE,IAAI,EAAE,MAAM,EAAE;iBACjB;aACF,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC;KA6BH;IAlFC,2EAA2E;IAC3E,6EAA6E;IACrE,mBAAmB;QACzB,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC/C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChD,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC;YAC9B,OAAO,CAAC,SAAS,GAAG,sBAAsB,CAAC;YAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IA8CD,oBAAoB;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,qEAAqE;QACrE,MAAM,oBAAoB,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QAE9F,OAAO,CACL,4DACE,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAChC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,UAAU,EAAE,IAAI,CAAC,WAAW;YAI5B,8DAAa;YACZ,oBAAoB,IAAI;YACvB,oEAAoE;YACpE,4DAAK,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;gBACpF,yEAAkB,OAAO,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAoB,CACtE,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\nimport { createPopper, Instance as PopperInstance } from '@popperjs/core';\n\n// STEP 1: Define a unique ID for our style tag and the CSS rules it will contain.\n// We give the class a unique name to ensure it never conflicts with other styles.\nconst TOOLTIP_STYLE_ID = 'udp-ambient-tool-tip-styles';\n\nconst tooltipComponentStyles = `\n  .udp-tooltip-portal {\n    position: fixed; /* This is set by Popper, but we define it for clarity */\n    z-index: 10000;\n    background-color: var(--tooltip-background, #f8f9fa);\n    color: var(--tooltip-text-color, #212529);\n    border: 1px solid var(--tooltip-border-color, #dee2e6);\n    padding: 3px 6px;\n    border-radius: var(--border-radius, 6px);\n    font-size: 0.875rem;\n    max-width: 250px;\n    width: max-content;\n    text-align: center;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    white-space: normal;\n  }\n`;\n\n@Component({\n  tag: 'udp-ambient-tool-tip',\n  styleUrl: 'udp-ambient-tool-tip.css',\n  shadow: true, // Keep shadow DOM for the wrapper\n})\nexport class UdpAmbientToolTip {\n  @Prop() content: string;\n  @Prop() noTooltip: boolean;\n  @State() isVisible: boolean = false;\n\n  private wrapperEl: HTMLElement;\n  private tooltipContentEl: HTMLElement;\n  private popperInstance: PopperInstance;\n\n  // STEP 2: Create a function to inject the styles into the document <head>.\n  // This only runs once, the very first time any tooltip is shown on the page.\n  private ensureTooltipStyles() {\n    if (!document.getElementById(TOOLTIP_STYLE_ID)) {\n      const styleEl = document.createElement('style');\n      styleEl.id = TOOLTIP_STYLE_ID;\n      styleEl.innerHTML = tooltipComponentStyles;\n      document.head.appendChild(styleEl);\n    }\n  }\n\n  showTooltip = () => {\n    if (this.noTooltip || !this.content || this.content.trim() === '') {\n      return;\n    }\n\n    // STEP 3: Call our style injection function before making the tooltip visible.\n    this.ensureTooltipStyles();\n    this.isVisible = true;\n\n    requestAnimationFrame(() => {\n      if (!this.tooltipContentEl) return;\n      document.body.appendChild(this.tooltipContentEl);\n      this.setupPopper();\n    });\n  };\n\n  hideTooltip = () => {\n    this.destroyPopper();\n    if (this.tooltipContentEl && this.tooltipContentEl.parentElement === document.body) {\n      document.body.removeChild(this.tooltipContentEl);\n    }\n    this.isVisible = false;\n  };\n\n  private setupPopper = () => {\n    if (!this.wrapperEl || !this.tooltipContentEl) return;\n    this.popperInstance = createPopper(this.wrapperEl, this.tooltipContentEl, {\n      strategy: 'fixed',\n      placement: 'top',\n      modifiers: [\n        { name: 'offset', options: { offset: [0, 8] } },\n        { name: 'preventOverflow', options: { padding: 8 } },\n        { name: 'flip' },\n      ],\n    });\n  };\n\n  private destroyPopper = () => {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  };\n\n  disconnectedCallback() {\n    this.hideTooltip();\n  }\n\n  render() {\n    // Check if content is provided before rendering the tooltip content.\n    const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';\n\n    return (\n      <div\n        class=\"tooltip-wrapper\"\n        ref={el => (this.wrapperEl = el)}\n        onMouseOver={this.showTooltip}\n        onMouseOut={this.hideTooltip}\n        //onFocusIn={this.showTooltip}\n        //onFocusOut={this.hideTooltip}\n      >\n        <slot></slot>\n        {shouldDisplayTooltip && (\n          // STEP 4: Use the global class name we defined in our style string.\n          <div class=\"udp-tooltip-portal\" role=\"tooltip\" ref={el => (this.tooltipContentEl = el)}>\n            <unity-typography variant=\"caption-text\">{this.content}</unity-typography>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/tree/tree-list-item/search-item/search-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-list-item.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/tree/tree-list-item/search-item/search-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, Event, EventEmitter, h, Element } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'search-list-item',\n  styleUrl: 'search-list-item.css',\n  shadow: true,\n})\nexport class SearchListItem {\n  @Element() el: HTMLElement;\n\n  @Prop() id: string;\n  @Prop() isDefault: boolean = false;\n  @Prop() filterGroupId: string;\n  @Prop() label: string;\n  @Prop() fieldName: string; // Prop to receive the field name\n  @Prop() name: string;\n  @Prop() handleDelete: (event: MouseEvent) => void;\n  @Prop() operator: string; // Prop to receive the current operator\n  @Prop() isInitialSearchItem: boolean | undefined | null;\n\n  @State() searchOperator: string = '='; // Default value\n\n  @Event({ bubbles: true, composed: true }) searchItemChanged: EventEmitter;\n\n  @Watch('operator')\n  operatorChanged(newValue: string) {\n    if (newValue !== this.searchOperator && newValue !== null) {\n      this.searchOperator = newValue;\n      console.log('Operator changed:', newValue);\n    }\n  }\n\n  componentWillUpdate() {\n    if (this.operator && this.operator.length > 0) {\n      this.searchOperator = this.operator; // Manually sync inside lifecycle if @Watch doesn't catch\n    }\n  }\n\n  conponentDidLoad() {\n    console.log('Component did load:', this.operator);\n  }\n\n  handleOperatorSelected(event: CustomEvent) {\n    console.log('event.detail', event.detail.value);\n    // const newOperator = newOperator;\n    this.searchOperator = event.detail.value;\n    this.emitChange(); // Emit the change to ensure it is captured\n  }\n\n  emitChange(newValue = this.name) {\n    // Ensure the operator is passed as a string, not an object\n    this.searchItemChanged.emit({\n      id: this.id,\n      searchField: this.label,\n      filterGroupId: this.filterGroupId,\n      searchOperator: this.searchOperator || '=', // Ensure default to '=' if undefined\n      searchValue: newValue,\n    });\n  }\n\n  handleInputBlur = (event: Event) => {\n    const inputElement = event.target as HTMLInputElement;\n    const inputVal = inputElement.value;\n\n    if (inputVal !== this.name) {\n      this.searchItemChanged.emit({\n        id: this.id,\n        searchField: this.label,\n        filterGroupId: this.filterGroupId,\n        searchOperator: this.searchOperator,\n        searchValue: inputVal,\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  render() {\n    return (\n      <div class=\"list-item\">\n        <div class=\"list-body\">\n          <div class=\"name\">\n            <unity-typography variant=\"button\">{this.label}</unity-typography>\n          </div>\n          <div style={{ width: '200px' }}>\n            <udp-selector\n              key={this.searchOperator}\n              initialValue={this.searchOperator}\n              options={this.selectorOptions}\n              disabled={this.isInitialSearchItem || this.isDefault}\n              onChange={(event: CustomEvent) => this.handleOperatorSelected(event)}\n            ></udp-selector>\n          </div>\n          <div class=\"input\">\n            <text-field\n              value={this.name}\n              disabled={this.isInitialSearchItem}\n              onBlur={this.handleInputBlur}\n            ></text-field>\n          </div>\n        </div>\n\n        {(!this.isInitialSearchItem || !this.isDefault) && <stencil-icon-button icon={Close24} onClick={this.handleDelete}></stencil-icon-button>}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/tree/tree-list-item/tree-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-list-item.js","sourceRoot":"","sources":["../../../../../src/components/data-display/tree/tree-list-item/tree-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, State, Watch, forceUpdate } from '@stencil/core';\n\n@Component({\n  tag: 'tree-list-item',\n  styleUrl: 'tree-list-item.css',\n  shadow: true,\n})\nexport class TreeListItem {\n  @Prop() label: string;\n  @Prop() fieldName: string;\n  @Prop() reference: string | null;\n  @Prop() nestedItems?: any[];\n  @State() showNested: boolean = false;\n  @Prop() level: number = 0;\n  @Event() itemClick: EventEmitter<{ searchLabel: string; searchField: string; searchOperator: string; searchValue: string; parentName?: string; parentPath?: string }>;\n  @Prop() parentFilter: any;\n  @Prop() parentPath: string;\n  @Prop() parentName: string = 'defaultParentName';\n  @State() showChildren: boolean = false;\n  @State() updateTrigger: boolean = false;\n  @Prop() customAttribute: string; // New property added\n  @Prop() test: string; // New property added\n  @Prop() parent: string; // New property added\n  @Prop() dataOne: string; // New property added\n  @Prop() dataTwo: string; // New property added\n  @Prop() statusKey: string;\n  @Prop() statusClasses: { [key: string]: string };\n  @Prop() statusLabel: string;\n  @Prop() statusValue: boolean;\n  @Prop() showViewOption: boolean = false;\n  @Prop() showDeleteOption: boolean = false;\n  @Prop() showEditOption: boolean = false;\n  @Prop() showUpdateDefaultOption: boolean = false;\n  @Prop() showAdd: boolean = true;\n  @Prop() viewHandler: (event: MouseEvent) => void;\n  @Prop() deleteHandler: (event: MouseEvent) => void;\n  @Prop() editHandler: (event: MouseEvent) => void;\n  @Prop() updateDefaultHandler: (event: MouseEvent) => void;\n  @Prop() isDefault: boolean = false;\n  @Prop() add: boolean = false;\n  @Prop() gridViewVisibilityTypeId: number;\n\n  @Watch('nestedItems')\n  nestedItemsChanged(newValue: any[], oldValue: any[]) {\n    if (newValue !== oldValue) {\n      console.log('Nested items have changed');\n      // Perform necessary actions or state updates based on the new value\n      forceUpdate(this);\n    }\n  }\n\n  @Event({\n    eventName: 'reference-clicked',\n    bubbles: true,\n    composed: true,\n    cancelable: true,\n  })\n  referenceClicked: EventEmitter<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>;\n\n  private handleButtonClick = (event: MouseEvent) => {\n    this.showChildren = !this.showChildren;\n    event.stopPropagation();\n    if (this.reference) {\n      this.showNested = !this.showNested;\n      this.updateTrigger = !this.updateTrigger;\n      this.referenceClicked.emit({\n        reference: this.reference,\n        name: this.fieldName,\n        parentReference: this.parentName,\n        parentFilter: this.parentFilter,\n        parent: this.parent,\n        parentPath: this.parentPath,\n      });\n      forceUpdate(this);\n    }\n  };\n\n  private onSelfClick = () => {\n    if (!this.reference) {\n      this.itemClick.emit({\n        searchLabel: this.label ?? this.fieldName,\n        searchField: this.fieldName,\n        searchOperator: '',\n        searchValue: '',\n        parentName: this.parentName,\n        parentPath: this.parentPath,\n      });\n    } else {\n      // Handle the case for items with children\n    }\n  };\n\n  // private someOtherHandler = (event: MouseEvent) => {\n  //   event.stopPropagation();\n  //   console.log('someOtherHandler called');\n  // }\n\n  private handleViewClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.viewHandler) {\n      this.viewHandler(event);\n    }\n  };\n\n  private handleDeleteClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.deleteHandler) {\n      this.deleteHandler(event);\n    }\n  };\n\n  private handleEditClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.editHandler) {\n      this.editHandler(event);\n    }\n  };\n\n  private handleUpdateDefaultClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.updateDefaultHandler) {\n      this.updateDefaultHandler(event);\n    }\n  };\n\n  render() {\n    const indentationStyle = { marginLeft: `${this.level * 20}px` };\n\n    // Recursive function to render nested items\n    const renderNestedItems = (nestedItems, currentLevel) => {\n      return nestedItems.map((item, index) => (\n        <tree-list-item\n          key={`${item.name}-${currentLevel}-${index}`}\n          label={item.name}\n          reference={item.reference}\n          nestedItems={item.referenceNode} // Pass the nested items for further recursion\n          level={currentLevel + 1} // Increment the level for each nested item\n          parentName={this.fieldName}\n          parentFilter={item.extendedProperties?.parentFilter}\n          parent={item.extendedProperties?.parent}\n          parentPath={item.extendedProperties?.parentPath}\n          onReference-clicked={(event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>) => {\n            event.stopPropagation();\n            // Emitting referenceClicked event with detailed payload\n            this.referenceClicked.emit({\n              reference: event.detail.reference,\n              name: event.detail.name,\n              parentReference: this.fieldName,\n              parentFilter: event.detail.parentFilter,\n              parent: event.detail.parent,\n              parentPath: event.detail.parentPath,\n            });\n          }}\n        />\n      ));\n    };\n\n    return (\n      <div class=\"tree-list-item\" style={indentationStyle}>\n        <div class=\"label-icon-container\" onClick={this.onSelfClick}>\n          <div class=\"tree-label-select\">\n            <unity-typography variant=\"data-display-three\">{this.label}</unity-typography>\n          </div>\n          {/* Conditionally rendered buttons alongside the label */}\n          {this.gridViewVisibilityTypeId && (\n            <status-chip statusClasses={{ Private: 'error', Public: 'success' }} statusValue={this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public'}>\n              {this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public'}\n            </status-chip>\n          )}\n          {this.showEditOption && (\n            <udp-function-button edit onClick={this.handleEditClick}>\n              Edit\n            </udp-function-button>\n          )}\n          {this.showDeleteOption && (\n            <udp-function-button delete onClick={this.handleDeleteClick}>\n              Delete\n            </udp-function-button>\n          )}\n          {this.showUpdateDefaultOption && (\n            <udp-function-button isDefault={this.isDefault} onClick={this.handleUpdateDefaultClick}>\n              Make Default\n            </udp-function-button>\n          )}\n          {this.showViewOption && (\n            <udp-function-button view onClick={this.handleViewClick}>\n              Other Action\n            </udp-function-button>\n          )}\n          {this.reference ? (\n            <udp-function-button expand={true} noBackground onClick={this.handleButtonClick}>\n              Details\n            </udp-function-button>\n          ) : (\n            this.showAdd && <udp-function-button add={true}></udp-function-button>\n          )}\n        </div>\n        {this.showNested && this.nestedItems && <div class=\"nested-list\">{renderNestedItems(this.nestedItems, this.level)}</div>}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/data-display/udp-avatar/udp-avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-avatar.js","sourceRoot":"","sources":["../../../../src/components/data-display/udp-avatar/udp-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;IALtB;QAQU,YAAO,GAAsC,UAAU,CAAC;QAGxD,WAAM,GAAG;YACf,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV,CAAC;KAgCH;IA9BC,UAAU;QACR,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IAC9D,CAAC;IAEO,mBAAmB;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;QAC7F,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExD,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAEzC,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACtC,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACtB,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzD,CAAC;QAED,OAAO,CACL,4DAAK,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,IACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAa,CAAC,CAAC,CAAC,wBAAkB,OAAO,EAAC,kBAAkB;;YAAG,IAAI,CAAC,UAAU,EAAE,CAAoB,CACnK,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-avatar',\n  styleUrl: 'udp-avatar.css',\n  shadow: true,\n})\nexport class UdpAvatar {\n  @Prop() username: string;\n  @Prop() iconName: string;\n  @Prop() variant: 'circular' | 'rounded' | 'square' = 'circular';\n  @Prop() color: string;\n\n  private colors = [\n    '#F44336',\n    '#E91E63',\n    '#9C27B0',\n    '#673AB7',\n    '#3F51B5',\n    '#2196F3',\n    '#03A9F4',\n    '#00BCD4',\n    '#009688',\n    '#4CAF50',\n    '#8BC34A',\n    '#CDDC39',\n    '#FFC107',\n    '#FF9800',\n    '#FF5722',\n    '#795548',\n  ];\n\n  getInitial() {\n    return this.username ? this.username[0].toUpperCase() : '?';\n  }\n\n  private getColorForUsername() {\n    const charCode = this.username ? this.username.charCodeAt(0) : 0;\n    return this.colors[charCode % this.colors.length];\n  }\n\n  render() {\n    const systemColors = ['primary', 'secondary', 'info', 'error', 'success', 'warning', 'note'];\n    const isSystemColor = systemColors.includes(this.color);\n\n    const style = {};\n    const classes = ['avatar', this.variant];\n\n    if (isSystemColor) {\n      classes.push(`color-${this.color}`);\n    } else if (this.color) {\n      style['background-color'] = this.color;\n    } else {\n      style['background-color'] = this.getColorForUsername();\n    }\n\n    return (\n      <div class={classes.join(' ')} style={style}>\n        {this.iconName ? <udp-icon iconName={this.iconName} darkIcon={false}></udp-icon> : <unity-typography variant=\"data-display-two\"> {this.getInitial()}</unity-typography>}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/fluent-dialog/fluent-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fluent-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/fluent-dialog/fluent-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnD;;;GAGG;AAOH,MAAM,OAAO,YAAY;IALzB;QAoBU,oBAAe,GAAY,KAAK,CAAC;QACjC,oBAAe,GAAY,KAAK,CAAC;QACjC,sBAAiB,GAAY,IAAI,CAAC;KA+C3C;IAzCC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,CAAC,IAAI,EAAE;YACxD,4DAAK,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE;gBAChE,4DAAK,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,IAAI,CAAC,OAAO;oBACxC,yEAAkB,OAAO,EAAC,IAAI,IAAE,IAAI,CAAC,KAAK,CAAoB,CAC1D;gBACN,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,yEAAkB,OAAO,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAoB;oBAChE,yEAAkB,OAAO,EAAC,MAAM;wBAC9B,8DAAQ,CACS,CACf;gBACN,4DAAK,KAAK,EAAC,gBAAgB;oBACxB,CAAC,IAAI,CAAC,eAAe,IAAI,CACxB,sEAAe,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IACtE,IAAI,CAAC,QAAQ,CACA,CACjB;oBACA,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAC1B;wBACE,wBAAwB;wBACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACjC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,YAAY,IAE1B,IAAI,CAAC,UAAU,CACF,CACjB;oBACA,CAAC,IAAI,CAAC,eAAe,IAAI,CACxB,sEAAe,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,IACxH,IAAI,CAAC,QAAQ,CACA,CACjB,CACG;gBACL,IAAI,CAAC,QAAQ,IAAI,4DAAK,KAAK,EAAC,iBAAiB,GAAO,CACjD,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-dialog` instead\n */\n\n@Component({\n  tag: 'fluent-dialog',\n  styleUrl: 'fluent-dialog.css',\n  shadow: true,\n})\nexport class FluentDialog {\n  @Prop() title: string;\n  @Prop() message: string;\n  @Prop() actionOne: Function;\n  @Prop() actionTwo: Function;\n  @Prop() actionThree: Function;\n  @Prop() labelOne: string;\n  @Prop() labelTwo: string;\n  @Prop() labelThree: string;\n  @Prop() open: boolean;\n  @Prop() handleClose: Function;\n  @Prop() ariaLabelledby: string;\n  @Prop() ariaDescribedby: string;\n  @Prop() titleId: string;\n  @Prop() descriptionId: string;\n  @Prop() buttonOneHidden: boolean = false;\n  @Prop() buttonTwoHidden: boolean = false;\n  @Prop() buttonThreeHidden: boolean = true;\n  @Prop() disableOne: boolean;\n  @Prop() disableTwo: boolean;\n  @Prop() disableThree: boolean;\n  @Prop() progress: number;\n\n  render() {\n    return (\n      <div class={{ 'overlay': true, 'overlay-open': this.open }}>\n        <div class={{ 'dialog-container': true, 'dialog-open': this.open }}>\n          <div class=\"dialog-title\" id={this.titleId}>\n            <unity-typography variant=\"h3\">{this.title}</unity-typography>\n          </div>\n          <div class=\"dialog-content\">\n            <unity-typography variant=\"h6\">{this.message}</unity-typography>\n            <unity-typography variant=\"body\">\n              <slot />\n            </unity-typography>\n          </div>\n          <div class=\"dialog-actions\">\n            {!this.buttonTwoHidden && (\n              <custom-button size=\"tall\" variant=\"text\" onClick={() => this.actionTwo()}>\n                {this.labelTwo}\n              </custom-button>\n            )}\n            {!this.buttonThreeHidden && (\n              <custom-button\n                //class=\"primary-action\"\n                onClick={() => this.actionThree()}\n                size=\"tall\"\n                variant=\"text\"\n                disabled={this.disableThree}\n              >\n                {this.labelThree}\n              </custom-button>\n            )}\n            {!this.buttonOneHidden && (\n              <custom-button class=\"primary-action\" variant=\"text\" onClick={() => this.actionOne()} size=\"tall\" disabled={this.disableOne}>\n                {this.labelOne}\n              </custom-button>\n            )}\n          </div>\n          {this.progress && <div class=\"linear-progress\"></div>}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/dialogs/udp-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-dialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/udp-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'udp-dialog',\n  styleUrl: 'udp-dialog.css',\n  shadow: true,\n})\nexport class UdpDialog {\n  @Element() hostEl!: HTMLElement;\n\n  // --- Original Prop Names & Controlled Pattern ---\n  @Prop({ reflect: true }) open: boolean = false; // No longer mutable\n  @Prop() handleClose: Function; // Using the function prop again\n  @Prop() title: string;\n  @Prop() message: string;\n  @Prop() actionOne: () => void;\n  @Prop() actionTwo: () => void;\n  @Prop() actionThree: () => void;\n  @Prop() labelOne: string;\n  @Prop() labelTwo: string;\n  @Prop() labelThree: string;\n  @Prop() titleId: string = 'dialog-title';\n  @Prop() descriptionId: string = 'dialog-description';\n  @Prop() buttonOneHidden: boolean = false;\n  @Prop() buttonTwoHidden: boolean = false;\n  @Prop() buttonThreeHidden: boolean = true;\n  @Prop() disableOne: boolean;\n  @Prop() disableTwo: boolean;\n  @Prop() disableThree: boolean;\n  @Prop() progress: number;\n\n  private originalBodyOverflow: string = '';\n\n  @Watch('open')\n  handleOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      this.originalBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      document.body.appendChild(this.hostEl);\n      document.addEventListener('keydown', this.handleKeyDown);\n\n      requestAnimationFrame(() => {\n        this.hostEl.classList.add('is-visible');\n      });\n    } else {\n      this.hostEl.classList.remove('is-visible');\n      document.body.style.overflow = this.originalBodyOverflow;\n      document.removeEventListener('keydown', this.handleKeyDown);\n      this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n    }\n  }\n\n  private handleTransitionEnd = () => {\n    if (!this.open && this.hostEl.parentElement === document.body) {\n      document.body.removeChild(this.hostEl);\n    }\n  };\n\n  disconnectedCallback() {\n    if (document.body.style.overflow === 'hidden') {\n      document.body.style.overflow = this.originalBodyOverflow;\n    }\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.handleClose) {\n      this.handleClose();\n    }\n  };\n\n  private handleOverlayClick = () => {\n    if (this.handleClose) {\n      this.handleClose();\n    }\n  };\n\n  render() {\n    return (\n      <Host onClick={this.handleOverlayClick}>\n        <div\n          class=\"dialog-container\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={this.titleId}\n          aria-describedby={this.descriptionId}\n          onClick={(event) => event.stopPropagation()}\n        >\n          <div class=\"dialog-title\" id={this.titleId}>\n            <unity-typography variant=\"h3\">{this.title}</unity-typography>\n          </div>\n\n          <div class=\"dialog-content\" id={this.descriptionId}>\n            {this.message && <unity-typography variant=\"body\">{this.message}</unity-typography>}\n            <slot />\n          </div>\n\n          <div class=\"dialog-actions\">\n            {!this.buttonTwoHidden && (\n              <udp-button variant='text' disabled={this.disableTwo} onClick={() => this.actionTwo()}>{this.labelTwo}</udp-button>\n            )}\n            {!this.buttonThreeHidden && (\n              <udp-button variant='text' disabled={this.disableThree} onClick={() => this.actionThree()}>{this.labelThree}</udp-button>\n            )}\n            {!this.buttonOneHidden && (\n              <udp-button variant='contained' disabled={this.disableOne} onClick={() => this.actionOne()} loading={!!this.progress}>{this.labelOne}</udp-button>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/drawers/udp-side-sheet/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/drawers/udp-side-sheet/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface SecondaryButton {\n  id: number | string;\n  label: string;\n  icon?: string;\n  disabled?: boolean;\n  onClick: () => void\n}\n"]}

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

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

package/dist/collection/components/feedback/udp-notification/alerts/upd-alert-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upd-alert-banner.js","sourceRoot":"","sources":["../../../../../src/components/feedback/udp-notification/alerts/upd-alert-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,mDAAmD;AAOnD,MAAM,OAAO,cAAc;IAL3B;QAME,yBAAyB;QACjB,SAAI,GAA6C,MAAM,CAAC;QACxD,YAAO,GAAW,EAAE,CAAC;KAW9B;IARC,MAAM;QACJ,OAAO,CACH,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,EAAE;YACvC,yEAAkB,OAAO,EAAC,oBAAoB;;gBAAK,IAAI,CAAC,OAAO;oBAAqB,CAEhF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n// import Reset16 from '@carbon/icons/es/reset/16';\n\n@Component({\n  tag: 'upd-alert-banner',\n  styleUrl: 'upd-alert-banner.css',\n  shadow: true,\n})\nexport class UpdAlertBanner {\n  // Define properties here\n  @Prop() type: 'info' | 'warning' | 'error' | 'success' = 'info';\n  @Prop() message: string = '';\n  @Prop() onClick: () => void;\n\n  render() {\n    return (\n        <div class={`alert-banner ${this.type}`}>\n        <unity-typography variant=\"data-display-three\">   {this.message} </unity-typography>\n        {/* <stencil-icon-button icon={Reset16} showLabel={false}  onClick={this.onClick} tooltip='Refresh Search'  ></stencil-icon-button> */}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/feedback/udp-notification/udp-notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-notification.js","sourceRoot":"","sources":["../../../../src/components/feedback/udp-notification/udp-notification.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,eAAe;IAL5B;QAQU,eAAU,GAAY,KAAK,CAAC;QACI,WAAM,GAAY,KAAK,CAAC;KA6BjE;IA1BC,aAAa,CAAC,QAAiB;QAC7B,IAAI,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACjC,oEAAoE;YACpE,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC;QAE5C,OAAO,CACL,4DAAK,KAAK,EAAE;gBACR,kBAAkB,EAAE,IAAI;gBACxB,SAAS,EAAE,IAAI,CAAC,MAAM;gBACtB,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,wDAAwD;aAC7E;YACA,IAAI,CAAC,UAAU,IAAI,CAClB,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,aAEtD,CACV;YACD,6DAAM,KAAK,EAAC,SAAS;;gBAAE,yEAAkB,OAAO,EAAC,MAAM;;oBAAI,IAAI,CAAC,OAAO;wBAAqB,CAAO,CAC/F,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["// src/components/udp-notification/udp-notification.tsx\n\nimport { Component, Prop, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'udp-notification',\n  styleUrl: 'udp-notification.css',\n  shadow: true\n})\nexport class UdpNotification {\n  @Prop() message: string;\n  @Prop() status: 'success' | 'error' | 'warning';\n  @Prop() userCancel: boolean = false;\n  @Prop({ mutable: true, reflect: true }) active: boolean = false;\n\n  @Watch('active')\n  activeChanged(newValue: boolean) {\n    if (newValue && !this.userCancel) {\n      // Hide the notification after 3 seconds only if userCancel is false\n      setTimeout(() => this.active = false, 3000);\n    }\n  }\n  \n  render() {\n    const statusClass = `status-${this.status}`;\n  \n    return (\n      <div class={{\n          'udp-notification': true,\n          'visible': this.active,\n          [statusClass]: true // This will apply the correct class based on the status\n        }}>\n        {this.userCancel && (\n          <button class=\"close-button\" onClick={() => this.active = false}>\n            &times;\n          </button>\n        )}\n        <span class=\"message\"> <unity-typography variant='body' > {this.message} </unity-typography></span>\n      </div>\n    );\n  }\n  \n}\n"]}