udp-stencil-component-library 1.0.0

package/dist/esm/check-box.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-box.entry.js","sources":["src/components/my-component/UI/inputs/checkbox/check-box.css?tag=check-box&encapsulation=shadow","src/components/my-component/UI/inputs/checkbox/check-box.tsx"],"sourcesContent":[".checkbox-container {\n    display: flex;\n    align-items: center;\n  }\n  \n  .checkbox-container input[type=\"checkbox\"] {\n    margin-right: 8px;\n  }","import { Component, h, Host, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * A standardized checkbox component with proper controlled/uncontrolled patterns and validation.\n * Supports both boolean and string value handling for flexible form integration.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * **Value Handling:**\n * - Internal state always uses boolean values for checked/unchecked\n * - Events emit string values ('true'/'false') for form compatibility\n * - Supports string inputs ('true', '1', 'on') for initialValue\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial state\n * <check-box\n *   label=\"Accept Terms\"\n *   initialValue=\"true\"\n *   onChange={(e) => console.log('Checked:', e.detail === 'true')}\n * />\n *\n * // Controlled component\n * <check-box\n *   label=\"Newsletter Subscription\"\n *   checked={isSubscribed}\n *   onChange={(e) => setIsSubscribed(e.detail === 'true')}\n * />\n *\n * // With validation and requirement\n * <check-box\n *   label=\"I agree to the terms and conditions\"\n *   checked={agreedToTerms}\n *   required={true}\n *   error={termsError}\n *   onChange={handleTermsChange}\n * />\n * ```\n */\n@Component({\n  tag: 'check-box',\n  styleUrl: 'check-box.css',\n  shadow: true,\n})\nexport class Checkbox {\n  /**\n   * Initial value for the checkbox. Used for uncontrolled components to set the default state.\n   * Accepts string values: 'true', '1', 'on' for checked, anything else for unchecked.\n   * Only used when `checked` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current checked state of the checkbox. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) checked: boolean = false;\n\n  /**\n   * Label text displayed next to the checkbox. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Unique identifier for the checkbox element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the checkbox element. Used for form submission and label association.\n   */\n  @Prop() name: string;\n\n  /**\n   * Whether the checkbox is disabled. Users cannot interact with the checkbox when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Error message to display below the checkbox. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the checkbox is required for form submission. Adds validation behavior.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Internal checked state. Manages the current checkbox state independently of props.\n   * @internal\n   */\n  @State() internalChecked: boolean = false;\n\n  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the checkbox state changes (on click, etc.).\n   * Provides the final committed value when user toggles the checkbox.\n   *\n   * @event change\n   * @param {string} value - The current state as string ('true' or 'false')\n   *\n   * @example\n   * ```tsx\n   * <check-box onChange={(e) => handleCheckboxChange(e.detail === 'true')} />\n   * ```\n   */\n  @Event() change: EventEmitter<string>;\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 checked state when initialValue prop changes.\n   * Only updates if current state is default or if this is an uncontrolled component.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    // Only update if we don't have a checked state yet or if this is uncontrolled (no checked prop)\n    if (!this.internalChecked || this.checked === undefined) {\n      if (newValue !== undefined) {\n        this.internalChecked = newValue === 'true' || newValue === '1' || newValue === 'on';\n      }\n    }\n  }\n\n  /**\n   * Updates the internal checked state when checked prop changes.\n   * For controlled components, the checked prop takes precedence.\n   * @internal\n   */\n  @Watch('checked')\n  checkedChanged() {\n    // If checked prop is provided, this is a controlled component\n    if (this.checked !== undefined && this.checked !== this.internalChecked) {\n      this.internalChecked = this.checked;\n    }\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and internal checked state.\n   * @internal\n   */\n  componentWillLoad() {\n    // Initialize checked state: use checked prop if provided (controlled), otherwise use initialValue (uncontrolled)\n    if (this.checked !== undefined) {\n      this.internalChecked = this.checked;\n    } else if (this.initialValue !== undefined) {\n      this.internalChecked = this.initialValue === 'true' || this.initialValue === '1' || this.initialValue === 'on';\n    } else {\n      this.internalChecked = false;\n    }\n\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n  }\n\n  /**\n   * Handles checkbox change events. Updates internal state and emits events.\n   * For controlled components, also updates the checked prop.\n   * @param event - The native change event\n   * @internal\n   */\n  private handleChange = (event: Event) => {\n    const isChecked = (event.target as HTMLInputElement).checked;\n    this.internalChecked = isChecked;\n\n    // If this is a controlled component (checked prop provided), update the checked prop\n    if (this.checked !== undefined) {\n      this.checked = isChecked;\n    }\n\n    // Emit events with string values for form compatibility\n    const stringValue = isChecked ? 'true' : 'false';\n    this.change.emit(stringValue);\n  }\n\n  /**\n   * Renders the checkbox component with label and error message.\n   * @returns JSX element\n   * @internal\n   */\n  render() {\n    const isError = !!this.errorMessage;\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--required': this.required,\n          'udp-input--checked': this.internalChecked\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"checkbox-container\">\n          <input\n            type=\"checkbox\"\n            checked={this.internalChecked}\n            onChange={this.handleChange}\n            id={this.id}\n            name={this.name}\n            disabled={this.disabled}\n            required={this.required}\n          />\n          {this.label && <label htmlFor={this.id}>{this.label}</label>}\n          {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/chip-section.entry.js

@@ -0,0 +1,119 @@
+import { r as registerInstance, h, a as getElement } from './index-CaIWDYyq.js';
+
+const chipSectionCss = ".wrapper{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex-grow:1;width:100%;}.chipHolder{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex:1 1 auto;overflow:scroll}.chipHolder::-webkit-scrollbar{display:none}.viewChip{background-color:var(--primary-color);color:white;max-width:150px;transition:opacity 0.3s ease}.filterChipMenuIcon{background:grey;padding:8px;color:#3f51b5;}.additionalFilterChip{}.KPI{margin-left:auto;display:flex;gap:8px;color:grey;width:auto}.kpiValue{color:black;font-size:1.1em}.kpiItem{display:flex;justify-content:center;width:max-content}.kpiLabel{width:max-content;margin-right:8px;}.clickedChip{background-color:var(--primary-color);color:white;max-width:150px}";
+
+const ChipSection = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        // Props
+        this.filterChips = [];
+        this.viewChips = [];
+        this.menuItems = [];
+        this.additionalFilterChips = [];
+        this.hideKpiSection = false;
+        this.kpiValues = [];
+        this.maxKPIsDisplayed = 4;
+        this.anchorEl = null;
+        this.chipsReceived = false;
+        this.selectedFilterChip = null;
+        // Helper Functions
+        this.abbrNum = (number, decPlaces) => {
+            if (typeof number === 'string' && !isNaN(Number(number))) {
+                number = Number(number);
+            }
+            else if (typeof number !== 'number') {
+                throw new Error('The input must be a number or a string that can be converted to a number.');
+            }
+            if (typeof decPlaces !== 'number') {
+                return null;
+            }
+            decPlaces = Math.pow(10, decPlaces);
+            let abbrev = ['k', 'm', 'b', 't'];
+            for (let i = abbrev.length - 1; i >= 0; i--) {
+                let size = Math.pow(10, (i + 1) * 3);
+                if (size <= number) {
+                    number = Math.round((number * decPlaces) / size) / decPlaces;
+                    if (number === 1000 && i < abbrev.length - 1) {
+                        number = 1;
+                        i++;
+                    }
+                    number += abbrev[i];
+                    break;
+                }
+            }
+            return number;
+        };
+        this.isEmpty = (array) => Array.isArray(array) && array.length === 0;
+        this.abbreviateLabel = (label) => {
+            const maxLength = 10;
+            if (label.length > maxLength) {
+                const newLabel = label.slice(0, maxLength - 3) + '...';
+                return newLabel;
+            }
+            else {
+                return null;
+            }
+        };
+        this.handleFilterChipToggle = (chip) => {
+            this.selectedFilterChip = chip; // <-- changed here
+            if (typeof chip.onToggle === 'function') {
+                chip.onToggle();
+            }
+        };
+        this.handleFilterChipUntoggle = () => {
+            if (this.selectedFilterChip) {
+                // if the user wants extra functionality when the filter chip is untoggled, call the function
+                if (typeof this.selectedFilterChip.onUntoggle === 'function') {
+                    this.selectedFilterChip.onUntoggle();
+                }
+                this.selectedFilterChip = null; // <-- changed here
+            }
+        };
+    }
+    // Watchers and lifecycle methods
+    filterChipsChanged(newValue) {
+        if (!this.chipsReceived && newValue.length > 0) {
+            this.allFilterChips = newValue;
+            this.visibleFilterChips = newValue;
+        }
+    }
+    componentWillLoad() {
+        // Equivalent to useEffect
+        console.log("componentWillLoad in ChipSection", this.filterChips);
+        if (!this.chipsReceived && this.filterChips.length > 0) {
+            this.allFilterChips = this.filterChips;
+            this.visibleFilterChips = this.filterChips;
+        }
+    }
+    componentDidLoad() {
+        console.log("componentDidLoad in ChipSection");
+        this.chipSectionContainer = this.el.shadowRoot.querySelector('#chipSectionContainer');
+        this.viewChipsContainer = this.el.shadowRoot.querySelector('#viewChipsContainer');
+        this.filterChipsContainer = this.el.shadowRoot.querySelector('#filterChipsContainer');
+        this.additionalFilterChipsContainer = this.el.shadowRoot.querySelector('#additionalFilterChipsContainer');
+        this.kpiContainer = this.el.shadowRoot.querySelector('#kpiContainer');
+    }
+    handleClick(ev) {
+        console.log("Click event", ev);
+    }
+    render() {
+        console.log("Rendering ChipSection", this.visibleFilterChips);
+        return (h("div", { key: 'eab24a4db26da44f6ffc280c0939f8295d9ebb57', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '02895ced71cdb97a9a3379ed5b395b9a4df9547c', class: "chipHolder" }, h("div", { key: '8e42568a37786f3c26bcced865a94eb9eb84e230', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: '883a0a2e647eadb58e925e3d220548b5e12fcbbe', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: '0611e3f4229953a55027a8f6dbc77e47135855cc', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
+            if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
+                console.log('returning null...');
+                return null;
+            }
+            return (h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
+        })), h("div", { key: '68a897298440f6a06f2f159ecb302432ab3cd74d', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '954cd87ff319be6985b16d528d61a05409268990', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "filterChips": ["filterChipsChanged"]
+    }; }
+};
+ChipSection.style = chipSectionCss;
+
+export { ChipSection as chip_section };
+//# sourceMappingURL=chip-section.entry.js.map
+
+//# sourceMappingURL=chip-section.entry.js.map

package/dist/esm/chip-section.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-section.entry.js","sources":["src/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.css?tag=chip-section&encapsulation=shadow","src/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.tsx"],"sourcesContent":[".wrapper {\n    display: flex;\n    gap: 8px; /* You might need to adjust the spacing based on your theme.spacing */\n    flex-wrap: no-wrap;\n    /* background-color: #9fa8da80;  */\n    align-items: center;\n    flex-grow: 1;\n    width: 100%;\n    /* width: 500px; */\n  }\n  \n  .chipHolder {\n    display: flex;\n    gap: 8px;\n    flex-wrap: no-wrap;\n    align-items: center;\n    flex: 1 1 auto; /* Shorthand to allow the item to grow and shrink */\n    overflow: scroll;\n}\n\n  \n  .chipHolder::-webkit-scrollbar {\n    display: none;\n  }\n  \n  .viewChip {\n    background-color: var(--primary-color);\n    color: white;\n    max-width: 150px;\n    transition: opacity 0.3s ease;\n  }\n  \n  .filterChipMenuIcon {\n    background: grey; /* Change this to your theme.palette.common.grey */\n    padding: 8px; /* theme.spacing */\n    color: #3f51b5; /* theme.palette.primary.main */\n  }\n  \n  .additionalFilterChip {\n    /* Additional styles for your additional filter chip */\n  }\n  \n  .KPI {\n    margin-left: auto;\n    display: flex;\n    gap: 8px; /* theme.spacing */\n    color: grey;\n    width: auto;\n  }\n  \n  .kpiValue {\n    color: black;\n    font-size: 1.1em;\n  }\n  \n  .kpiItem {\n    display: flex;\n    justify-content: center;\n    width: max-content;\n  }\n  \n  .kpiLabel {\n    width: max-content;\n    margin-right: 8px; /* theme.spacing */\n  }\n  \n  .clickedChip {\n    background-color: var(--primary-color);\n    color: white;\n    max-width: 150px;\n  }\n  ","import { Component, h, Prop, State, Element, Watch, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'chip-section',\n  styleUrl: 'chip-section.css',\n  shadow: true\n})\nexport class ChipSection {\n  @Element() el: HTMLElement;\n\n  // Props\n  @Prop() filterChips: Array<any> = [];\n  @Prop() viewChips: Array<any> = [];\n  @Prop() menuItems: Array<any> = [];\n  @Prop() additionalFilterChips: Array<any> = [];\n  @Prop() hideKpiSection: boolean = false;\n  @Prop() kpiValues: Array<any> = [];\n  @Prop() maxKPIsDisplayed: number = 4;\n  @Prop() handleDelete: Function;\n\n  // States\n  @State() allFilterChips: Array<any>;\n  @State() visibleFilterChips: Array<any>;\n  @State() anchorEl: any = null;\n  @State() chipsReceived: boolean = false;\n  @State() selectedFilterChip: any = null;\n\n  chipSectionContainer!: HTMLElement;\n  viewChipsContainer!: HTMLElement;\n  filterChipsContainer!: HTMLElement;\n  additionalFilterChipsContainer!: HTMLElement;\n  kpiContainer!: HTMLElement;\n\n  // Watchers and lifecycle methods\n  @Watch('filterChips')\n  filterChipsChanged(newValue: any) {\n    if (!this.chipsReceived && newValue.length > 0) {\n      this.allFilterChips = newValue;\n      this.visibleFilterChips = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    // Equivalent to useEffect\n    console.log(\"componentWillLoad in ChipSection\", this.filterChips);\n    if (!this.chipsReceived && this.filterChips.length > 0) {\n      this.allFilterChips = this.filterChips;\n      this.visibleFilterChips = this.filterChips;\n    }\n  }\n\n  \n  componentDidLoad() {\n    console.log(\"componentDidLoad in ChipSection\");\n    this.chipSectionContainer = this.el.shadowRoot!.querySelector('#chipSectionContainer') as HTMLElement;\n    this.viewChipsContainer = this.el.shadowRoot!.querySelector('#viewChipsContainer') as HTMLElement;\n    this.filterChipsContainer = this.el.shadowRoot!.querySelector('#filterChipsContainer') as HTMLElement;\n    this.additionalFilterChipsContainer = this.el.shadowRoot!.querySelector('#additionalFilterChipsContainer') as HTMLElement;\n    this.kpiContainer = this.el.shadowRoot!.querySelector('#kpiContainer') as HTMLElement;\n  }\n\n  // Helper Functions\n    abbrNum =  (number, decPlaces) => {\n        if (typeof number === 'string' && !isNaN(Number(number))) {\n          number = Number(number);\n        } else if (typeof number !== 'number') {\n          throw new Error(\n            'The input must be a number or a string that can be converted to a number.'\n          );\n        }\n    \n        if (typeof decPlaces !== 'number') {\n          return null;\n        }\n    \n        decPlaces = Math.pow(10, decPlaces);\n        let abbrev = ['k', 'm', 'b', 't'];\n    \n        for (let i = abbrev.length - 1; i >= 0; i--) {\n          let size = Math.pow(10, (i + 1) * 3);\n    \n          if (size <= number) {\n            number = Math.round((number * decPlaces) / size) / decPlaces;\n    \n            if (number === 1000 && i < abbrev.length - 1) {\n              number = 1;\n              i++;\n            }\n    \n            number += abbrev[i];\n            break;\n          }\n        }\n    \n        return number;\n      };\n\n\n  isEmpty = (array) => Array.isArray(array) && array.length === 0;\n\n\n  abbreviateLabel = (label) => {\n    const maxLength = 10;\n\n    if (label.length > maxLength) {\n      const newLabel = label.slice(0, maxLength - 3) + '...';\n      return newLabel;\n    } else {\n      return null;\n    }\n  };\n\n  handleFilterChipToggle = (chip) => {\n    this.selectedFilterChip = chip; // <-- changed here\n  \n    if (typeof chip.onToggle === 'function') {\n      chip.onToggle();\n    }\n  };\n  \n  handleFilterChipUntoggle = () => {\n    if (this.selectedFilterChip) {\n      // if the user wants extra functionality when the filter chip is untoggled, call the function\n      if (typeof this.selectedFilterChip.onUntoggle === 'function') {\n        this.selectedFilterChip.onUntoggle();\n      }\n  \n      this.selectedFilterChip = null; // <-- changed here\n    }\n  };\n  \n\n  @Listen('click', { capture: true })\n  handleClick(ev) {\n    console.log(\"Click event\", ev);\n  }\n\n  render() {\n    console.log(\"Rendering ChipSection\", this.visibleFilterChips);\n    return (\n        <div class=\"wrapper\" id=\"chipSectionContainer\">\n          <div class=\"chipHolder\">\n          \n            {/* Your View Chips */}\n            <div id=\"viewChipsContainer\">\n              {this.viewChips.map((chip, index) => (\n                <stencil-chip\n                  onOnDelete={() => this.handleDelete('view', index)}\n                  text={chip.label}\n                  class=\"viewChip\"\n                ></stencil-chip>\n              ))}\n            </div>\n  \n            {/* Dynamic filter chip container */}\n            <udp-dynamic-container-with-menu id=\"filterChipsContainer\"  menuItems={this.menuItems} >\n  {this.selectedFilterChip && (\n    <stencil-chip\n      onOnDelete={this.handleFilterChipUntoggle}\n      text={this.selectedFilterChip.label}\n      class=\"viewChip\"\n    ></stencil-chip>\n  )}\n{console.log('filtering here...', this.filterChips)}\n  {this.filterChips.map((chip) => {\n    if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {\n      console.log('returning null...')\n      return null;\n    }\n    return (\n      <stencil-chip\n        text={`${chip.label} ${chip.value}`}\n        class=\"filterChip\"\n        onClick={() => this.handleFilterChipToggle(chip)}\n      ></stencil-chip>\n    );\n  })}\n\n</udp-dynamic-container-with-menu>\n  \n            {/* {this.filterChips.map((chip, index) => {\n              if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {\n                return null;\n              }\n              return (\n                <stencil-chip\n                  text={`${chip.label} ${chip.value}`}\n                  class=\"filterChip\"\n                  onClick={() => this.handleFilterChipToggle(chip)}\n                ></stencil-chip>\n              );\n            })} */}\n  \n            {/* Your Additional Filter Chips */}\n            <div id=\"additionalFilterChipsContainer\">\n              {this.additionalFilterChips.map((chip, index) => (\n                <stencil-chip\n                  onOnDelete={() => this.handleDelete('additionalFilter', index)}\n                  text={chip.label}\n                  class=\"additionalFilterChip\"\n                ></stencil-chip>\n              ))}\n            </div>\n  \n            {/* KPI Section */}\n            {!this.hideKpiSection && (\n              <div class=\"KPI\" id=\"kpiContainer\">\n                {this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (\n                  <div class=\"kpiItem\">\n                    <span class=\"kpiLabel\">{this.abbreviateLabel(kpi.label) || kpi.label}</span>\n                    <span class=\"kpiValue\">{this.abbrNum(kpi.value, 1)}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      );\n  }\n  \n\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/client-side-grid.entry.js

@@ -0,0 +1,42 @@
+import { r as registerInstance, c as createEvent, h } from './index-CaIWDYyq.js';
+
+const ClientSideGrid = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.gridReady = createEvent(this, "gridReady");
+        this.rowData = [];
+        this.columnDefs = [];
+        this.clientConfig = {
+            rowModelType: 'clientSide',
+        };
+        this.headerConfig = {
+            title: 'Client-Side',
+        };
+    }
+    updateRowData() {
+        if (this.gridApi) {
+            this.gridApi.setGridOption('rowData', this.rowData);
+        }
+    }
+    updateColumnDefs() {
+        if (this.gridApi) {
+            this.gridApi.setGridOption('columnDefs', this.columnDefs);
+        }
+    }
+    handleGridReady(event) {
+        this.gridApi = event.detail;
+        this.gridReady.emit(this.gridApi);
+    }
+    render() {
+        return h("ag-grid-base", { key: '6426821528231af2197dde5ac545069bdb01602f', gridConfig: this.clientConfig, headerConfig: this.headerConfig, onGridReady: e => this.handleGridReady(e) });
+    }
+    static get watchers() { return {
+        "rowData": ["updateRowData"],
+        "columnDefs": ["updateColumnDefs"]
+    }; }
+};
+
+export { ClientSideGrid as client_side_grid };
+//# sourceMappingURL=client-side-grid.entry.js.map
+
+//# sourceMappingURL=client-side-grid.entry.js.map

