udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/components/{p-BIc3R4fE.js.map → p-DFKz-3Nr.js.map}

@@ -1 +1 @@
-{"file":"p-BIc3R4fE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","ChevronLeft24","Checkmark16","Add24"],"sources":["src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.css?tag=resource-timeline-primary-bar&encapsulation=shadow","src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.tsx"],"sourcesContent":["/* grid-primary-bar.css */\n.header-bar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    background: var(--accent-color);\n  }\n  \n  .title-section {\n    flex: 1;\n    margin-left: 16px;\n    display: flex;\n    flex-direction: column;\n   \n  }\n\n  .title {\n    font-weight: 900;\n  }\n\n  .subtitle {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .lock-icon {\n    margin-top: -6px;\n    margin-left: -4px;\n  }\n\n  .status-icon {\n    height: 16px;\n    margin-left: var(--spacing-03);\n  }\n  \n  .button-section {\n    display: flex;\n    gap: var(--spacing-03);\n    align-items: center;\n    padding-right: var(--spacing-05);\n    padding-top: var(--spacing-03);\n    padding-bottom: var(--spacing-03);\n  }\n","import { Component, Prop, h } from '@stencil/core';\nimport ChevronLeft24 from '@carbon/icons/es/chevron--left/16';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Add24 from '@carbon/icons/es/add/16';\nimport Fit16 from '@carbon/icons/es/fit-to-width/16';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16';\nimport FitToHeight16 from '@carbon/icons/es/fit-to-height/16';\nimport Locked16 from '@carbon/icons/es/locked/16';\n\n\n@Component({\n  tag: 'resource-timeline-primary-bar',\n  styleUrl: 'resource-timeline-primary-bar.css',\n  shadow: true,\n})\nexport class ResourceTimelinePrimaryBar {\n  @Prop() gridBarTitle: string;\n  @Prop() subTitle: string;\n  @Prop() primaryActionClick: (event?: MouseEvent) => void;\n  @Prop() primaryActionTitle: string;\n  @Prop() secondaryActionClick: (event?: MouseEvent) => void;\n  @Prop() secondaryActionTitle: string;\n  @Prop() clickForward: () => void;\n  @Prop() clickBackward: () => void;\n  @Prop() clickToday: () => void;\n  @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n  @Prop() subtitleStatus: string;\n  @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n  @Prop() disablePrimaryAction: boolean;\n  @Prop() disableSecondaryAction: boolean;\n  @Prop() toggleGroupExpandAll: () => void;\n  @Prop() showLockedIcon: boolean;\n\n  render() {\n    return (\n      <div class=\"header-bar\">\n        <div class=\"title-section\">\n          {this.gridBarTitle || this.gridBarTitle === '' ? (\n            <unity-typography class=\"title\" variant=\"button\">\n              {this.gridBarTitle}{' '}\n            </unity-typography>\n          ) : (\n            <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n          )}\n          <div class=\"subtitle\">\n            {this.subTitle || this.subTitle === '' ? (\n              <unity-typography variant=\"caption-text\">{this.subTitle} </unity-typography>\n            ) : (\n              <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n            )}\n            {this.subtitleStatus && <status-chip class=\"status-icon\" statusValue={this.subtitleStatus} statusClasses={this.subtitleStatusMappingClasses}>\n              {this.subtitleStatus}\n            </status-chip>}\n            {this.showLockedIcon && <stencil-icon-button class=\"lock-icon\" noBackground darkIcon={true} icon={Locked16} noTooltip={true} showLabel={false}></stencil-icon-button>}\n            \n          </div>\n        </div>\n        <div class=\"button-section\">\n          <stencil-icon-button darkIcon={true} icon={Fit16} showLabel={false} noTooltip={true} onClick={this.customFitColumnClick}></stencil-icon-button>\n          <stencil-icon-button darkIcon={true} icon={FitToHeight16} showLabel={false} noTooltip={true} onClick={this.toggleGroupExpandAll}></stencil-icon-button>\n          {this.clickBackward && (\n            <stencil-icon-button darkIcon={true} icon={ChevronLeft24} showLabel={false} noTooltip={true} onClick={this.clickBackward}></stencil-icon-button>\n          )}\n          {this.clickToday && (\n            <stencil-icon-button tooltip=\"Current Date\" noTooltip={true} onClick={this.clickToday}>\n              Today\n            </stencil-icon-button>\n          )}\n          {this.clickForward && (\n            <stencil-icon-button darkIcon={true} icon={ChevronRight24} noTooltip={true} showLabel={false} onClick={this.clickForward}></stencil-icon-button>\n          )}\n          {this.secondaryActionClick && (\n            <stencil-icon-button icon={Checkmark16} disabled={this.disableSecondaryAction} noTooltip={true} onClick={this.secondaryActionClick}>\n              {this.secondaryActionTitle}\n            </stencil-icon-button>\n          )}\n          {this.primaryActionClick && (\n            <stencil-icon-button disabled={this.disablePrimaryAction} darkIcon={true} icon={Add24} noTooltip={true} onClick={this.primaryActionClick}>\n              {this.primaryActionTitle}\n            </stencil-icon-button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DFKz-3Nr.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","ChevronLeft24","Checkmark16","Add24"],"sources":["src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.css?tag=resource-timeline-primary-bar&encapsulation=shadow","src/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.tsx"],"sourcesContent":["/* grid-primary-bar.css */\n.header-bar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    background: var(--accent-color);\n  }\n  \n  .title-section {\n    flex: 1;\n    margin-left: 16px;\n    display: flex;\n    flex-direction: column;\n   \n  }\n\n  .title {\n    font-weight: 900;\n  }\n\n  .subtitle {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .lock-icon {\n    margin-top: -6px;\n    margin-left: -4px;\n  }\n\n  .status-icon {\n    height: 16px;\n    margin-left: var(--spacing-03);\n  }\n  \n  .button-section {\n    display: flex;\n    gap: var(--spacing-03);\n    align-items: center;\n    padding-right: var(--spacing-05);\n    padding-top: var(--spacing-03);\n    padding-bottom: var(--spacing-03);\n  }\n","import { Component, Prop, h } from '@stencil/core';\nimport ChevronLeft24 from '@carbon/icons/es/chevron--left/16';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Add24 from '@carbon/icons/es/add/16';\nimport Fit16 from '@carbon/icons/es/fit-to-width/16';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16';\nimport FitToHeight16 from '@carbon/icons/es/fit-to-height/16';\nimport Locked16 from '@carbon/icons/es/locked/16';\n\n\n@Component({\n  tag: 'resource-timeline-primary-bar',\n  styleUrl: 'resource-timeline-primary-bar.css',\n  shadow: true,\n})\nexport class ResourceTimelinePrimaryBar {\n  @Prop() gridBarTitle: string;\n  @Prop() subTitle: string;\n  @Prop() primaryActionClick: (event?: MouseEvent) => void;\n  @Prop() primaryActionTitle: string;\n  @Prop() secondaryActionClick: (event?: MouseEvent) => void;\n  @Prop() secondaryActionTitle: string;\n  @Prop() clickForward: () => void;\n  @Prop() clickBackward: () => void;\n  @Prop() clickToday: () => void;\n  @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n  @Prop() subtitleStatus: string;\n  @Prop() subtitleStatusMappingClasses: { [key: string]: string } = {};\n  @Prop() disablePrimaryAction: boolean;\n  @Prop() disableSecondaryAction: boolean;\n  @Prop() toggleGroupExpandAll: () => void;\n  @Prop() showLockedIcon: boolean;\n\n  render() {\n    return (\n      <div class=\"header-bar\">\n        <div class=\"title-section\">\n          {this.gridBarTitle || this.gridBarTitle === '' ? (\n            <unity-typography class=\"title\" variant=\"button\">\n              {this.gridBarTitle}{' '}\n            </unity-typography>\n          ) : (\n            <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n          )}\n          <div class=\"subtitle\">\n            {this.subTitle || this.subTitle === '' ? (\n              <unity-typography variant=\"caption-text\">{this.subTitle} </unity-typography>\n            ) : (\n              <udp-skeleton-loading width=\"200px\"></udp-skeleton-loading>\n            )}\n            {this.subtitleStatus && <status-chip class=\"status-icon\" statusValue={this.subtitleStatus} statusClasses={this.subtitleStatusMappingClasses}>\n              {this.subtitleStatus}\n            </status-chip>}\n            {this.showLockedIcon && <stencil-icon-button class=\"lock-icon\" noBackground darkIcon={true} icon={Locked16} noTooltip={true} showLabel={false}></stencil-icon-button>}\n            \n          </div>\n        </div>\n        <div class=\"button-section\">\n          <stencil-icon-button darkIcon={true} icon={Fit16} showLabel={false} noTooltip={true} onClick={this.customFitColumnClick}></stencil-icon-button>\n          <stencil-icon-button darkIcon={true} icon={FitToHeight16} showLabel={false} noTooltip={true} onClick={this.toggleGroupExpandAll}></stencil-icon-button>\n          {this.clickBackward && (\n            <stencil-icon-button darkIcon={true} icon={ChevronLeft24} showLabel={false} noTooltip={true} onClick={this.clickBackward}></stencil-icon-button>\n          )}\n          {this.clickToday && (\n            <stencil-icon-button tooltip=\"Current Date\" noTooltip={true} onClick={this.clickToday}>\n              Today\n            </stencil-icon-button>\n          )}\n          {this.clickForward && (\n            <stencil-icon-button darkIcon={true} icon={ChevronRight24} noTooltip={true} showLabel={false} onClick={this.clickForward}></stencil-icon-button>\n          )}\n          {this.secondaryActionClick && (\n            <stencil-icon-button icon={Checkmark16} disabled={this.disableSecondaryAction} noTooltip={true} onClick={this.secondaryActionClick}>\n              {this.secondaryActionTitle}\n            </stencil-icon-button>\n          )}\n          {this.primaryActionClick && (\n            <stencil-icon-button disabled={this.disablePrimaryAction} darkIcon={true} icon={Add24} noTooltip={true} onClick={this.primaryActionClick}>\n              {this.primaryActionTitle}\n            </stencil-icon-button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BJerffMg.js → p-DL9uHt-7.js}

@@ -2,11 +2,11 @@ import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import * as am5 from '@amcharts/amcharts5/index';
 import * as am5percent from '@amcharts/amcharts5/percent';
 import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
-import { d as defineCustomElement$8 } from './p-BEwTqpWE.js';
+import { d as defineCustomElement$8 } from './p-CxOYMG-r.js';
 import { d as defineCustomElement$7 } from './p-TrvRIo8e.js';
-import { d as defineCustomElement$6 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$6 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$5 } from './p-BGjVmQGN.js';
-import { d as defineCustomElement$4 } from './p-DeS7YSzc.js';
+import { d as defineCustomElement$4 } from './p-CMTLAuz8.js';
 import { d as defineCustomElement$3 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$2 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
@@ -211,6 +211,6 @@ function defineCustomElement() {
 }
 
 export { UdpDonutChart as U, defineCustomElement as d };
-//# sourceMappingURL=p-BJerffMg.js.map
+//# sourceMappingURL=p-DL9uHt-7.js.map
 
-//# sourceMappingURL=p-BJerffMg.js.map
+//# sourceMappingURL=p-DL9uHt-7.js.map

package/dist/components/{p-BJerffMg.js.map → p-DL9uHt-7.js.map}

@@ -1 +1 @@
-{"file":"p-BJerffMg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/charts/udp-donut-chart/udp-donut-chart.css?tag=udp-donut-chart&encapsulation=shadow","src/components/my-component/UI/charts/udp-donut-chart/udp-donut-chart.tsx"],"sourcesContent":["","import { h, Component, Prop, Element, Build, Watch } from '@stencil/core';\n\nimport * as am5 from '@amcharts/amcharts5/index';\nimport * as am5percent from '@amcharts/amcharts5/percent';\nimport am5themes_Animated from '@amcharts/amcharts5/themes/Animated';\n\nconst generateMockData = (length: number) => {\n  const countries = [\n    'USA',\n    'China',\n    'Japan',\n    'Germany',\n    'UK',\n    'Frandce',\n    'India',\n    'Spain',\n    'Netherlands',\n    'South Korea',\n    'Guatemala',\n    'Peru',\n    'Brazil',\n    'Honduras',\n    'Hungary',\n    'Romania',\n    'North Korea',\n    'Indonesia',\n    'Australia',\n    'Ukraine',\n  ];\n  return countries.map(c => ({ label: c, value: Math.random() * 2000 })).slice(0, length);\n};\n@Component({\n  tag: 'udp-donut-chart',\n  styleUrl: 'udp-donut-chart.css',\n  shadow: true,\n})\nexport class UdpDonutChart {\n  @Element() el: HTMLElement;\n\n  @Prop() data: { [key: string]: any }[] = Build.isDev ? generateMockData(10) : undefined;\n  @Prop() valueField: string = Build.isDev ? 'value' : '';\n  @Prop() labelField: string = Build.isDev ? 'label' : '';\n  @Prop() title: string = Build.isDev ? 'Test header' : undefined;\n  @Prop() subheader: string = Build.isDev ? 'Test SubHeader' : undefined;\n  @Prop() hideLegend: boolean = false;\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  @Prop() customWidth?: number; // Rather then setting a size you can set a custom width\n  @Prop() customHeight?: number; // Rather then setting a size you can set a custom height\n  @Prop() customCardWidth?: number; // Rather then setting a size you can set a custom card width\n  @Prop() customCardStyle?: {[key: string]: string} = {};\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() kpis: { value: string; label: string }[] = Build.isDev\n    ? [\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n      ]\n    : undefined;\n  @Prop() hideAdornment: boolean = false;\n\n  private chartId = 'udp-donut-chart';\n  private chartRoot: am5.Root;\n\n  @Watch('valueField')\n  @Watch('labelField')\n  @Watch('hideLegend')\n  @Watch('data')\n  async renderChart() {\n    // sometimes the element cannot be found right away so loop umtil it loads\n    if (this.el.shadowRoot.getElementById(this.chartId) === null) {\n      await setTimeout(this.renderChart, 50);\n    }\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n    if (!this.valueField) return;\n\n    this.chartRoot = am5.Root.new(this.el.shadowRoot.getElementById(this.chartId));\n\n    // Set themes\n    // https://www.amcharts.com/docs/v5/concepts/themes/\n    this.chartRoot.setThemes([am5themes_Animated.new(this.chartRoot)]);\n\n    // Create chart\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/pie-chart/\n    let chart = this.chartRoot.container.children.push(\n      am5percent.PieChart.new(this.chartRoot, {\n        layout: this.chartRoot.verticalLayout,\n        innerRadius: am5.percent(65),\n      }),\n    );\n\n    // Create series\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/pie-chart/#Series\n    let series = chart.series.push(\n      am5percent.PieSeries.new(this.chartRoot, {\n        valueField: Build.isDev ? 'value' : this.valueField,\n        categoryField: Build.isDev ? 'label' : this.labelField,\n        alignLabels: false,\n      }),\n    );\n\n    series.labels.template.setAll({\n      textType: 'circular',\n      centerX: 0,\n      centerY: 0,\n      text: `{${this.valueField}}`,\n      tooltipText: `{${this.labelField}}: {${this.valueField}}`,\n      oversizedBehavior: 'truncate',\n      maxWidth: 100,\n      maxHeight: 100,\n      ellipsis: '...',\n    });\n    series.labels.template.adapters.add('y', function (y, target) {\n      let dataItem = target.dataItem;\n      if (dataItem) {\n        //@ts-ignore\n        let tick = dataItem.get('tick');\n        if (tick) {\n          //@ts-ignore\n          if ((dataItem.get('valuePercentTotal') as number) < 5) {\n            target.set('forceHidden', true);\n            //@ts-ignore\n            tick.set('forceHidden', true);\n          } else {\n            target.set('forceHidden', false);\n            //@ts-ignore\n            tick.set('forceHidden', false);\n          }\n        }\n        return y;\n      }\n    });\n\n    // Set data\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/pie-chart/#Setting_data\n    series.data.setAll(this.data);\n\n    // Create legend\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/legend-percent-series/\n    let legend =\n      this.size !== 'small' && !this.hideLegend\n        ? chart.children.push(\n            am5.Legend.new(this.chartRoot, {\n              centerX: am5.percent(50),\n              x: am5.percent(50),\n              marginTop: 15,\n              marginBottom: 15,\n            }),\n          )\n        : null;\n\n    legend?.data.setAll(series.dataItems);\n    if (legend && this.size !== 'small') {\n      // Set maxWidth for labels within the legend items\n      legend.labels.template.setAll({\n        maxWidth: this.chartRoot.width() * 0.24,\n        oversizedBehavior: 'truncate', // Ensures text wraps if it exceeds maxWidth\n      });\n    }\n\n    // Play initial series animation\n    // https://www.amcharts.com/docs/v5/concepts/animations/#Animation_of_series\n    series.appear(1000, 100);\n  }\n\n  componentDidLoad() {\n    this.renderChart();\n  }\n\n  disconnectedCallback() {\n    // Clean up chart instance on component removal\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n  }\n  render() {\n    return (\n      <chart-container\n        kpis={this.kpis}\n        chartId={this.chartId}\n        title={this.title}\n        subheader={this.subheader}\n        size={this.size}\n        customWidth={this.customWidth}\n        customHeight={this.customHeight}\n        customCardWidth={this.customCardWidth}\n        customCardStyle={this.customCardStyle}\n        kpisPosition={this.kpisPosition}\n        hideAdornment={this.hideAdornment}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DL9uHt-7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/charts/udp-donut-chart/udp-donut-chart.css?tag=udp-donut-chart&encapsulation=shadow","src/components/my-component/UI/charts/udp-donut-chart/udp-donut-chart.tsx"],"sourcesContent":["","import { h, Component, Prop, Element, Build, Watch } from '@stencil/core';\n\nimport * as am5 from '@amcharts/amcharts5/index';\nimport * as am5percent from '@amcharts/amcharts5/percent';\nimport am5themes_Animated from '@amcharts/amcharts5/themes/Animated';\n\nconst generateMockData = (length: number) => {\n  const countries = [\n    'USA',\n    'China',\n    'Japan',\n    'Germany',\n    'UK',\n    'Frandce',\n    'India',\n    'Spain',\n    'Netherlands',\n    'South Korea',\n    'Guatemala',\n    'Peru',\n    'Brazil',\n    'Honduras',\n    'Hungary',\n    'Romania',\n    'North Korea',\n    'Indonesia',\n    'Australia',\n    'Ukraine',\n  ];\n  return countries.map(c => ({ label: c, value: Math.random() * 2000 })).slice(0, length);\n};\n@Component({\n  tag: 'udp-donut-chart',\n  styleUrl: 'udp-donut-chart.css',\n  shadow: true,\n})\nexport class UdpDonutChart {\n  @Element() el: HTMLElement;\n\n  @Prop() data: { [key: string]: any }[] = Build.isDev ? generateMockData(10) : undefined;\n  @Prop() valueField: string = Build.isDev ? 'value' : '';\n  @Prop() labelField: string = Build.isDev ? 'label' : '';\n  @Prop() title: string = Build.isDev ? 'Test header' : undefined;\n  @Prop() subheader: string = Build.isDev ? 'Test SubHeader' : undefined;\n  @Prop() hideLegend: boolean = false;\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  @Prop() customWidth?: number; // Rather then setting a size you can set a custom width\n  @Prop() customHeight?: number; // Rather then setting a size you can set a custom height\n  @Prop() customCardWidth?: number; // Rather then setting a size you can set a custom card width\n  @Prop() customCardStyle?: {[key: string]: string} = {};\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() kpis: { value: string; label: string }[] = Build.isDev\n    ? [\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n      ]\n    : undefined;\n  @Prop() hideAdornment: boolean = false;\n\n  private chartId = 'udp-donut-chart';\n  private chartRoot: am5.Root;\n\n  @Watch('valueField')\n  @Watch('labelField')\n  @Watch('hideLegend')\n  @Watch('data')\n  async renderChart() {\n    // sometimes the element cannot be found right away so loop umtil it loads\n    if (this.el.shadowRoot.getElementById(this.chartId) === null) {\n      await setTimeout(this.renderChart, 50);\n    }\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n    if (!this.valueField) return;\n\n    this.chartRoot = am5.Root.new(this.el.shadowRoot.getElementById(this.chartId));\n\n    // Set themes\n    // https://www.amcharts.com/docs/v5/concepts/themes/\n    this.chartRoot.setThemes([am5themes_Animated.new(this.chartRoot)]);\n\n    // Create chart\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/pie-chart/\n    let chart = this.chartRoot.container.children.push(\n      am5percent.PieChart.new(this.chartRoot, {\n        layout: this.chartRoot.verticalLayout,\n        innerRadius: am5.percent(65),\n      }),\n    );\n\n    // Create series\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/pie-chart/#Series\n    let series = chart.series.push(\n      am5percent.PieSeries.new(this.chartRoot, {\n        valueField: Build.isDev ? 'value' : this.valueField,\n        categoryField: Build.isDev ? 'label' : this.labelField,\n        alignLabels: false,\n      }),\n    );\n\n    series.labels.template.setAll({\n      textType: 'circular',\n      centerX: 0,\n      centerY: 0,\n      text: `{${this.valueField}}`,\n      tooltipText: `{${this.labelField}}: {${this.valueField}}`,\n      oversizedBehavior: 'truncate',\n      maxWidth: 100,\n      maxHeight: 100,\n      ellipsis: '...',\n    });\n    series.labels.template.adapters.add('y', function (y, target) {\n      let dataItem = target.dataItem;\n      if (dataItem) {\n        //@ts-ignore\n        let tick = dataItem.get('tick');\n        if (tick) {\n          //@ts-ignore\n          if ((dataItem.get('valuePercentTotal') as number) < 5) {\n            target.set('forceHidden', true);\n            //@ts-ignore\n            tick.set('forceHidden', true);\n          } else {\n            target.set('forceHidden', false);\n            //@ts-ignore\n            tick.set('forceHidden', false);\n          }\n        }\n        return y;\n      }\n    });\n\n    // Set data\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/pie-chart/#Setting_data\n    series.data.setAll(this.data);\n\n    // Create legend\n    // https://www.amcharts.com/docs/v5/charts/percent-charts/legend-percent-series/\n    let legend =\n      this.size !== 'small' && !this.hideLegend\n        ? chart.children.push(\n            am5.Legend.new(this.chartRoot, {\n              centerX: am5.percent(50),\n              x: am5.percent(50),\n              marginTop: 15,\n              marginBottom: 15,\n            }),\n          )\n        : null;\n\n    legend?.data.setAll(series.dataItems);\n    if (legend && this.size !== 'small') {\n      // Set maxWidth for labels within the legend items\n      legend.labels.template.setAll({\n        maxWidth: this.chartRoot.width() * 0.24,\n        oversizedBehavior: 'truncate', // Ensures text wraps if it exceeds maxWidth\n      });\n    }\n\n    // Play initial series animation\n    // https://www.amcharts.com/docs/v5/concepts/animations/#Animation_of_series\n    series.appear(1000, 100);\n  }\n\n  componentDidLoad() {\n    this.renderChart();\n  }\n\n  disconnectedCallback() {\n    // Clean up chart instance on component removal\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n  }\n  render() {\n    return (\n      <chart-container\n        kpis={this.kpis}\n        chartId={this.chartId}\n        title={this.title}\n        subheader={this.subheader}\n        size={this.size}\n        customWidth={this.customWidth}\n        customHeight={this.customHeight}\n        customCardWidth={this.customCardWidth}\n        customCardStyle={this.customCardStyle}\n        kpisPosition={this.kpisPosition}\n        hideAdornment={this.hideAdornment}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DIcPqQkn.js → p-DSIcWNUB.js}

@@ -1,9 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-DPon6DDX.js';
-import { g as getIconFromName, d as defineCustomElement$2 } from './p-IlXn87Ki.js';
-import { d as defineCustomElement$6 } from './p-hRee3qYx.js';
+import { g as getIconFromName } from './p-BY5RQ-T1.js';
+import { d as defineCustomElement$6 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$5 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$4 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$3 } from './p-Dri6DPsA.js';
+import { d as defineCustomElement$2 } from './p-1Cv4cku0.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const udpFormsBuilderMenuCss = ":host{display:flex;flex-direction:column;gap:var(--spacing-05, 24px);border:1px dashed var(--primary-color);padding:var(--spacing-05, 24px);box-sizing:border-box;background-color:var(--card-background-color, #fff);}.menu-options-container{display:flex;flex:row;flex-wrap:wrap;gap:var(--spacing-03, 8px)}.menu-header-container{display:flex;align-items:center;justify-content:space-between}";
@@ -74,6 +75,6 @@ function defineCustomElement() {
 }
 
 export { UdpFormsBuilderMenu as U, defineCustomElement as d };
-//# sourceMappingURL=p-DIcPqQkn.js.map
+//# sourceMappingURL=p-DSIcWNUB.js.map
 
-//# sourceMappingURL=p-DIcPqQkn.js.map
+//# sourceMappingURL=p-DSIcWNUB.js.map

package/dist/components/p-DSIcWNUB.js.map

@@ -0,0 +1 @@
+{"file":"p-DSIcWNUB.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,sYAAsY;;MCQxZ,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;AALhC,IAAA,WAAA,GAAA;;;;;;;AAOU,QAAA,IAAiB,CAAA,iBAAA,GAAU,EAAE;AA2BtC;IArBC,MAAM,GAAA;QACJ,OAAO;YACL,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAA0C,EAAA,wBAAA,CAAA,EAC3E,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAI,CAC7F;AACN,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAIhC,EAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAC3B,CAAY,CAAA,YAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAU,CAAA,UAAA,EAAA,EAAA,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAI,CAAA,EAAA,EACjJ,CAAC,CAAC,gBAAgB,CACR,CACd,CAAC,CAIE;SACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu.css?tag=udp-forms-builder-menu&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05, 24px);\n  /* background-color: white; */\n  border: 1px dashed var(--primary-color);\n  padding: var(--spacing-05, 24px);\n  box-sizing: border-box;\n  background-color: var(--card-background-color, #fff);\n  /* border-radius: var(--border-radius, 4px); */\n}\n\n.menu-options-container {\n  display: flex;\n  flex: row;\n  flex-wrap: wrap;\n  gap: var(--spacing-03, 8px);\n}\n\n.menu-header-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { getIconFromName } from '../../../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'udp-forms-builder-menu',\n  styleUrl: 'udp-forms-builder-menu.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderMenu {\n  @Prop() isVisible: boolean;\n  @Prop() questionsTemplate: any[] = [];\n\n  @Event() addSection: EventEmitter<void>;\n  @Event() addQuestion: EventEmitter<any>;\n  @Event() cancelClick: EventEmitter<void>;\n\n  render() {\n    return [\n      <div class='menu-header-container'>\n        <unity-typography variant=\"body1\">Choose a Question Type</unity-typography>\n        <stencil-icon-button icon={getIconFromName('close16')} onClick={() => this.cancelClick.emit()} />\n      </div>,\n      <div class=\"menu-options-container\">\n        {/* <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.addSection.emit()} startIcon={<udp-icon iconName={'add'} color={'inherit'} />}>\n          Add a Section\n        </udp-button> */}\n        {this.questionsTemplate.map(q => (\n          <udp-button variant=\"contained\" color=\"primary\" onClick={() => this.addQuestion.emit(q)} startIcon={<udp-icon iconName={q.icon} color={'inherit'} />}>\n            {q.questionTypeName}\n          </udp-button>\n        ))}\n        {/* <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.cancelClick.emit()}>\n          Cancel\n        </udp-button> */}\n      </div>,\n    ];\n  }\n}\n"],"version":3}

package/dist/components/{p-CRiQA7Cy.js → p-DZaCCOXB.js}

@@ -9,6 +9,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
         this.__registerHost();
         this.__attachShadow();
         this.change = createEvent(this, "change");
+        this.errorEvent = createEvent(this, "error");
         /**
          * Size variant controlling the padding and spacing of the textarea.
          * - 'small': Compact spacing for data-heavy interfaces
@@ -41,6 +42,15 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
             if (this.value !== undefined) {
                 this.value = newValue;
             }
+            // Re-evaluate validation on input if there's currently an error
+            // This provides immediate feedback when user corrects the error
+            if (this.errorMessage) {
+                const validationError = this.validateCharacterLength(newValue);
+                if (validationError !== this.errorMessage) {
+                    // Error state has changed, update it
+                    this.setAndDispatchError(validationError);
+                }
+            }
             this.adjustTextAreaHeight();
         };
         /**
@@ -51,6 +61,16 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
                 return;
             }
             const newValue = event.target.value;
+            // Validate the new value for character length constraints
+            const validationError = this.validateCharacterLength(newValue);
+            if (validationError) {
+                // Character length validation failed
+                this.setAndDispatchError(validationError);
+            }
+            else {
+                // Character length validation passed, clear any existing error
+                this.setAndDispatchError('');
+            }
             this.change.emit(newValue);
         };
     }
@@ -83,6 +103,41 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
             Promise.resolve().then(() => this.adjustTextAreaHeight());
         }
     }
+    /**
+     * Validates the text value against min/max character constraints
+     * @param value - The text value to validate
+     * @returns Error message if invalid, empty string if valid
+     */
+    validateCharacterLength(value) {
+        if (!value)
+            return '';
+        const length = value.length;
+        if (this.minCharacter && length < this.minCharacter) {
+            return `Must be at least ${this.minCharacter} characters`;
+        }
+        if (this.maxCharacter && length > this.maxCharacter) {
+            return `Must be no more than ${this.maxCharacter} characters`;
+        }
+        return '';
+    }
+    /**
+     * Sets error state and dispatches error event that bubbles to stencil-field
+     * @param errorMessage - The error message to set and dispatch
+     */
+    setAndDispatchError(errorMessage) {
+        console.log('Setting text area error:', errorMessage);
+        // Update internal error state
+        this.errorMessage = errorMessage;
+        // Emit Stencil error event
+        this.errorEvent.emit(errorMessage);
+        // Dispatch custom error event that bubbles up to stencil-field
+        const errorEvent = new CustomEvent('error', {
+            detail: errorMessage,
+            bubbles: true,
+            composed: true
+        });
+        this.el.dispatchEvent(errorEvent);
+    }
     /**
      * @internal
      */
@@ -101,6 +156,13 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
             initialNumRows = Math.min(this.maxRows, initialNumRows);
         }
         this.internalRows = initialNumRows;
+        // Validate the initial value
+        if (this.internalValue) {
+            const validationError = this.validateCharacterLength(this.internalValue);
+            if (validationError) {
+                this.setAndDispatchError(validationError);
+            }
+        }
     }
     /**
      * @internal
@@ -150,7 +212,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (h(Host, { key: '378e250cf30868845c696dd86b787d32a4437e63', class: {
+        return (h(Host, { key: 'faf105fdc0cc63272227337663356a245564ff12', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -159,12 +221,13 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '1369268dd7f253c7761a799cd416344e14c06e4c', class: "bx--form-item" }, h("unity-typography", { key: 'bfd1c9629383802d209ce3b9c43b752d5cc33c42', variant: "caption-text" }, h("label", { key: '79e84e7f6410ce0de70f857fc4a608857a221533', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: '1801c9caaa02182f3e57885eba7c486b1a52a061', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: 'd8b0320b635c92debf9a35ad85e76c524fdce683', class: "bx--form-item" }, h("unity-typography", { key: 'eda91296822952f0eeb49d73df4ccde994e0fe22', variant: "caption-text" }, h("label", { key: '15f95f1b0d744a5555404c485bde82bc77ed22f2', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: '0350ff25f0cc20448a3f0ec29447e289a80c6be8', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: 'a9e97f1f0bb2fc27b148ecf21f2af7c36d2b32da', class: "error-message" }, h("unity-typography", { key: '67e29423ef72ed93c9f1389348f5823aa62f09cd', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '70b53e47ce10072d8703a3ac66c923251c5fdcfe', class: "error-message" }, h("unity-typography", { key: '43f511ccc1099252a9f683c0b4afbe9554e86978', variant: "caption-text", color: "error" }, errorMessage))))));
     }
+    get el() { return this; }
     static get watchers() { return {
         "error": ["updateError"],
         "initialValue": ["initialValueChanged"],
@@ -182,6 +245,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
         "required": [4],
         "disabled": [4],
         "fullWidth": [4, "full-width"],
+        "minCharacter": [2, "min-character"],
         "maxCharacter": [2, "max-character"],
         "rows": [2],
         "minRows": [2, "min-rows"],
@@ -217,6 +281,6 @@ function defineCustomElement() {
 }
 
 export { TextArea as T, defineCustomElement as d };
-//# sourceMappingURL=p-CRiQA7Cy.js.map
+//# sourceMappingURL=p-DZaCCOXB.js.map
 
-//# sourceMappingURL=p-CRiQA7Cy.js.map
+//# sourceMappingURL=p-DZaCCOXB.js.map

package/dist/components/p-DZaCCOXB.js.map

@@ -0,0 +1 @@
+{"file":"p-DZaCCOXB.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/inputs/text-area/text-area.css?tag=text-area&encapsulation=shadow","src/components/my-component/UI/inputs/text-area/text-area.tsx"],"sourcesContent":["@import '../inputs.css';\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized textarea component with auto-resizing, error handling, and validation.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying textarea element.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <text-area\n *   placeholder=\"Enter your message\"\n *   initialValue=\"Default message\"\n *   onChange={(e) => console.log('Final value:', e.detail)}\n * />\n *\n * // Controlled component\n * <text-area\n *   placeholder=\"Enter your message\"\n *   value={messageValue}\n *   onChange={(e) => setMessageValue(e.detail)}\n * />\n *\n * // With validation and auto-resize\n * <text-area\n *   label=\"Description\"\n *   placeholder=\"Enter description...\"\n *   required={true}\n *   error={descriptionError}\n *   value={description}\n *   minRows={3}\n *   maxRows={10}\n *   onChange={handleDescriptionChange}\n * />\n * ```\n */\n@Component({\n  tag: 'text-area',\n  styleUrl: 'text-area.css',\n  shadow: true,\n})\nexport class TextArea {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label text displayed above the textarea. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Unique identifier for the textarea element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the textarea element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Placeholder text shown when the textarea is empty. Provides hints about expected input.\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Initial value for the textarea. Used for uncontrolled components to set the default value.\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the textarea. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Error message to display below the textarea. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the textarea should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean;\n\n  /**\n   * Minimum number of characters required in the textarea. Enforces minimum character limits.\n   */\n  @Prop() minCharacter: number;\n\n  /**\n   * Maximum number of characters allowed in the textarea. Enforces character limits.\n   */\n  @Prop() maxCharacter?: number;\n\n  /**\n   * Initial number of rows for the textarea.\n   */\n  @Prop() rows: number;\n\n  /**\n   * Minimum number of rows for auto-resizing.\n   */\n  @Prop() minRows: number;\n\n  /**\n   * Maximum number of rows for auto-resizing.\n   */\n  @Prop() maxRows: number;\n\n  /**\n   * Size variant controlling the padding and spacing of the textarea.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * If `true`, the component is read-only.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Internal state for the component's value\n   */\n  @State() internalValue: string;\n\n  /**\n   * Internal state for the error message.\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Internal state for the number of rows.\n   */\n  @State() internalRows: number;\n\n  /**\n   * Emitted when the value of the component changes (on blur).\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when validation errors occur (e.g., character length outside min/max constraints).\n   * Contains the error message string. Empty string indicates no error.\n   */\n  @Event({\n    eventName: 'error',\n    bubbles: true,\n    composed: true,\n    cancelable: true\n  }) errorEvent: EventEmitter<string>;\n\n\n  private textareaEl: HTMLTextAreaElement;\n\n  /**\n   * Updates the error message when the error prop changes.\n   * @internal\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Updates the internal value when initialValue prop changes.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n      if (newValue !== undefined) {\n        this.internalValue = newValue;\n        Promise.resolve().then(() => this.adjustTextAreaHeight());\n      }\n    }\n  }\n\n  /**\n   * Updates the internal value when value prop changes.\n   * @internal\n   */\n  @Watch('value')\n  protected valueChanged() {\n    if (this.value !== undefined && this.value !== this.internalValue) {\n      this.internalValue = this.value;\n      Promise.resolve().then(() => this.adjustTextAreaHeight());\n    }\n  }\n\n  /**\n   * Validates the text value against min/max character constraints\n   * @param value - The text value to validate\n   * @returns Error message if invalid, empty string if valid\n   */\n  private validateCharacterLength(value: string): string {\n    if (!value) return '';\n\n    const length = value.length;\n\n    if (this.minCharacter && length < this.minCharacter) {\n      return `Must be at least ${this.minCharacter} characters`;\n    }\n\n    if (this.maxCharacter && length > this.maxCharacter) {\n      return `Must be no more than ${this.maxCharacter} characters`;\n    }\n\n    return '';\n  }\n\n  /**\n   * Sets error state and dispatches error event that bubbles to stencil-field\n   * @param errorMessage - The error message to set and dispatch\n   */\n  private setAndDispatchError(errorMessage: string) {\n    console.log('Setting text area error:', errorMessage);\n\n    // Update internal error state\n    this.errorMessage = errorMessage;\n\n    // Emit Stencil error event\n    this.errorEvent.emit(errorMessage);\n\n    // Dispatch custom error event that bubbles up to stencil-field\n    const errorEvent = new CustomEvent('error', {\n      detail: errorMessage,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(errorEvent);\n  }\n\n  /**\n   * @internal\n   */\n  componentWillLoad() {\n    this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    let initialNumRows = this.rows;\n    const currentMinRows = this.minRows === undefined ? 1 : this.minRows;\n\n    if (initialNumRows === undefined) {\n      initialNumRows = currentMinRows;\n    }\n\n    initialNumRows = Math.max(currentMinRows, initialNumRows);\n\n    if (this.maxRows !== undefined) {\n      initialNumRows = Math.min(this.maxRows, initialNumRows);\n    }\n    this.internalRows = initialNumRows;\n\n    // Validate the initial value\n    if (this.internalValue) {\n      const validationError = this.validateCharacterLength(this.internalValue);\n      if (validationError) {\n        this.setAndDispatchError(validationError);\n      }\n    }\n  }\n\n  /**\n   * @internal\n   */\n  componentDidLoad() {\n    this.adjustTextAreaHeight();\n  }\n\n  /**\n   * @internal\n   */\n  private adjustTextAreaHeight() {\n    if (!this.textareaEl) {\n      return;\n    }\n\n    const min = this.minRows === undefined ? 1 : this.minRows;\n    const max = this.maxRows === undefined ? Number.MAX_SAFE_INTEGER : this.maxRows;\n    const previousScrollTop = this.textareaEl.scrollTop;\n\n    this.textareaEl.style.overflowY = 'hidden';\n    this.textareaEl.style.height = 'auto';\n\n    this.textareaEl.rows = min;\n    let currentActualRows = min;\n\n    while (this.textareaEl.scrollHeight > this.textareaEl.clientHeight && currentActualRows < max) {\n      currentActualRows++;\n      this.textareaEl.rows = currentActualRows;\n    }\n\n    if (currentActualRows < max || max === Number.MAX_SAFE_INTEGER) {\n      while (currentActualRows > min) {\n        this.textareaEl.rows = currentActualRows - 1;\n        if (this.textareaEl.scrollHeight > this.textareaEl.clientHeight) {\n          this.textareaEl.rows = currentActualRows;\n          break;\n        }\n        currentActualRows--;\n      }\n    }\n\n    let newCalculatedRows = Math.max(min, Math.min(currentActualRows, max));\n\n    this.textareaEl.style.height = '';\n    this.textareaEl.style.overflowY = '';\n\n    this.textareaEl.rows = newCalculatedRows;\n\n    if (this.internalRows !== newCalculatedRows) {\n      this.internalRows = newCalculatedRows;\n    }\n\n    Promise.resolve().then(() => {\n      if (this.textareaEl) this.textareaEl.scrollTop = previousScrollTop;\n    });\n  }\n\n  /**\n   * @internal\n   */\n  private onInput = (event: InputEvent) => {\n    if (this.readonly) {\n      const input = event.target as HTMLTextAreaElement;\n      input.value = this.internalValue;\n      return;\n    }\n    const newValue = (event.target as HTMLTextAreaElement).value;\n    this.internalValue = newValue;\n\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Re-evaluate validation on input if there's currently an error\n    // This provides immediate feedback when user corrects the error\n    if (this.errorMessage) {\n      const validationError = this.validateCharacterLength(newValue);\n\n      if (validationError !== this.errorMessage) {\n        // Error state has changed, update it\n        this.setAndDispatchError(validationError);\n      }\n    }\n\n    this.adjustTextAreaHeight();\n  };\n\n  /**\n   * @internal\n   */\n  private onChange = (event: Event) => {\n    if (this.readonly) {\n      return;\n    }\n    const newValue = (event.target as HTMLTextAreaElement).value;\n\n    // Validate the new value for character length constraints\n    const validationError = this.validateCharacterLength(newValue);\n\n    if (validationError) {\n      // Character length validation failed\n      this.setAndDispatchError(validationError);\n    } else {\n      // Character length validation passed, clear any existing error\n      this.setAndDispatchError('');\n    }\n\n    this.change.emit(newValue);\n  };\n\n  render() {\n    const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': !!errorMessage,\n          'udp-input--disabled': disabled,\n          'udp-input--readonly': readonly,\n          'udp-input--full-width': fullWidth,\n          'udp-input--required': required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={id} class=\"bx--label\">\n              {label}\n              {required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <textarea\n            ref={el => (this.textareaEl = el as HTMLTextAreaElement)}\n            id={id}\n            class={{\n              'bx--text-input': true,\n              'bx--text-input--error': !!errorMessage,\n              'text-area--disabled': disabled,\n            }}\n            placeholder={placeholder}\n            value={internalValue}\n            required={required}\n            disabled={disabled}\n            readonly={readonly}\n            maxLength={this.maxCharacter}\n            rows={internalRows}\n            onInput={this.onInput}\n            onChange={this.onChange}\n          >\n            {internalValue}\n          </textarea>\n          {errorMessage && (\n            <div class=\"error-message\">\n              <unity-typography variant=\"caption-text\" color=\"error\">{errorMessage}</unity-typography>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BwHEv1Kb.js → p-DaMmzX_J.js}

@@ -4,21 +4,21 @@ import VectorLayer from 'ol/layer/Vector';
 import { a as getBulkSelectDrawInteraction, b as getAddFeatureDrawInteraction, c as getSplitInteraction } from './p-Dp267u3c.js';
 import { h as hasStyles } from './p-_3wImzvq.js';
 import { D as DrawBaseLayerId } from './p-CwN0FuAf.js';
-import { d as defineCustomElement$g } from './p-y6ddPVSK.js';
-import { d as defineCustomElement$f } from './p-BU706xtx.js';
+import { d as defineCustomElement$g } from './p-BO3Kzy6x.js';
+import { d as defineCustomElement$f } from './p-hWgAmNsF.js';
 import { d as defineCustomElement$e } from './p-DpLtIIwx.js';
-import { d as defineCustomElement$d } from './p-CSunqYw8.js';
-import { d as defineCustomElement$c } from './p-BUw3R0Ql.js';
-import { d as defineCustomElement$b } from './p-syf9yo9-.js';
-import { d as defineCustomElement$a } from './p-hRee3qYx.js';
+import { d as defineCustomElement$d } from './p-C-E6e6mL.js';
+import { d as defineCustomElement$c } from './p-D9A5l8BE.js';
+import { d as defineCustomElement$b } from './p-8avkq8Fj.js';
+import { d as defineCustomElement$a } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$9 } from './p-B0Z1nz8S.js';
-import { d as defineCustomElement$8 } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$8 } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$7 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$6 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$5 } from './p-IlXn87Ki.js';
-import { d as defineCustomElement$4 } from './p-DWJbhjYR.js';
+import { d as defineCustomElement$5 } from './p-1Cv4cku0.js';
+import { d as defineCustomElement$4 } from './p-C1K2NBql.js';
 import { d as defineCustomElement$3 } from './p-CpGuVcRn.js';