package/dist/esm/client-side-grid.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-side-grid.entry.js","sources":["src/components/my-component/UI/grid/new-grid/client-side-grid.tsx"],"sourcesContent":["// src/components/client-grid/client-grid.tsx\nimport { Component, h, Prop, Watch, Event, EventEmitter } from '@stencil/core';\nimport { GridOptions, GridApi, ColDef } from 'ag-grid-community-v33';\n\n@Component({\n  tag: 'client-side-grid',\n  shadow: false,\n})\nexport class ClientSideGrid {\n  @Prop() rowData: Array<object> = [];\n  @Prop() columnDefs: Array<ColDef> = [];\n  @Event() gridReady!: EventEmitter<GridApi>;\n\n  private gridApi!: GridApi;\n\n  @Watch('rowData')\n  updateRowData() {\n    if (this.gridApi) {\n      this.gridApi.setGridOption('rowData', this.rowData);\n    }\n  }\n\n  @Watch('columnDefs')\n  updateColumnDefs() {\n    if (this.gridApi) {\n      this.gridApi.setGridOption('columnDefs', this.columnDefs);\n    }\n  }\n\n  private handleGridReady(event: CustomEvent<GridApi>) {\n    this.gridApi = event.detail;\n    this.gridReady.emit(this.gridApi);\n  }\n\n  private clientConfig: GridOptions = {\n    rowModelType: 'clientSide',\n  };\n\n  private headerConfig = {\n    title: 'Client-Side',\n  };\n\n  render() {\n    return <ag-grid-base gridConfig={this.clientConfig} headerConfig={this.headerConfig} onGridReady={e => this.handleGridReady(e)} />;\n  }\n}\n"],"names":[],"mappings":";;MAQa,cAAc,GAAA,MAAA;AAJ3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAKU,QAAA,IAAO,CAAA,OAAA,GAAkB,EAAE;AAC3B,QAAA,IAAU,CAAA,UAAA,GAAkB,EAAE;QAwB9B,IAAA,CAAA,YAAY,GAAgB;AAClC,YAAA,YAAY,EAAE,YAAY;SAC3B;QAEO,IAAA,CAAA,YAAY,GAAG;AACrB,YAAA,KAAK,EAAE,aAAa;SACrB;AAKF;IA7BC,aAAa,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC;;;IAKvD,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;;;AAIrD,IAAA,eAAe,CAAC,KAA2B,EAAA;AACjD,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM;QAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;IAWnC,MAAM,GAAA;AACJ,QAAA,OAAO,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,UAAU,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAA,CAAI;;;;;;;;;;"}