-import { d as defineCustomElement$2 } from './p-BTIWOttf.js';
+import { d as defineCustomElement$2 } from './p-W_kxEzVl.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const udpMapCss = ":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";
@@ -228,7 +228,7 @@ const UdpMapToolbar = /*@__PURE__*/ proxyCustomElement(class UdpMapToolbar exten
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-toolbar", { key: 'ef9c399c5aff7330ece3eaec4ba72971d7666987', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
+        return (h("map-toolbar", { key: '2e93749fe0f2d2670b3c48e8a584678e110ab0ae', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -381,6 +381,6 @@ function defineCustomElement() {
 }
 
 export { UdpMapToolbar as U, defineCustomElement as d };
-//# sourceMappingURL=p-BwHEv1Kb.js.map
+//# sourceMappingURL=p-DaMmzX_J.js.map
 
-//# sourceMappingURL=p-BwHEv1Kb.js.map
+//# sourceMappingURL=p-DaMmzX_J.js.map

package/dist/components/{p-BwHEv1Kb.js.map → p-DaMmzX_J.js.map}

@@ -1 +1 @@
-{"file":"p-BwHEv1Kb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/map/udp-map/udp-map.css?tag=udp-map-toolbar&encapsulation=shadow","src/components/my-component/UI/map/udp-map/udp-map-toolbar.tsx"],"sourcesContent":["  :host {\n    display: block;\n  }\n  .zoomControl {\n    left: 'auto';\n    right: '20';\n    top: '20';\n  }\n  .iconButtonWrapper {\n    padding: var(--spacing-04);\n  }\n  #featureDetailsPopOverContainer {\n    position: absolute;\n    z-index: 1000; \n  }\n  /* Hide controls by default */\n.hidden-controls .ol-zoom,\n.hidden-controls .ol-attribution {\n  display: none;\n}\n.ol-control {\n  width: fit-content !important;\n}\n","import { Component, Watch, Prop, Element, h, State } from '@stencil/core';\nimport TileLayer from 'ol/layer/Tile';\nimport VectorLayer from 'ol/layer/Vector';\nimport { Draw } from 'ol/interaction';\nimport { getBulkSelectDrawInteraction, getAddFeatureDrawInteraction, getSplitInteraction } from './utils/map-interactions';\nimport { hasStyles } from './utils/udp-map-utils';\nimport { DrawBaseLayerId } from './utils/common';\n\n@Component({\n  tag: 'udp-map-toolbar',\n  styleUrl: 'udp-map.css',\n  shadow: true,\n})\nexport class UdpMapToolbar {\n  @Element() el: HTMLElement;\n  //=====================================Props=================================\n  @Prop() map!: any; //Map instance\n  @Prop() mapTitle?: string = ''; //Title appearing on map\n  @Prop() mapProjection?: string = ''; //Map feature projection used\n  @Prop() getFeatureStyles?: any; //Method - Returns custom styles for features\n  @Prop() getSelectedFeatureStyles?: any; //Method - Returns custom styles for selected features\n  @Prop() filterPanel?: string = ''; //Custom filter panel\n  @Prop() enableTileSelection?: boolean = true; //Allows selecting tile layer\n  @Prop() tileLayersOptions?: any[] = []; //List of tile layers visible on the map\n  @Prop() defaultTileOptionName?: string = ''; //Default tile layer name\n  @Prop() layerOptions?: any[] = []; //List of options for vector layers\n  @Prop() bulkSelectedFeaturesActionPanel?: string = ''; //Custom action panel for selected features\n  @Prop() handleSetSelectedFeaturesOnBulkSelect: any; //Method - Retrieves selected features when bulk selected\n  @Prop() handleRefresh?: any; //Callback method to refresh map\n  @Prop() refreshButtonTooltip?: string = ''; //Custom tooltip message on refresh button\n  @Prop() readOnlyMap: boolean = false; //Map is read only (Setting true removes the add, edit, delete functionality)\n  @Prop() enableAdd: boolean = true; //Enables adding a new feature by drawing on the map\n  @Prop() handleAddNewFeatures: any; //When adding features on the map by drawing, this callback method returns the newly added features\n  @Prop() addMultipleFeatures: boolean = true; //When adding features by drawing, add multiple features\n  @Prop() enableSplitFeature: boolean = true; //Enables splitting linestrings on the map\n  @Prop() handleSplitFeature: any; //Callback function to return split feature\n  @Prop() handleSetSelectedFeatureProperties: any; //Method to set the selected feature properties\n  @Prop() filteredLayerOptionsByRole: any[] = []; //Layer options filtered by role\n  @Prop() handleSetBulkSelectionActive: any; //Set bulk selection state to active\n  @Prop() enableDragBox: boolean = false; //Boolean - if dragbox interaction is currently active\n  @Prop() handleSetEnableDragBox: any; //Set enableDragBox state\n  @Prop() splitActive: boolean = false; //Boolean - if split interaction is currently active\n  @Prop() handleSetSplitActive: any; //Set splitActive state\n  @Prop() selectFeatureInteraction: any; // Interaction for select feature\n  @Prop() enableAddNewFeature: boolean = false; //Show the button to add a new feature by drawing on the map\n  @Prop() handleEnableAddNewFeature: any; //Callback method returns the new feature added\n  @Prop() handleSelectLayersCallback?: any; //Callback method returns selected layers\n  @Prop() readOnlyLayers?: string[] = [];\n  @Prop() selectedLayers: any;\n  @Prop() handleSetSelectedLayers: any; //Set state for selectedLayers\n  @Prop() addFeaturePanelConfig?: any;\n\n  //=================================States=========================================\n  @State() selectedFeatures: any;\n  @State() selectedTile: any = { label: 'Open Street Map', value: 'Open Street Map' };\n  @State() selectedBulkSelectionType: string = 'box';\n  @State() mapFeatures: any[];\n  @State() selectedFeatureByBoxSelection: any[] = [];\n  @State() tileSelectOptions: any[] = [{ label: 'Open Street Map', value: 'Open Street Map' }];\n  @State() currentBulkSelectDrawInteraction: Draw;\n  @State() currentAddFeatureDrawInteraction: Draw;\n  @State() currentSplitInteraction: Draw;\n  @State() newFeatureObjectsAdded: any[] = [];\n  @State() splitFeatureDetails: any;\n  @State() showSplitButton: boolean = false;\n\n  componentWillLoad() {\n    if (this.tileLayersOptions && this.tileLayersOptions?.length > 0) {\n      this.getTileLayerOptions();\n    }\n  }\n\n  /////////////////////////////////////////////////////////////WATCHERS////////////////////////////////////////////////////////\n\n  @Watch('tileLayersOptions')\n  updateTileSelectOptions() {\n    if (this.tileLayersOptions && this.tileLayersOptions?.length > 0) {\n      this.getTileLayerOptions();\n    }\n  }\n\n  ///////////////////////////////////////////////////METHODS//////////////////////////////////////////////////////////////////\n  setEnableDragBox = (set: boolean) => {\n    this.handleSetEnableDragBox(set);\n  };\n  setBulkSelectonActive = (active: boolean) => {\n    this.handleSetBulkSelectionActive(active);\n  };\n\n  //================================================CHANGING CURRENT MAP TYPE=========================================\n  getTileLayerOptions = () => {\n    this.tileSelectOptions = this.tileLayersOptions.map(tile => {\n      return { label: tile?.name, value: tile?.name };\n    });\n    this.selectedTile = this.tileSelectOptions.filter(t => t.value === this.defaultTileOptionName)[0];\n  };\n\n  handleSelectTile = (value: any) => {\n    if (!value) return;\n\n    this.selectedTile = value;\n\n    if (this.enableTileSelection && this.tileLayersOptions?.length > 0) {\n      const newTileLayer = this.tileLayersOptions.find(tile => tile?.name === value.value);\n      if (!newTileLayer) return;\n\n      // Remove previous base tile layers\n      const layersToRemove = this.map\n        .getLayers()\n        .getArray()\n        .filter(layer => layer.get('isBaseTile'));\n      layersToRemove.forEach(layer => {\n        this.map.removeLayer(layer);\n      });\n\n      // Add the new tile layer\n      const tileLayer = new TileLayer({\n        source: newTileLayer.source,\n        visible: true,\n        zIndex: 0,\n        properties: {\n          value: newTileLayer.name,\n          isBaseTile: true,\n        },\n      });\n\n      this.map.getLayers().insertAt(0, tileLayer);\n    }\n  };\n\n  handleSelectLayers = (value: any) => {\n    if (this.handleSetSelectedLayers) {\n      this.handleSetSelectedLayers(value);\n    }\n\n    this.updateLayerVisibility(value);\n\n    if (this.handleSelectLayersCallback) {\n      this.handleSelectLayersCallback(value);\n    }\n  };\n\n  updateLayerVisibility = (visibleLayerNames: any, changeTileLayer: boolean = false) => {\n    let type = changeTileLayer ? TileLayer : VectorLayer;\n    this.map?.getLayers()?.forEach(layer => {\n      if (layer instanceof type) {\n        visibleLayerNames.includes(layer.get('value')) || layer.get('id') === DrawBaseLayerId ? layer.setVisible(true) : layer.setVisible(false);\n      }\n    });\n  };\n  //============================================BULK SELECTION=======================================================\n\n  bulkSelectDraw = (bulkSelectionType: string, projection: string) => {\n    getBulkSelectDrawInteraction(\n      this.map,\n      bulkSelectionType,\n      projection,\n      this.setBulkSelectonActive,\n      this.setEnableDragBox,\n      this.handleSetSelectedFeatureProperties,\n      this.clearSelectFeatureInteraction,\n      this.currentBulkSelectDrawInteraction,\n      this.handleSetCurrentBulkSelectDrawInteraction,\n      this.handleRemoveInteraction,\n      this.handleAddInteraction,\n      this.selectedFeatureByBoxSelection,\n      this.handleSetSelectedFeatureByBoxSelection,\n      this.handleSetSelectedBulkSelectionType,\n      this.getSelectedFeatureStyles,\n      this.handleSetSelectedFeaturesOnBulkSelect,\n    );\n  };\n  clearSelectFeatureInteraction = () => {\n    if (this.selectFeatureInteraction) {\n      this.selectFeatureInteraction.getFeatures().clear();\n      this.selectFeatureInteraction.setActive(false);\n    }\n  };\n  handleSetCurrentBulkSelectDrawInteraction = (interaction: any) => {\n    this.currentBulkSelectDrawInteraction = interaction;\n  };\n  handleSetSelectedFeatureByBoxSelection = (value: any) => {\n    this.selectedFeatureByBoxSelection = value;\n  };\n  handleSetSelectedBulkSelectionType = (type: string) => {\n    this.selectedBulkSelectionType = type;\n  };\n  handleCancelBulkSelectDraw = () => {\n    this.setBulkSelectonActive(false);\n    this.setEnableDragBox(false);\n    this.currentBulkSelectDrawInteraction.setActive(false);\n    this.map.removeInteraction(this.currentBulkSelectDrawInteraction);\n  };\n\n  handleBulkUnselectFeatures = () => {\n    if (this.selectedFeatureByBoxSelection.length > 0 && this.getFeatureStyles) {\n      this.selectedFeatureByBoxSelection.forEach(feature => {\n        let style = this.getFeatureStyles(feature);\n        if (hasStyles(style)) {\n          feature.setStyle(style);\n        }\n      });\n    }\n    this.setEnableDragBox(false);\n    this.setBulkSelectonActive(false);\n    this.selectedFeatureByBoxSelection = [];\n    if (this.handleSetSelectedFeaturesOnBulkSelect) {\n      this.handleSetSelectedFeaturesOnBulkSelect([]);\n    }\n  };\n\n  //=======================================ADDING FEATURES===================================================\n\n  startDrawingMapFeature = (selectedLayer: any, selectedType: any = 'Point') => {\n    getAddFeatureDrawInteraction(\n      this.map,\n      selectedLayer,\n      selectedType,\n      this.handleRemoveInteraction,\n      this.currentAddFeatureDrawInteraction,\n      this.handleSetCurrentInteraction,\n      this.handleGetFeatureObject,\n      this.handleEnableAddNewFeature,\n      this.handleSetSelectedFeatureProperties,\n      this.handleAddInteraction,\n      this.addMultipleFeatures,\n      this.addNewFeature,\n    );\n  };\n  \n  handleGetFeatureObject = (feature: any) => {\n    this.newFeatureObjectsAdded = [...this.newFeatureObjectsAdded, ...[feature]];\n  };\n  handleAddInteraction = (interaction: any) => {\n    this.map.addInteraction(interaction);\n    this.currentAddFeatureDrawInteraction = interaction;\n  };\n  handleRemoveInteraction = (interaction: any) => {\n    this.map.removeInteraction(interaction);\n    this.currentAddFeatureDrawInteraction = null;\n  };\n  handleSetCurrentInteraction = (interaction: any) => {\n    this.currentAddFeatureDrawInteraction = interaction;\n  };\n\n  cancelAddNewFeature = () => {\n    this.handleEnableAddNewFeature(false);\n    this.map.removeInteraction(this.currentAddFeatureDrawInteraction);\n  };\n\n  addNewFeature = () => {\n    this.handleEnableAddNewFeature(false);\n    this.map.removeInteraction(this.currentAddFeatureDrawInteraction);\n    if (this.handleAddNewFeatures) {\n      this.handleAddNewFeatures(this.newFeatureObjectsAdded);\n    }\n  };\n\n  //=========================================SPLITTING FEATURES=========================================================\n  handleStartSplitting = (selectedLayer: any) => {\n    this.handleSetSplit(true);\n    this.splitActive = true;\n    getSplitInteraction(\n      this.map,\n      selectedLayer,\n      this.currentSplitInteraction,\n      this.handleSetCurrentSplitInteraction,\n      this.handleSetSplit,\n      this.handleRemoveInteraction,\n      this.handleAddInteraction,\n      this.handleRetrieveSplitFeature,\n    );\n  };\n  handleSetSplit = (split: boolean) => {\n    this.handleSetSplitActive(split);\n    this.showSplitButton = split;\n  };\n  handleRetrieveSplitFeature = (split: any) => {\n    this.splitFeatureDetails = split;\n  };\n  handleSetCurrentSplitInteraction = (interaction: any) => {\n    this.currentSplitInteraction = interaction;\n  };\n  handleCancelSplit = () => {\n    this.handleSetSplit(false);\n    this.splitActive = false;\n    this.handleRemoveInteraction(this.currentSplitInteraction);\n    this.currentSplitInteraction = null;\n  };\n  handleSaveSplit = () => {\n    this.handleSetSplit(false);\n    this.handleRemoveInteraction(this.currentSplitInteraction);\n    this.currentSplitInteraction = null;\n    this.handleSplitFeature(this.splitFeatureDetails);\n  };\n\n  //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////\n  render() {\n    return (\n      <map-toolbar\n        map={this.map}\n        mapTitle={this.mapTitle}\n        layerOptions={this.layerOptions}\n        handleSelectLayers={this.handleSelectLayers}\n        visibleLayers={this.selectedLayers}\n        tileOptions={this.tileSelectOptions}\n        handleSelectTile={this.handleSelectTile}\n        selectedTile={this.selectedTile}\n        enableTileSelection={this.enableTileSelection}\n        filterPanel={this.filterPanel}\n        enableDragBox={this.enableDragBox}\n        selectedFeatureByBoxSelection={this.selectedFeatureByBoxSelection}\n        handleUnselectFeatures={this.handleBulkUnselectFeatures}\n        selectedFeaturesActionPanel={this.bulkSelectedFeaturesActionPanel}\n        handleCancelBoxSelection={this.handleCancelBulkSelectDraw}\n        handleBulkSelectionTypeOnChange={this.bulkSelectDraw}\n        mapProjection={this.mapProjection}\n        refreshEvent={this.handleRefresh}\n        refreshButtonTooltip={this.refreshButtonTooltip}\n        enableAddNewFeature={this.enableAddNewFeature}\n        handleStartDrawingMapFeature={this.startDrawingMapFeature}\n        cancelAddNewFeature={this.cancelAddNewFeature}\n        addNewFeature={this.addNewFeature}\n        enableSplit={this.enableSplitFeature}\n        handleStartSplitting={this.handleStartSplitting}\n        handleCancelSplit={this.handleCancelSplit}\n        handleSaveSplit={this.handleSaveSplit}\n        readOnlyMap={this.readOnlyMap}\n        enableAdd={this.enableAdd}\n        addMultipleFeatures={this.addMultipleFeatures}\n        showSplitButton={this.showSplitButton}\n        readOnlyLayers={this.readOnlyLayers}\n        addFeaturePanelConfig={this.addFeaturePanelConfig}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DaMmzX_J.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/map/udp-map/udp-map.css?tag=udp-map-toolbar&encapsulation=shadow","src/components/my-component/UI/map/udp-map/udp-map-toolbar.tsx"],"sourcesContent":["  :host {\n    display: block;\n  }\n  .zoomControl {\n    left: 'auto';\n    right: '20';\n    top: '20';\n  }\n  .iconButtonWrapper {\n    padding: var(--spacing-04);\n  }\n  #featureDetailsPopOverContainer {\n    position: absolute;\n    z-index: 1000; \n  }\n  /* Hide controls by default */\n.hidden-controls .ol-zoom,\n.hidden-controls .ol-attribution {\n  display: none;\n}\n.ol-control {\n  width: fit-content !important;\n}\n","import { Component, Watch, Prop, Element, h, State } from '@stencil/core';\nimport TileLayer from 'ol/layer/Tile';\nimport VectorLayer from 'ol/layer/Vector';\nimport { Draw } from 'ol/interaction';\nimport { getBulkSelectDrawInteraction, getAddFeatureDrawInteraction, getSplitInteraction } from './utils/map-interactions';\nimport { hasStyles } from './utils/udp-map-utils';\nimport { DrawBaseLayerId } from './utils/common';\n\n@Component({\n  tag: 'udp-map-toolbar',\n  styleUrl: 'udp-map.css',\n  shadow: true,\n})\nexport class UdpMapToolbar {\n  @Element() el: HTMLElement;\n  //=====================================Props=================================\n  @Prop() map!: any; //Map instance\n  @Prop() mapTitle?: string = ''; //Title appearing on map\n  @Prop() mapProjection?: string = ''; //Map feature projection used\n  @Prop() getFeatureStyles?: any; //Method - Returns custom styles for features\n  @Prop() getSelectedFeatureStyles?: any; //Method - Returns custom styles for selected features\n  @Prop() filterPanel?: string = ''; //Custom filter panel\n  @Prop() enableTileSelection?: boolean = true; //Allows selecting tile layer\n  @Prop() tileLayersOptions?: any[] = []; //List of tile layers visible on the map\n  @Prop() defaultTileOptionName?: string = ''; //Default tile layer name\n  @Prop() layerOptions?: any[] = []; //List of options for vector layers\n  @Prop() bulkSelectedFeaturesActionPanel?: string = ''; //Custom action panel for selected features\n  @Prop() handleSetSelectedFeaturesOnBulkSelect: any; //Method - Retrieves selected features when bulk selected\n  @Prop() handleRefresh?: any; //Callback method to refresh map\n  @Prop() refreshButtonTooltip?: string = ''; //Custom tooltip message on refresh button\n  @Prop() readOnlyMap: boolean = false; //Map is read only (Setting true removes the add, edit, delete functionality)\n  @Prop() enableAdd: boolean = true; //Enables adding a new feature by drawing on the map\n  @Prop() handleAddNewFeatures: any; //When adding features on the map by drawing, this callback method returns the newly added features\n  @Prop() addMultipleFeatures: boolean = true; //When adding features by drawing, add multiple features\n  @Prop() enableSplitFeature: boolean = true; //Enables splitting linestrings on the map\n  @Prop() handleSplitFeature: any; //Callback function to return split feature\n  @Prop() handleSetSelectedFeatureProperties: any; //Method to set the selected feature properties\n  @Prop() filteredLayerOptionsByRole: any[] = []; //Layer options filtered by role\n  @Prop() handleSetBulkSelectionActive: any; //Set bulk selection state to active\n  @Prop() enableDragBox: boolean = false; //Boolean - if dragbox interaction is currently active\n  @Prop() handleSetEnableDragBox: any; //Set enableDragBox state\n  @Prop() splitActive: boolean = false; //Boolean - if split interaction is currently active\n  @Prop() handleSetSplitActive: any; //Set splitActive state\n  @Prop() selectFeatureInteraction: any; // Interaction for select feature\n  @Prop() enableAddNewFeature: boolean = false; //Show the button to add a new feature by drawing on the map\n  @Prop() handleEnableAddNewFeature: any; //Callback method returns the new feature added\n  @Prop() handleSelectLayersCallback?: any; //Callback method returns selected layers\n  @Prop() readOnlyLayers?: string[] = [];\n  @Prop() selectedLayers: any;\n  @Prop() handleSetSelectedLayers: any; //Set state for selectedLayers\n  @Prop() addFeaturePanelConfig?: any;\n\n  //=================================States=========================================\n  @State() selectedFeatures: any;\n  @State() selectedTile: any = { label: 'Open Street Map', value: 'Open Street Map' };\n  @State() selectedBulkSelectionType: string = 'box';\n  @State() mapFeatures: any[];\n  @State() selectedFeatureByBoxSelection: any[] = [];\n  @State() tileSelectOptions: any[] = [{ label: 'Open Street Map', value: 'Open Street Map' }];\n  @State() currentBulkSelectDrawInteraction: Draw;\n  @State() currentAddFeatureDrawInteraction: Draw;\n  @State() currentSplitInteraction: Draw;\n  @State() newFeatureObjectsAdded: any[] = [];\n  @State() splitFeatureDetails: any;\n  @State() showSplitButton: boolean = false;\n\n  componentWillLoad() {\n    if (this.tileLayersOptions && this.tileLayersOptions?.length > 0) {\n      this.getTileLayerOptions();\n    }\n  }\n\n  /////////////////////////////////////////////////////////////WATCHERS////////////////////////////////////////////////////////\n\n  @Watch('tileLayersOptions')\n  updateTileSelectOptions() {\n    if (this.tileLayersOptions && this.tileLayersOptions?.length > 0) {\n      this.getTileLayerOptions();\n    }\n  }\n\n  ///////////////////////////////////////////////////METHODS//////////////////////////////////////////////////////////////////\n  setEnableDragBox = (set: boolean) => {\n    this.handleSetEnableDragBox(set);\n  };\n  setBulkSelectonActive = (active: boolean) => {\n    this.handleSetBulkSelectionActive(active);\n  };\n\n  //================================================CHANGING CURRENT MAP TYPE=========================================\n  getTileLayerOptions = () => {\n    this.tileSelectOptions = this.tileLayersOptions.map(tile => {\n      return { label: tile?.name, value: tile?.name };\n    });\n    this.selectedTile = this.tileSelectOptions.filter(t => t.value === this.defaultTileOptionName)[0];\n  };\n\n  handleSelectTile = (value: any) => {\n    if (!value) return;\n\n    this.selectedTile = value;\n\n    if (this.enableTileSelection && this.tileLayersOptions?.length > 0) {\n      const newTileLayer = this.tileLayersOptions.find(tile => tile?.name === value.value);\n      if (!newTileLayer) return;\n\n      // Remove previous base tile layers\n      const layersToRemove = this.map\n        .getLayers()\n        .getArray()\n        .filter(layer => layer.get('isBaseTile'));\n      layersToRemove.forEach(layer => {\n        this.map.removeLayer(layer);\n      });\n\n      // Add the new tile layer\n      const tileLayer = new TileLayer({\n        source: newTileLayer.source,\n        visible: true,\n        zIndex: 0,\n        properties: {\n          value: newTileLayer.name,\n          isBaseTile: true,\n        },\n      });\n\n      this.map.getLayers().insertAt(0, tileLayer);\n    }\n  };\n\n  handleSelectLayers = (value: any) => {\n    if (this.handleSetSelectedLayers) {\n      this.handleSetSelectedLayers(value);\n    }\n\n    this.updateLayerVisibility(value);\n\n    if (this.handleSelectLayersCallback) {\n      this.handleSelectLayersCallback(value);\n    }\n  };\n\n  updateLayerVisibility = (visibleLayerNames: any, changeTileLayer: boolean = false) => {\n    let type = changeTileLayer ? TileLayer : VectorLayer;\n    this.map?.getLayers()?.forEach(layer => {\n      if (layer instanceof type) {\n        visibleLayerNames.includes(layer.get('value')) || layer.get('id') === DrawBaseLayerId ? layer.setVisible(true) : layer.setVisible(false);\n      }\n    });\n  };\n  //============================================BULK SELECTION=======================================================\n\n  bulkSelectDraw = (bulkSelectionType: string, projection: string) => {\n    getBulkSelectDrawInteraction(\n      this.map,\n      bulkSelectionType,\n      projection,\n      this.setBulkSelectonActive,\n      this.setEnableDragBox,\n      this.handleSetSelectedFeatureProperties,\n      this.clearSelectFeatureInteraction,\n      this.currentBulkSelectDrawInteraction,\n      this.handleSetCurrentBulkSelectDrawInteraction,\n      this.handleRemoveInteraction,\n      this.handleAddInteraction,\n      this.selectedFeatureByBoxSelection,\n      this.handleSetSelectedFeatureByBoxSelection,\n      this.handleSetSelectedBulkSelectionType,\n      this.getSelectedFeatureStyles,\n      this.handleSetSelectedFeaturesOnBulkSelect,\n    );\n  };\n  clearSelectFeatureInteraction = () => {\n    if (this.selectFeatureInteraction) {\n      this.selectFeatureInteraction.getFeatures().clear();\n      this.selectFeatureInteraction.setActive(false);\n    }\n  };\n  handleSetCurrentBulkSelectDrawInteraction = (interaction: any) => {\n    this.currentBulkSelectDrawInteraction = interaction;\n  };\n  handleSetSelectedFeatureByBoxSelection = (value: any) => {\n    this.selectedFeatureByBoxSelection = value;\n  };\n  handleSetSelectedBulkSelectionType = (type: string) => {\n    this.selectedBulkSelectionType = type;\n  };\n  handleCancelBulkSelectDraw = () => {\n    this.setBulkSelectonActive(false);\n    this.setEnableDragBox(false);\n    this.currentBulkSelectDrawInteraction.setActive(false);\n    this.map.removeInteraction(this.currentBulkSelectDrawInteraction);\n  };\n\n  handleBulkUnselectFeatures = () => {\n    if (this.selectedFeatureByBoxSelection.length > 0 && this.getFeatureStyles) {\n      this.selectedFeatureByBoxSelection.forEach(feature => {\n        let style = this.getFeatureStyles(feature);\n        if (hasStyles(style)) {\n          feature.setStyle(style);\n        }\n      });\n    }\n    this.setEnableDragBox(false);\n    this.setBulkSelectonActive(false);\n    this.selectedFeatureByBoxSelection = [];\n    if (this.handleSetSelectedFeaturesOnBulkSelect) {\n      this.handleSetSelectedFeaturesOnBulkSelect([]);\n    }\n  };\n\n  //=======================================ADDING FEATURES===================================================\n\n  startDrawingMapFeature = (selectedLayer: any, selectedType: any = 'Point') => {\n    getAddFeatureDrawInteraction(\n      this.map,\n      selectedLayer,\n      selectedType,\n      this.handleRemoveInteraction,\n      this.currentAddFeatureDrawInteraction,\n      this.handleSetCurrentInteraction,\n      this.handleGetFeatureObject,\n      this.handleEnableAddNewFeature,\n      this.handleSetSelectedFeatureProperties,\n      this.handleAddInteraction,\n      this.addMultipleFeatures,\n      this.addNewFeature,\n    );\n  };\n  \n  handleGetFeatureObject = (feature: any) => {\n    this.newFeatureObjectsAdded = [...this.newFeatureObjectsAdded, ...[feature]];\n  };\n  handleAddInteraction = (interaction: any) => {\n    this.map.addInteraction(interaction);\n    this.currentAddFeatureDrawInteraction = interaction;\n  };\n  handleRemoveInteraction = (interaction: any) => {\n    this.map.removeInteraction(interaction);\n    this.currentAddFeatureDrawInteraction = null;\n  };\n  handleSetCurrentInteraction = (interaction: any) => {\n    this.currentAddFeatureDrawInteraction = interaction;\n  };\n\n  cancelAddNewFeature = () => {\n    this.handleEnableAddNewFeature(false);\n    this.map.removeInteraction(this.currentAddFeatureDrawInteraction);\n  };\n\n  addNewFeature = () => {\n    this.handleEnableAddNewFeature(false);\n    this.map.removeInteraction(this.currentAddFeatureDrawInteraction);\n    if (this.handleAddNewFeatures) {\n      this.handleAddNewFeatures(this.newFeatureObjectsAdded);\n    }\n  };\n\n  //=========================================SPLITTING FEATURES=========================================================\n  handleStartSplitting = (selectedLayer: any) => {\n    this.handleSetSplit(true);\n    this.splitActive = true;\n    getSplitInteraction(\n      this.map,\n      selectedLayer,\n      this.currentSplitInteraction,\n      this.handleSetCurrentSplitInteraction,\n      this.handleSetSplit,\n      this.handleRemoveInteraction,\n      this.handleAddInteraction,\n      this.handleRetrieveSplitFeature,\n    );\n  };\n  handleSetSplit = (split: boolean) => {\n    this.handleSetSplitActive(split);\n    this.showSplitButton = split;\n  };\n  handleRetrieveSplitFeature = (split: any) => {\n    this.splitFeatureDetails = split;\n  };\n  handleSetCurrentSplitInteraction = (interaction: any) => {\n    this.currentSplitInteraction = interaction;\n  };\n  handleCancelSplit = () => {\n    this.handleSetSplit(false);\n    this.splitActive = false;\n    this.handleRemoveInteraction(this.currentSplitInteraction);\n    this.currentSplitInteraction = null;\n  };\n  handleSaveSplit = () => {\n    this.handleSetSplit(false);\n    this.handleRemoveInteraction(this.currentSplitInteraction);\n    this.currentSplitInteraction = null;\n    this.handleSplitFeature(this.splitFeatureDetails);\n  };\n\n  //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////\n  render() {\n    return (\n      <map-toolbar\n        map={this.map}\n        mapTitle={this.mapTitle}\n        layerOptions={this.layerOptions}\n        handleSelectLayers={this.handleSelectLayers}\n        visibleLayers={this.selectedLayers}\n        tileOptions={this.tileSelectOptions}\n        handleSelectTile={this.handleSelectTile}\n        selectedTile={this.selectedTile}\n        enableTileSelection={this.enableTileSelection}\n        filterPanel={this.filterPanel}\n        enableDragBox={this.enableDragBox}\n        selectedFeatureByBoxSelection={this.selectedFeatureByBoxSelection}\n        handleUnselectFeatures={this.handleBulkUnselectFeatures}\n        selectedFeaturesActionPanel={this.bulkSelectedFeaturesActionPanel}\n        handleCancelBoxSelection={this.handleCancelBulkSelectDraw}\n        handleBulkSelectionTypeOnChange={this.bulkSelectDraw}\n        mapProjection={this.mapProjection}\n        refreshEvent={this.handleRefresh}\n        refreshButtonTooltip={this.refreshButtonTooltip}\n        enableAddNewFeature={this.enableAddNewFeature}\n        handleStartDrawingMapFeature={this.startDrawingMapFeature}\n        cancelAddNewFeature={this.cancelAddNewFeature}\n        addNewFeature={this.addNewFeature}\n        enableSplit={this.enableSplitFeature}\n        handleStartSplitting={this.handleStartSplitting}\n        handleCancelSplit={this.handleCancelSplit}\n        handleSaveSplit={this.handleSaveSplit}\n        readOnlyMap={this.readOnlyMap}\n        enableAdd={this.enableAdd}\n        addMultipleFeatures={this.addMultipleFeatures}\n        showSplitButton={this.showSplitButton}\n        readOnlyLayers={this.readOnlyLayers}\n        addFeaturePanelConfig={this.addFeaturePanelConfig}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CY0PAhIT.js → p-Dmmz74K2.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-DPon6DDX.js';
-import { d as defineCustomElement$3 } from './p-Cf-3pInV.js';
-import { d as defineCustomElement$2 } from './p-IlXn87Ki.js';
+import { d as defineCustomElement$3 } from './p-Ct7EvUCI.js';
+import { d as defineCustomElement$2 } from './p-1Cv4cku0.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const udpFormsBuilderQuestionItemCss = ".list-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s}.list-item.clickable{cursor:grab}.list-item.clickable:hover{background-color:var(--primary-color-alpha-15, #f5f5f5)}.avatar-container{align-items:center}.text-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.primary-text,.secondary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-text{font-weight:500}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}";
@@ -83,6 +83,6 @@ function defineCustomElement() {
 }
 
 export { UdpFormsBuilderQuestionItem as U, defineCustomElement as d };
-//# sourceMappingURL=p-CY0PAhIT.js.map
+//# sourceMappingURL=p-Dmmz74K2.js.map
 
-//# sourceMappingURL=p-CY0PAhIT.js.map
+//# sourceMappingURL=p-Dmmz74K2.js.map

package/dist/components/{p-CY0PAhIT.js.map → p-Dmmz74K2.js.map}

@@ -1 +1 @@
-{"file":"p-CY0PAhIT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.css?tag=udp-forms-builder-question-item&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.tsx"],"sourcesContent":[".list-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--spacing-4, 16px);\n  padding: var(--spacing-3, 12px) var(--spacing-4, 16px);\n  border-bottom: 1px solid var(--border-color, #e0e0e0);\n  background-color: var(--card-background-color, #FFF);\n  transition: background-color 0.1s;\n}\n\n.list-item.clickable {\n  cursor: grab;\n}\n\n.list-item.clickable:hover {\n  background-color: var(--primary-color-alpha-15, #f5f5f5);\n}\n\n.avatar-container {\n  align-items: center;\n}\n\n.text-container {\n  flex-grow: 1;\n  min-width: 0; \n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.primary-text,\n.secondary-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.primary-text {\n  font-weight: 500;\n}\n\n.status-chip-container {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.actions-container {\n  display: flex;\n  flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-forms-builder-question-item',\n  styleUrl: 'udp-forms-builder-question-item.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderQuestionItem {\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  @Prop() onClick: (event: MouseEvent | KeyboardEvent) => void;\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 handleKeyPress = (event: KeyboardEvent) => {\n    if (this.clickable && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      this.onClick(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          }}\n          onClick={this.onClick}\n          onKeyPress={this.handleKeyPress}\n          role={this.clickable ? 'button' : undefined}\n          tabindex={this.clickable ? 0 : -1}\n        >\n\n          <div class=\"drag-and-drop-container\">\n            <slot name=\"drag-and-drop\"></slot>\n          </div>\n\n          {this.iconName && (\n            <div class=\"avatar-container\">\n              <udp-avatar iconName={this.iconName} variant={this.avatarVariant} color={this.avatarBackgroundColor}></udp-avatar>\n            </div>\n          )}\n          <div class=\"text-container\">\n            {showPrimaryText && (\n              <div class=\"primary-text\" title={this.primaryText}>\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\" title={this.secondaryText}>\n                <slot name=\"secondary-text\">\n                  <unity-typography variant=\"body\" 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"],"version":3}
+{"file":"p-Dmmz74K2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.css?tag=udp-forms-builder-question-item&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.tsx"],"sourcesContent":[".list-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--spacing-4, 16px);\n  padding: var(--spacing-3, 12px) var(--spacing-4, 16px);\n  border-bottom: 1px solid var(--border-color, #e0e0e0);\n  background-color: var(--card-background-color, #FFF);\n  transition: background-color 0.1s;\n}\n\n.list-item.clickable {\n  cursor: grab;\n}\n\n.list-item.clickable:hover {\n  background-color: var(--primary-color-alpha-15, #f5f5f5);\n}\n\n.avatar-container {\n  align-items: center;\n}\n\n.text-container {\n  flex-grow: 1;\n  min-width: 0; \n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.primary-text,\n.secondary-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.primary-text {\n  font-weight: 500;\n}\n\n.status-chip-container {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.actions-container {\n  display: flex;\n  flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-forms-builder-question-item',\n  styleUrl: 'udp-forms-builder-question-item.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderQuestionItem {\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  @Prop() onClick: (event: MouseEvent | KeyboardEvent) => void;\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 handleKeyPress = (event: KeyboardEvent) => {\n    if (this.clickable && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      this.onClick(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          }}\n          onClick={this.onClick}\n          onKeyPress={this.handleKeyPress}\n          role={this.clickable ? 'button' : undefined}\n          tabindex={this.clickable ? 0 : -1}\n        >\n\n          <div class=\"drag-and-drop-container\">\n            <slot name=\"drag-and-drop\"></slot>\n          </div>\n\n          {this.iconName && (\n            <div class=\"avatar-container\">\n              <udp-avatar iconName={this.iconName} variant={this.avatarVariant} color={this.avatarBackgroundColor}></udp-avatar>\n            </div>\n          )}\n          <div class=\"text-container\">\n            {showPrimaryText && (\n              <div class=\"primary-text\" title={this.primaryText}>\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\" title={this.secondaryText}>\n                <slot name=\"secondary-text\">\n                  <unity-typography variant=\"body\" 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"],"version":3}