package/dist/esm/color-preview.entry.js

@@ -0,0 +1,27 @@
+import { r as registerInstance, h } from './index-CaIWDYyq.js';
+
+const colorPreviewCss = ".sc-color-preview-h{display:block;padding:2rem}.container.sc-color-preview{display:flex;flex-direction:column;gap:2rem}.theme-section.sc-color-preview,.status-section.sc-color-preview{display:flex;flex-wrap:wrap;gap:2rem}.theme-section.sc-color-preview>div.sc-color-preview{width:100%;display:flex;gap:2rem;flex-wrap:wrap}.color-section.sc-color-preview{min-width:300px;flex:1}.color-grid.sc-color-preview{display:grid;gap:1rem;margin-top:1rem}.color-box.sc-color-preview{padding:1rem;border-radius:var(--border-radius);min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-family);font-size:0.875rem;box-shadow:var(--elevation-01)}";
+
+const ColorPreview = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    renderColorBox(varName, textVarName) {
+        return (h("div", { class: "color-box", style: { backgroundColor: `var(${varName})`, color: textVarName ? `var(${textVarName})` : '#000' } }, varName));
+    }
+    renderColorSection(title, prefix, includeContrast = true) {
+        return (h("div", { class: "color-section" }, h("unity-typography", { variant: "h4" }, title), h("div", { class: "color-grid" }, this.renderColorBox(`--${prefix}-color`, includeContrast ? `--${prefix}-contrast-text` : undefined), this.renderColorBox(`--${prefix}-color-dark`, includeContrast ? `--${prefix}-contrast-text` : undefined), this.renderColorBox(`--${prefix}-color-light`, includeContrast ? `--${prefix}-contrast-text` : undefined), this.renderColorBox(`--${prefix}-color-hint`, includeContrast ? `--${prefix}-contrast-text` : undefined))));
+    }
+    renderStatusSection(title, prefix) {
+        return (h("div", { class: "color-section" }, h("unity-typography", { variant: "h4" }, title), h("div", { class: "color-grid" }, this.renderColorBox(`--${prefix}-color-main`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-dark`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-light`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-hint`, `--${prefix}-contrast-text`))));
+    }
+    render() {
+        return (h("div", { key: 'd01b1d9d8d29689b1e43b86ac4c42a64a7a9da45', class: "container" }, h("unity-typography", { key: '0b9979d9df0b9064a7dc80495aef1e0d8488d4df', variant: "h2" }, "Unity Theme"), h("div", { key: '41b57a42358e717cf2cd175a42adfb91bff9df9f', class: "theme-section" }, h("div", { key: 'd1f6feef42e188bde02e733efc722b73167d9021', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '683b42813f0264336cebc3fa167fb8991c6bf5ca', variant: "h2" }, "SAP Theme"), h("div", { key: '7fb6ea73a69371a2291b288b3dbff5d37144a5e5', class: "theme-section" }, h("div", { key: '8564e3f21ccb5b830543dfd6ef5ee722a25670bc', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '32d1d3ad99d817516f7e432845ab8847b60624d1', variant: "h2" }, "Status Colors"), h("div", { key: '482466c493bfc603be017f0dfbcaec6305b1da35', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
+    }
+};
+ColorPreview.style = colorPreviewCss;
+
+export { ColorPreview as color_preview };
+//# sourceMappingURL=color-preview.entry.js.map
+
+//# sourceMappingURL=color-preview.entry.js.map

package/dist/esm/color-preview.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-preview.entry.js","sources":["src/theme/color-preview/color-preview.css?tag=color-preview&encapsulation=scoped","src/theme/color-preview/color-preview.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: 2rem;\n}\n\n.container {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.theme-section,\n.status-section {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2rem;\n}\n\n.theme-section > div {\n  width: 100%;\n  display: flex;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.color-section {\n  min-width: 300px;\n  flex: 1;\n}\n\n.color-grid {\n  display: grid;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.color-box {\n  padding: 1rem;\n  border-radius: var(--border-radius);\n  min-height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-family: var(--font-family);\n  font-size: 0.875rem;\n  box-shadow: var(--elevation-01);\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'color-preview',\n  styleUrl: 'color-preview.css',\n  shadow: false, // Change this from true to false\n  scoped: true  // Add this line\n})\nexport class ColorPreview {\n  private renderColorBox(varName: string, textVarName?: string) {\n    return (\n      <div class=\"color-box\" style={{ backgroundColor: `var(${varName})`, color: textVarName ? `var(${textVarName})` : '#000' }}>\n        {varName}\n      </div>\n    );\n  }\n\n  private renderColorSection(title: string, prefix: string, includeContrast = true) {\n    return (\n      <div class=\"color-section\">\n        <unity-typography variant=\"h4\">{title}</unity-typography>\n        <div class=\"color-grid\">\n          {this.renderColorBox(`--${prefix}-color`, includeContrast ? `--${prefix}-contrast-text` : undefined)}\n          {this.renderColorBox(`--${prefix}-color-dark`, includeContrast ? `--${prefix}-contrast-text` : undefined)}\n          {this.renderColorBox(`--${prefix}-color-light`, includeContrast ? `--${prefix}-contrast-text` : undefined)}\n          {this.renderColorBox(`--${prefix}-color-hint`, includeContrast ? `--${prefix}-contrast-text` : undefined)}\n        </div>\n      </div>\n    );\n  }\n\n  private renderStatusSection(title: string, prefix: string) {\n    return (\n      <div class=\"color-section\">\n        <unity-typography variant=\"h4\">{title}</unity-typography>\n        <div class=\"color-grid\">\n          {this.renderColorBox(`--${prefix}-color-main`, `--${prefix}-contrast-text`)}\n          {this.renderColorBox(`--${prefix}-color-dark`, `--${prefix}-contrast-text`)}\n          {this.renderColorBox(`--${prefix}-color-light`, `--${prefix}-contrast-text`)}\n          {this.renderColorBox(`--${prefix}-color-hint`, `--${prefix}-contrast-text`)}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <unity-typography variant=\"h2\">Unity Theme</unity-typography>\n        <div class=\"theme-section\">\n          <div class=\"unity-theme\">\n            {this.renderColorSection('Primary Colors', 'primary')}\n            {this.renderColorSection('Secondary Colors', 'secondary')}\n          </div>\n        </div>\n\n        <unity-typography variant=\"h2\">SAP Theme</unity-typography>\n        <div class=\"theme-section\">\n          <div class=\"sap-theme\">\n            {this.renderColorSection('Primary Colors', 'primary')}\n            {this.renderColorSection('Secondary Colors', 'secondary')}\n          </div>\n        </div>\n\n        <unity-typography variant=\"h2\">Status Colors</unity-typography>\n        <div class=\"status-section\">\n          {this.renderStatusSection('Success', 'success')}\n          {this.renderStatusSection('Error', 'error')}\n          {this.renderStatusSection('Warning', 'warning')}\n          {this.renderStatusSection('Info', 'info')}\n          {this.renderStatusSection('Note', 'note')}\n        </div>\n      </div>\n    );\n  }\n}"],"names":[],"mappings":"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"}

package/dist/esm/common-CwN0FuAf.js

@@ -0,0 +1,8 @@
+const PopoverOverlayId = 'map-popover-overlay';
+const SelectFeatureInteractionId = 'map-select-feature-interaction';
+const DrawBaseLayerId = 'ae698005-ec38-44dc-a24e-ce699fcddedf';
+
+export { DrawBaseLayerId as D, PopoverOverlayId as P, SelectFeatureInteractionId as S };
+//# sourceMappingURL=common-CwN0FuAf.js.map
+
+//# sourceMappingURL=common-CwN0FuAf.js.map

package/dist/esm/common-CwN0FuAf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-CwN0FuAf.js","sources":["src/components/my-component/UI/map/udp-map/utils/common.ts"],"sourcesContent":["export const PopoverOverlayId = 'map-popover-overlay';\n\nexport const SelectFeatureInteractionId = 'map-select-feature-interaction';\n\nexport const DrawBaseLayerId = 'ae698005-ec38-44dc-a24e-ce699fcddedf';"],"names":[],"mappings":"AAAO,MAAM,gBAAgB,GAAG;AAEzB,MAAM,0BAA0B,GAAG;AAEnC,MAAM,eAAe,GAAG;;;;"}

package/dist/esm/configService-Cn7PuhQz.js

@@ -0,0 +1,131 @@
+var _a;
+class ConfigService {
+    static set config(config) {
+        this._config = Object.assign(Object.assign({}, this._config), config);
+        this._isConfigSet = true;
+        this._resolveConfigPromise();
+    }
+    static get config() {
+        return this._config;
+    }
+    static async waitForConfig() {
+        if (!this._isConfigSet) {
+            await this._configPromise;
+        }
+    }
+    static get integrationV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.INTEGRATION_V1_API_BASE;
+    }
+    static get integrationV2ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.INTEGRATION_V2_API_BASE;
+    }
+    static get securityV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.SECURITY_SERVICE_V1_API_BASE;
+    }
+    static get tenantV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.TENANT_V1_API_BASE;
+    }
+    static get tenantV2ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.TENANT_V2_API_BASE;
+    }
+    static get productV1ApiUrl() {
+        return this._config.PRODUCT_API_DOMAIN + this.V1_API_BASE;
+    }
+    static get supportV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.SUPPORT_V1_API_BASE;
+    }
+    static get builderV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.BUILDER__V1_API_BASE;
+    }
+    static get uemV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.UEM_V1_API_BASE;
+    }
+    static get pgV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.PG_V1_API_BASE;
+    }
+    static get maestroV1ApiUrl() {
+        return this._config.UNITY_API_DOMAIN + this.MAESTRO_V1_API_BASE;
+    }
+    /**
+     * Loads config from a provided object, or from import.meta.env (Vite) or process.env (Node), using a prefix (default VITE_)
+     * @param envConfig - Optional environment configuration object (values must be strings)
+     * @param prefix - Environment variable prefix (default: 'VITE_')
+     * @throws {Error} If UNITY_ENVIRONMENT is provided but not a valid environment value
+     */
+    static loadConfig(envConfig, prefix = 'VITE_') {
+        // @ts-ignore vite/client types are not always available, so we ignore this line
+        const env = envConfig || (typeof import.meta !== 'undefined' && import.meta.env ? import.meta.env : (typeof process !== 'undefined' ? process.env : {}));
+        const get = (key, fallback = undefined) => { var _b; return (_b = env[`${prefix}${key}`]) !== null && _b !== void 0 ? _b : fallback; };
+        const getBool = (key, fallback = false) => {
+            const value = env[`${prefix}${key}`];
+            return value === 'true' ? true : (value !== undefined ? false : fallback);
+        };
+        // Process and validate UNITY_ENVIRONMENT
+        const getEnvironment = (key, fallback = undefined) => {
+            const rawValue = env[`${prefix}${key}`];
+            if (rawValue === undefined) {
+                return fallback;
+            }
+            // Lowercase the environment value
+            const normalizedValue = rawValue.toLowerCase();
+            // Validate against allowed environment types
+            const allowedEnvironments = [undefined, 'development', 'production', 'staging', 'build'];
+            if (!allowedEnvironments.includes(normalizedValue)) {
+                throw new Error(`Invalid UNITY_ENVIRONMENT value: "${rawValue}". Must be one of: development, production, staging, build`);
+            }
+            return normalizedValue;
+        };
+        this.config = {
+            UNITY_API_DOMAIN: get('UNITY_API_DOMAIN', this._config.UNITY_API_DOMAIN),
+            PRODUCT_API_DOMAIN: get('PRODUCT_API_DOMAIN', this._config.PRODUCT_API_DOMAIN),
+            UNITY_PRODUCT_ID: get('UNITY_PRODUCT_ID', this._config.UNITY_PRODUCT_ID),
+            MSAL_CLIENT_ID: get('MSAL_CLIENT_ID', this._config.MSAL_CLIENT_ID),
+            MSAL_TENANT: get('MSAL_TENANT', this._config.MSAL_TENANT),
+            MSAL_API_ACCESS_SCOPE: get('MSAL_API_ACCESS_SCOPE', this._config.MSAL_API_ACCESS_SCOPE),
+            UNITY_URL: get('UNITY_URL', this._config.UNITY_URL),
+            UNITY_TENANT_ID: get('UNITY_TENANT_ID', this._config.UNITY_TENANT_ID),
+            UNITY_VERTICAL_ID: get('UNITY_VERTICAL_ID', this._config.UNITY_VERTICAL_ID),
+            USE_AAD_REDIRECT: getBool('USE_AAD_REDIRECT', this._config.USE_AAD_REDIRECT),
+            UNITY_ENVIRONMENT: getEnvironment('UNITY_ENVIRONMENT', this._config.UNITY_ENVIRONMENT),
+            SIGN_IN_POLICY: get('SIGN_IN_POLICY', this._config.SIGN_IN_POLICY),
+        };
+    }
+}
+_a = ConfigService;
+ConfigService._config = {
+    UNITY_API_DOMAIN: 'https://gateway.unitydev.ca',
+    PRODUCT_API_DOMAIN: '',
+    UNITY_PRODUCT_ID: '',
+    MSAL_CLIENT_ID: '',
+    MSAL_TENANT: '',
+    MSAL_API_ACCESS_SCOPE: '',
+    UNITY_URL: 'https://unitydev.ca',
+    UNITY_TENANT_ID: '',
+    UNITY_VERTICAL_ID: '',
+    USE_AAD_REDIRECT: true,
+    UNITY_ENVIRONMENT: undefined,
+    SIGN_IN_POLICY: 'B2C_1A_signup_signin_v2',
+};
+ConfigService._isConfigSet = false;
+(() => {
+    _a._configPromise = new Promise(resolve => {
+        _a._resolveConfigPromise = resolve;
+    });
+})();
+// API base paths (private, not configurable)
+ConfigService.INTEGRATION_V1_API_BASE = '/IntegrationService/api/v1';
+ConfigService.INTEGRATION_V2_API_BASE = '/IntegrationService/api/v2';
+ConfigService.SECURITY_SERVICE_V1_API_BASE = '/SecurityService/api/v1';
+ConfigService.TENANT_V1_API_BASE = '/TenantService/api/v1';
+ConfigService.TENANT_V2_API_BASE = '/TenantService/api/v2';
+ConfigService.V1_API_BASE = '/api/v1';
+ConfigService.SUPPORT_V1_API_BASE = '/SupportService/api/v1';
+ConfigService.BUILDER__V1_API_BASE = '/BuilderService/api/v1';
+ConfigService.UEM_V1_API_BASE = '/UemService/api/v1';
+ConfigService.PG_V1_API_BASE = '/PaymentGatewayService/api/v1'; // THIS IS A PLACEHOLDER
+ConfigService.MAESTRO_V1_API_BASE = '/MaestroService/api/v1'; // Placeholder for Maestro API
+
+export { ConfigService as C };
+//# sourceMappingURL=configService-Cn7PuhQz.js.map
+
+//# sourceMappingURL=configService-Cn7PuhQz.js.map

package/dist/esm/configService-Cn7PuhQz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configService-Cn7PuhQz.js","sources":["src/udp-utilities/api-config/configService.ts"],"sourcesContent":["/**\n * Unity environment types\n */\nexport type UnityEnvironment = undefined | 'development' | 'production' | 'staging' | 'build';\n\n/**\n * Configuration interface for the ConfigService\n * Defines all available configuration properties with their types\n */\nexport interface IConfigService {\n  /** Unity API domain URL (e.g., 'https://gateway.unitydev.ca') */\n  UNITY_API_DOMAIN: string;\n  /** Product API domain URL */\n  PRODUCT_API_DOMAIN: string;\n  /** Unity product identifier */\n  UNITY_PRODUCT_ID: string;\n  /** MSAL client ID for authentication */\n  MSAL_CLIENT_ID: string;\n  /** MSAL tenant for authentication */\n  MSAL_TENANT: string;\n  /** MSAL API access scope */\n  MSAL_API_ACCESS_SCOPE: string;\n  /** Unity application URL */\n  UNITY_URL: string;\n  /** Unity tenant identifier */\n  UNITY_TENANT_ID: string;\n  /** Unity vertical identifier */\n  UNITY_VERTICAL_ID: string;\n  /** Whether to use AAD redirect flow */\n  USE_AAD_REDIRECT: boolean;\n  /** Unity environment identifier */\n  UNITY_ENVIRONMENT: UnityEnvironment;\n  /** B2C sign-in policy name */\n  SIGN_IN_POLICY: string;\n}\n\nexport class ConfigService {\n  private static _config: IConfigService = {\n    UNITY_API_DOMAIN: 'https://gateway.unitydev.ca',\n    PRODUCT_API_DOMAIN: '',\n    UNITY_PRODUCT_ID: '',\n    MSAL_CLIENT_ID: '',\n    MSAL_TENANT: '',\n    MSAL_API_ACCESS_SCOPE: '',\n    UNITY_URL: 'https://unitydev.ca',\n    UNITY_TENANT_ID: '',\n    UNITY_VERTICAL_ID: '',\n    USE_AAD_REDIRECT: true,\n    UNITY_ENVIRONMENT: undefined,\n    SIGN_IN_POLICY: 'B2C_1A_signup_signin_v2',\n  };\n\n  private static _isConfigSet = false;\n  private static _configPromise: Promise<void>;\n  private static _resolveConfigPromise: () => void;\n\n  static {\n    this._configPromise = new Promise<void>(resolve => {\n      this._resolveConfigPromise = resolve;\n    });\n  }\n\n  static set config(config: Partial<IConfigService>) {\n    this._config = { ...this._config, ...config };\n    this._isConfigSet = true;\n    this._resolveConfigPromise();\n  }\n\n  static get config(): IConfigService {\n    return this._config;\n  }\n\n  static async waitForConfig() {\n    if (!this._isConfigSet) {\n      await this._configPromise;\n    }\n  }\n\n  // API base paths (private, not configurable)\n  private static readonly INTEGRATION_V1_API_BASE = '/IntegrationService/api/v1';\n  private static readonly INTEGRATION_V2_API_BASE = '/IntegrationService/api/v2';\n  private static readonly SECURITY_SERVICE_V1_API_BASE = '/SecurityService/api/v1';\n  private static readonly TENANT_V1_API_BASE = '/TenantService/api/v1';\n  private static readonly TENANT_V2_API_BASE = '/TenantService/api/v2';\n  private static readonly V1_API_BASE = '/api/v1';\n  private static readonly SUPPORT_V1_API_BASE = '/SupportService/api/v1';\n  private static readonly BUILDER__V1_API_BASE = '/BuilderService/api/v1';\n  private static readonly UEM_V1_API_BASE = '/UemService/api/v1';\n  private static readonly PG_V1_API_BASE = '/PaymentGatewayService/api/v1'; // THIS IS A PLACEHOLDER\n  private static readonly MAESTRO_V1_API_BASE = '/MaestroService/api/v1'; // Placeholder for Maestro API\n\n\n  static get integrationV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.INTEGRATION_V1_API_BASE;\n  }\n  static get integrationV2ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.INTEGRATION_V2_API_BASE;\n  }\n  static get securityV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.SECURITY_SERVICE_V1_API_BASE;\n  }\n  static get tenantV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.TENANT_V1_API_BASE;\n  }\n  static get tenantV2ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.TENANT_V2_API_BASE;\n  }\n  static get productV1ApiUrl() {\n    return this._config.PRODUCT_API_DOMAIN + this.V1_API_BASE;\n  }\n  static get supportV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.SUPPORT_V1_API_BASE;\n  }\n  static get builderV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.BUILDER__V1_API_BASE;\n  }\n  static get uemV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.UEM_V1_API_BASE;\n  }\n  static get pgV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.PG_V1_API_BASE;\n  }\n  static get maestroV1ApiUrl() {\n    return this._config.UNITY_API_DOMAIN + this.MAESTRO_V1_API_BASE;\n  }\n  /**\n   * Loads config from a provided object, or from import.meta.env (Vite) or process.env (Node), using a prefix (default VITE_)\n   * @param envConfig - Optional environment configuration object (values must be strings)\n   * @param prefix - Environment variable prefix (default: 'VITE_')\n   * @throws {Error} If UNITY_ENVIRONMENT is provided but not a valid environment value\n   */\n  static loadConfig(envConfig?: Record<string, string>, prefix: string = 'VITE_'): void {\n    // @ts-ignore vite/client types are not always available, so we ignore this line\n    const env = envConfig || (typeof import.meta !== 'undefined' && import.meta.env ? import.meta.env : (typeof process !== 'undefined' ? process.env : {}));\n    const get = (key: string, fallback: any = undefined) => env[`${prefix}${key}`] ?? fallback;\n    const getBool = (key: string, fallback: boolean = false) => {\n      const value = env[`${prefix}${key}`];\n      return value === 'true' ? true : (value !== undefined ? false : fallback);\n    };\n\n    // Process and validate UNITY_ENVIRONMENT\n    const getEnvironment = (key: string, fallback: UnityEnvironment = undefined): UnityEnvironment => {\n      const rawValue = env[`${prefix}${key}`];\n      if (rawValue === undefined) {\n        return fallback;\n      }\n\n      // Lowercase the environment value\n      const normalizedValue = rawValue.toLowerCase();\n\n      // Validate against allowed environment types\n      const allowedEnvironments: UnityEnvironment[] = [undefined, 'development', 'production', 'staging', 'build'];\n      if (!allowedEnvironments.includes(normalizedValue as UnityEnvironment)) {\n        throw new Error(`Invalid UNITY_ENVIRONMENT value: \"${rawValue}\". Must be one of: development, production, staging, build`);\n      }\n\n      return normalizedValue as UnityEnvironment;\n    };\n\n    this.config = {\n      UNITY_API_DOMAIN: get('UNITY_API_DOMAIN', this._config.UNITY_API_DOMAIN),\n      PRODUCT_API_DOMAIN: get('PRODUCT_API_DOMAIN', this._config.PRODUCT_API_DOMAIN),\n      UNITY_PRODUCT_ID: get('UNITY_PRODUCT_ID', this._config.UNITY_PRODUCT_ID),\n      MSAL_CLIENT_ID: get('MSAL_CLIENT_ID', this._config.MSAL_CLIENT_ID),\n      MSAL_TENANT: get('MSAL_TENANT', this._config.MSAL_TENANT),\n      MSAL_API_ACCESS_SCOPE: get('MSAL_API_ACCESS_SCOPE', this._config.MSAL_API_ACCESS_SCOPE),\n      UNITY_URL: get('UNITY_URL', this._config.UNITY_URL),\n      UNITY_TENANT_ID: get('UNITY_TENANT_ID', this._config.UNITY_TENANT_ID),\n      UNITY_VERTICAL_ID: get('UNITY_VERTICAL_ID', this._config.UNITY_VERTICAL_ID),\n      USE_AAD_REDIRECT: getBool('USE_AAD_REDIRECT', this._config.USE_AAD_REDIRECT),\n      UNITY_ENVIRONMENT: getEnvironment('UNITY_ENVIRONMENT', this._config.UNITY_ENVIRONMENT),\n      SIGN_IN_POLICY: get('SIGN_IN_POLICY', this._config.SIGN_IN_POLICY),\n    };\n  }\n}\n"],"names":[],"mappings":";MAoCa,aAAa,CAAA;IA0BxB,WAAW,MAAM,CAAC,MAA+B,EAAA;QAC/C,IAAI,CAAC,OAAO,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,OAAO,CAAA,EAAK,MAAM,CAAE;AAC7C,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QACxB,IAAI,CAAC,qBAAqB,EAAE;;AAG9B,IAAA,WAAW,MAAM,GAAA;QACf,OAAO,IAAI,CAAC,OAAO;;IAGrB,aAAa,aAAa,GAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,MAAM,IAAI,CAAC,cAAc;;;AAkB7B,IAAA,WAAW,mBAAmB,GAAA;QAC5B,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,uBAAuB;;AAErE,IAAA,WAAW,mBAAmB,GAAA;QAC5B,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,uBAAuB;;AAErE,IAAA,WAAW,gBAAgB,GAAA;QACzB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,4BAA4B;;AAE1E,IAAA,WAAW,cAAc,GAAA;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,kBAAkB;;AAEhE,IAAA,WAAW,cAAc,GAAA;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,kBAAkB;;AAEhE,IAAA,WAAW,eAAe,GAAA;QACxB,OAAO,IAAI,CAAC,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,WAAW;;AAE3D,IAAA,WAAW,eAAe,GAAA;QACxB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB;;AAEjE,IAAA,WAAW,eAAe,GAAA;QACxB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,oBAAoB;;AAElE,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe;;AAE7D,IAAA,WAAW,UAAU,GAAA;QACnB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,cAAc;;AAE5D,IAAA,WAAW,eAAe,GAAA;QACxB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB;;AAEjE;;;;;AAKG;AACH,IAAA,OAAO,UAAU,CAAC,SAAkC,EAAE,SAAiB,OAAO,EAAA;;QAE5E,MAAM,GAAG,GAAG,SAAS,KAAK,OAAO,MAAM,CAAC,IAAI,KAAK,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,OAAO,OAAO,KAAK,WAAW,GAAG,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QACxJ,MAAM,GAAG,GAAG,CAAC,GAAW,EAAE,WAAgB,SAAS,KAAI,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,GAAG,CAAC,CAAA,EAAG,MAAM,CAAA,EAAG,GAAG,CAAA,CAAE,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,QAAQ,CAAA,EAAA;QAC1F,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,QAAoB,GAAA,KAAK,KAAI;YACzD,MAAM,KAAK,GAAG,GAAG,CAAC,CAAA,EAAG,MAAM,CAAG,EAAA,GAAG,CAAE,CAAA,CAAC;YACpC,OAAO,KAAK,KAAK,MAAM,GAAG,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC3E,SAAC;;QAGD,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,QAA6B,GAAA,SAAS,KAAsB;YAC/F,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAA,EAAG,MAAM,CAAG,EAAA,GAAG,CAAE,CAAA,CAAC;AACvC,YAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AAC1B,gBAAA,OAAO,QAAQ;;;AAIjB,YAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,EAAE;;AAG9C,YAAA,MAAM,mBAAmB,GAAuB,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC;YAC5G,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,eAAmC,CAAC,EAAE;AACtE,gBAAA,MAAM,IAAI,KAAK,CAAC,qCAAqC,QAAQ,CAAA,0DAAA,CAA4D,CAAC;;AAG5H,YAAA,OAAO,eAAmC;AAC5C,SAAC;QAED,IAAI,CAAC,MAAM,GAAG;YACZ,gBAAgB,EAAE,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;YACxE,kBAAkB,EAAE,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;YAC9E,gBAAgB,EAAE,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;YACxE,cAAc,EAAE,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;YAClE,WAAW,EAAE,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;YACzD,qBAAqB,EAAE,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC;YACvF,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACnD,eAAe,EAAE,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YACrE,iBAAiB,EAAE,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC;YAC3E,gBAAgB,EAAE,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;YAC5E,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC;YACtF,cAAc,EAAE,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;SACnE;;;;AAvIY,aAAA,CAAA,OAAO,GAAmB;AACvC,IAAA,gBAAgB,EAAE,6BAA6B;AAC/C,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,gBAAgB,EAAE,EAAE;AACpB,IAAA,cAAc,EAAE,EAAE;AAClB,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,qBAAqB,EAAE,EAAE;AACzB,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,eAAe,EAAE,EAAE;AACnB,IAAA,iBAAiB,EAAE,EAAE;AACrB,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,cAAc,EAAE,yBAAyB;AAC1C,CAbqB;AAeP,aAAY,CAAA,YAAA,GAAG,KAAH;AAI3B,CAAA,MAAA;AACE,IAAA,EAAA,CAAK,cAAc,GAAG,IAAI,OAAO,CAAO,OAAO,IAAG;QAChD,EAAK,CAAA,qBAAqB,GAAG,OAAO;AACtC,KAAC,CAAC;AACJ,CAAC,GAAA;AAkBD;AACwB,aAAuB,CAAA,uBAAA,GAAG,4BAAH;AACvB,aAAuB,CAAA,uBAAA,GAAG,4BAAH;AACvB,aAA4B,CAAA,4BAAA,GAAG,yBAAH;AAC5B,aAAkB,CAAA,kBAAA,GAAG,uBAAH;AAClB,aAAkB,CAAA,kBAAA,GAAG,uBAAH;AAClB,aAAW,CAAA,WAAA,GAAG,SAAH;AACX,aAAmB,CAAA,mBAAA,GAAG,wBAAH;AACnB,aAAoB,CAAA,oBAAA,GAAG,wBAAH;AACpB,aAAe,CAAA,eAAA,GAAG,oBAAH;AACf,aAAA,CAAA,cAAc,GAAG,+BAA+B,CAAC;AACjD,aAAA,CAAA,mBAAmB,GAAG,wBAAwB,CAAC;;;;"}

package/dist/esm/date-time-renderer.file-upload-renderer.list-options-renderer.question-specific-configs-renderer.text-input-renderer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-renderer.file-upload-renderer.list-options-renderer.question-specific-configs-renderer.text-input-renderer.entry.js","sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.css?tag=date-time-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/file-upload-renderer.css?tag=file-upload-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/file-upload-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/list-options-renderer.css?tag=list-options-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/list-options-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.css?tag=question-specific-configs-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/text-input-renderer.css?tag=text-input-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/text-input-renderer.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.question-item-date-inputs-container,\n.question-item-time-inputs-container,\n.question-item-date-time-inputs-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-04, 16px);\n}\n\n.question-item-date-inputs-container-date-range,\n.question-item-date-inputs-container-time-range,\n.question-item-date-inputs-container-datetime-range {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-04, 16px);\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n  tag: 'date-time-renderer',\n  styleUrl: 'date-time-renderer.css',\n  shadow: true,\n})\nexport class DateTimeRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  renderSwitch() {\n    switch (this.question.fieldTypeId) {\n      case 9: // Date Selector\n        return (\n          <div class=\"question-item-date-inputs-container\">\n            <div class=\"question-item-date-inputs-container-date-range\">\n              <udp-date-selector\n                label=\"Min Date\"\n                value={this.question.fieldProperties.minDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n              <udp-date-selector\n                label=\"Max Date\"\n                value={this.question.fieldProperties.maxDate}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-date-selector>\n            </div>\n            <stencil-toggle\n              label=\"Allow Future Date\"\n              disabled={this.isViewOnly}\n              checked={this.question.fieldProperties.allowFutureDate === true}\n              onToggledChange={() => {\n                if (this.isViewOnly) return;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            ></stencil-toggle>\n          </div>\n        );\n      case 10: // Time Selector\n        return (\n          <div class=\"question-item-time-inputs-container\">\n            <div class=\"question-item-date-inputs-container-time-range\">\n              <udp-time-selector\n                label=\"Min Time\"\n                value={this.question.fieldProperties.minTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n              <udp-time-selector\n                label=\"Max Time\"\n                value={this.question.fieldProperties.maxTime}\n                fullWidth={true}\n                onChange={e => {\n                  if (this.isViewOnly) return;\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                  const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-time-selector>\n            </div>\n          </div>\n        );\n      case 11: // DateTime Selector\n        return (\n          <Fragment>\n            <div class=\"question-item-date-time-inputs-container\">\n              <div class=\"question-item-date-inputs-container-datetime-range\">\n                <udp-datetime-selector\n                  label=\"Min Datetime\"\n                  value={this.question.fieldProperties.minDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n                <udp-datetime-selector\n                  label=\"Max Datetime\"\n                  value={this.question.fieldProperties.maxDateTime}\n                  fullWidth={true}\n                  onChange={e => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n                    const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                ></udp-datetime-selector>\n              </div>\n              <div class=\"question-item-future-date-container\">\n                <stencil-toggle\n                  label=\"Allow Future Date\"\n                  disabled={this.isViewOnly}\n                  checked={!!this.question.fieldProperties?.allowFutureDate}\n                  onToggledChange={() => {\n                    if (this.isViewOnly) return;\n                    const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n                    const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n                    this.onFormSectionsDraftChange(updated);\n                  }}\n                  labelPosition=\"right\"\n                ></stencil-toggle>\n              </div>\n            </div>\n          </Fragment>\n        );\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    return this.renderSwitch();\n  }\n}\n","/* Styles for file-upload-renderer */\n.file-upload-input-container {\n  display: flex;\n  flex-direction: column; /* Stack toggles vertically */\n  gap: var(--spacing-04, 16px); /* Consistent spacing with other components */\n}\n\n/* Add any other specific styles for file upload inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n  tag: 'file-upload-renderer',\n  styleUrl: 'file-upload-renderer.css',\n  shadow: true,\n})\nexport class FileUploadRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"file-upload-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Hide Drag And Drop\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideDragAndDrop}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n        <div>\n          <stencil-toggle\n            label=\"Hide Button\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideButton}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n      </div>\n    );\n  }\n}\n","/* Styles for list-options-renderer */\n\n:host {\n  padding: 0;\n  display: block;\n\n\n  .question-item-options-list-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-04, 16px);\n    padding: var(--spacing-04, 16px) 0;\n    /* background-color: var(--primary-color-alpha-15); */\n  }\n\n  .question-item-options-item {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--spacing-04, 16px);\n    padding: var(--spacing-03, 16px);\n    width: 100%;\n    border-radius: var(--border-radius);\n    border: 1px solid var(--gray-03);\n    box-sizing: border-box;\n    box-shadow: var(--elevation-01);\n    background-color: var(--card-background-color, #fff);\n    margin: 0.3em 0;\n  }\n\n  .question-item-options-item-fields {\n    display: flex;\n    flex-direction: row;\n    gap: var(--spacing-04, 16px);\n    flex-grow: 1;\n  }\n\n  .list-options-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n}\n\n/* \n.question-item-options-list-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: var(--border-radius);\n  gap: var(--spacing-03);\n}\n\n.question-item-options-list-single-item-container {\n}\n\n.question-item-options-text-field-list-item {\n  display: flex;\n  gap: var(--spacing-03);\n} */","import { Component, h, Prop, Host } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\n// We will need to import any components used like udp-icon, text-field, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\nimport { getIconFromName } from '../../../../../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'list-options-renderer',\n  styleUrl: 'list-options-renderer.css',\n  shadow: true,\n})\nexport class ListOptionsRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"question-item-options-list-container\">\n          <stencil-toggle\n            label=\"Use Lookup Options\"\n            disabled={this.isViewOnly}\n            checked={'lookupId' in this.question.fieldProperties}\n            labelPosition=\"right\"\n            onToggledChange={() => {\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);\n              this.onFormSectionsDraftChange(updated);\n              console.log(this.lookupOptions);\n            }}\n          ></stencil-toggle>\n\n          {/* Display lookup components if question is configured for lookup */}\n          {'lookupId' in this.question.fieldProperties && (\n            <div>\n              <udp-selector\n                label=\"Lookup Source\"\n                key=\"lookup-selector\"\n                initialValue={this.question.fieldProperties?.lookupId || ''}\n                options={this.lookupOptions}\n                disabled={this.isViewOnly}\n                onChange={(e: CustomEvent) => {\n                  const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');\n                  const updated = handler(e.detail.value, this.formSectionsDraft, this.sIndex, this.qIndex);\n                  this.onFormSectionsDraftChange(updated);\n                }}\n              ></udp-selector>\n            </div>\n          )}\n\n          {/* Display lookup components if question is configured for manual options */}\n          {'items' in this.question.fieldProperties && (\n            <div>\n              <div class=\"list-options-header\">\n                <unity-typography variant=\"h6\">Configure Select Options</unity-typography>\n                {!this.isViewOnly && 'items' in this.question.fieldProperties && (\n                  <udp-button\n                    variant=\"text\"\n                    onClick={() => {\n                      const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');\n                      const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');\n                      this.onFormSectionsDraftChange(updated);\n                    }}\n                    startIcon={<udp-icon iconName={'add'} darkIcon={true} />}\n                    title=\"Add an Option\"\n                  >\n                    Add an Option\n                  </udp-button>\n                )}\n              </div>\n              {this.question.fieldProperties?.items?.map((item, idx) => (\n                <div key={idx} class=\"question-item-options-item\">\n                  {/* <unity-typography variant={'h4'}>Option {idx + 1}.</unity-typography> */}\n                  <div class=\"question-item-options-item-fields\">\n                    <text-field\n                      label=\"Display Text\"\n                      value={item.display}\n                      disabled={this.isViewOnly}\n                      placeholder=\"Display Text\"\n                      onChange={\n                        e => {\n                        const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n                        const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'display');\n                        this.onFormSectionsDraftChange(updated);\n                      }}\n                    ></text-field>\n\n                    <text-field\n                      label=\"Option Value\"\n                      value={item.value}\n                      disabled={this.isViewOnly}\n                      placeholder=\"Option Value\"\n                      required={true}\n                      onChange={e => {\n                        const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n                        const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'value');\n                        this.onFormSectionsDraftChange(updated);\n                      }}\n                    ></text-field>\n                  </div>\n                  {this.question.fieldProperties.items.length > 1 && !this.isViewOnly && (\n                    <stencil-icon-button\n                      icon={getIconFromName('trashCan')}\n                      onClick={() => {\n                        const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyRemoveListItem');\n                        const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, idx);\n                        this.onFormSectionsDraftChange(updated);\n                      }}\n                    />\n                  )}\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","/* Add styles for question-specific-configs-renderer component here */ ","import { Component, h, Prop } from '@stencil/core';\nimport questionsTemplate from '../udp-forms-builder-question-template'; // Corrected path\n\n// Moved getHandler here\n// const getHandler = (fieldTypeId: number, handlerName: string) => {\n//   const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n//   return template?.handlers?.[handlerName];\n// };\n\n@Component({\n  tag: 'question-specific-configs-renderer',\n  styleUrl: 'question-specific-configs-renderer.css', // Explicitly added ./\n  shadow: true,\n})\nexport class QuestionSpecificConfigsRenderer {\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex]?.[this.qIndex];\n  }\n\n  render() {\n    switch (this.question.fieldTypeId) {\n      case 2: // Single Line Text\n      case 3: // Multi Line Text\n        return (\n          <text-input-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></text-input-renderer>\n        );\n\n      case 4: // Checkbox\n      case 5: // Radio Button\n      case 6: // Dropdown Single Select\n      case 7: // Dropdown Multiple Select\n      case 8: // List\n        return (\n          <list-options-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n            lookupOptions={this.lookupOptions}\n          ></list-options-renderer>\n        );\n\n      case 9: // Date Selector\n      case 10: // Time Selector\n      case 11: // DateTime Selector\n        return (\n          <date-time-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></date-time-renderer>\n        );\n\n      case 12: // File Upload\n        return (\n          <file-upload-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></file-upload-renderer>\n        );\n\n      default:\n        return null;\n    }\n  }\n}\n","/* Styles for text-input-renderer */\n.question-item-text-input-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-04, 16px);\n}\n\n.question-item-text-input-container > div {\n  width: 100%;\n}\n\n/* Add any other specific styles for text inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\n\n@Component({\n  tag: 'text-input-renderer',\n  styleUrl: 'text-input-renderer.css',\n  shadow: true,\n})\nexport class TextInputRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"question-item-text-input-container\">\n        <div>\n          <numeric-field\n            label=\"Min Character Length\"\n            value={this.question.fieldProperties.minCharacter?.toString()}\n            disabled={this.isViewOnly}\n            onChange={e => {\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n              const mockEvent = { target: { value: e.detail } };\n              const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');\n              this.onFormSectionsDraftChange(updated);\n            }}\n          ></numeric-field>\n        </div>\n        <div>\n          <numeric-field\n            label=\"Max Character Length\"\n            value={this.question.fieldProperties.maxCharacter?.toString()}\n            disabled={this.isViewOnly}\n            onChange={e => {\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n              const mockEvent = { target: { value: e.detail } };\n              const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');\n              this.onFormSectionsDraftChange(updated);\n            }}\n          ></numeric-field>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}