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

package/dist/collection/components/inputs/toggle/stencil-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stencil-toggle.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle/stencil-toggle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Event, EventEmitter, Watch, Element } from '@stencil/core';\nimport { InputMargin, InputSize } from '../input-types';\n\n/**\n * A standardized toggle/switch component with customizable positioning and comprehensive state management.\n * Supports both controlled and uncontrolled modes with proper accessibility features and standard DOM events.\n *\n * **Toggle States:**\n * - Uses boolean internal state with string value emission for form compatibility\n * - Accepts various string formats for initial values ('true', '1', 'on')\n * - Emits string values ('true'/'false') for consistent form integration\n *\n * **Accessibility:**\n * - Proper ARIA attributes (role=\"switch\", aria-checked, aria-labelledby)\n * - Keyboard navigation support\n * - Semantic label association with htmlFor attribute\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <stencil-toggle\n *   label=\"Enable notifications\"\n *   initialValue=\"false\"\n *   onChange={(e) => console.log('Toggled:', e.detail)}\n * />\n *\n * // Controlled component\n * <stencil-toggle\n *   label=\"Dark mode\"\n *   checked={isDarkMode}\n *   onChange={(e) => setIsDarkMode(e.detail === 'true')}\n * />\n *\n * // With custom positioning and validation\n * <stencil-toggle\n *   label=\"Accept terms\"\n *   labelPosition=\"right\"\n *   required={true}\n *   error={termsError}\n *   checked={acceptTerms}\n *   onChange={handleTermsChange}\n * />\n * ```\n */\n@Component({\n  tag: 'stencil-toggle',\n  styleUrl: 'stencil-toggle.css',\n  shadow: true,\n})\nexport class StencilToggle {\n  @Element() el: HTMLElement;\n\n  @State() toggled: boolean = false;\n\n  /**\n   * Initial value for the toggle. Used for uncontrolled components to set the default state.\n   * Accepts string values: 'true', '1', 'on' for true state, anything else for false.\n   * Only used when `checked` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current checked state of the toggle. 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;\n\n  /**\n   * Label text displayed next to the toggle. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Position of the label relative to the toggle switch.\n   * - 'left': Label appears to the left of the toggle (default)\n   * - 'right': Label appears to the right of the toggle\n   * - 'bottom': Label appears below the toggle\n   */\n  @Prop() labelPosition: 'left' | 'right' | 'bottom' = 'left';\n\n  /**\n   * Whether the toggle is disabled. Users cannot interact with the toggle when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Legacy ID property for the toggle element. Use `id` prop instead for new implementations.\n   * @deprecated Use the standard `id` prop instead\n   */\n  @Prop() idItem: string;\n\n  /**\n   * Unique identifier for the toggle element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the toggle element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Error message to display below the toggle. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the toggle is required for form submission. Adds visual indicator and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Margin spacing around the component. Affects vertical spacing in form layouts.\n   * - 'none': No margin\n   * - 'dense': Reduced margin for compact layouts\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * Size variant for the toggle component.\n   * - 'small': Smaller toggle size.\n   * - 'normal': Standard toggle size (default).\n   * - 'large': Larger toggle size.\n   */\n  @Prop() size: InputSize = 'normal';\n\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the toggle state changes through user interaction.\n   * Contains the new state as a string value ('true' or 'false') for form compatibility.\n   * @deprecated Use standard 'change' event instead for better integration\n   */\n  @Event() toggledChange: EventEmitter;\n\n  // Static counter to ensure unique IDs for generated fallbacks\n  private static S_TOGGLE_ID_COUNTER = 0;\n  // Internally generated ID if no idItem is provided\n  private _internalId: string;\n\n  /**\n   * Watcher for the error prop. Updates the internal error message when the error prop changes.\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the initialValue prop. Updates the toggle state when initialValue changes\n   * (useful for form resets, dynamic initial values, etc.).\n   * @param newValue - The new initial value\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    // Update toggled when initialValue changes (for form resets, etc.)\n    if (newValue !== undefined) {\n      this.toggled = newValue === 'true' || newValue === '1' || newValue === 'on';\n    }\n  }\n\n  /**\n   * Watcher for the checked prop. Updates the toggle state when the checked prop changes\n   * (controlled component behavior).\n   */\n  @Watch('checked')\n  checkedChanged() {\n    // Backward compatibility: if checked prop is set directly, use it\n    if (this.checked !== undefined && this.checked !== this.toggled) {\n      this.toggled = this.checked;\n    }\n  }\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the toggle state from either the checked prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize toggled from initialValue or checked prop (backward compatibility)\n    if (this.initialValue !== undefined) {\n      this.toggled = this.initialValue === 'true' || this.initialValue === '1' || this.initialValue === 'on';\n    } else {\n      this.toggled = this.checked || false;\n    }\n\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    // Generate a unique ID for the toggle instance if idItem is not provided.\n    // This ensures the label's htmlFor can always link to the button's id.\n    this._internalId = `stencil-toggle-generated-${StencilToggle.S_TOGGLE_ID_COUNTER++}`;\n  }\n\n  /**\n   * Legacy lifecycle method - no longer needed with current state management.\n   * @deprecated This method is no longer used\n   */\n  componentWillUpdate() {\n    // Remove this since we're handling state differently now\n  }\n\n  /**\n   * Handles toggle button clicks and keyboard interactions.\n   * Updates internal state and emits both legacy and standard DOM events.\n   */\n  toggleButton() {\n    if (this.disabled) return;\n\n    this.toggled = !this.toggled;\n\n    // Update controlled value if this is a controlled component\n    if (this.checked !== undefined) {\n      this.checked = this.toggled;\n    }\n\n    // Emit for backward compatibility\n    this.toggledChange.emit(this.toggled);\n\n    // Emit standard DOM events that stencil-field and form libraries can handle\n    const changeEvent = new CustomEvent('change', {\n      detail: this.toggled ? 'true' : 'false',\n      bubbles: true\n    });\n    this.el.dispatchEvent(changeEvent);\n\n    const inputEvent = new CustomEvent('input', {\n      detail: this.toggled ? 'true' : 'false',\n      bubbles: true\n    });\n    this.el.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Renders the toggle component with proper accessibility attributes and layout.\n   * Handles label positioning and generates unique IDs for form association.\n   */\n  render() {\n    // Use the provided idItem, id, or fall back to the internally generated ID\n    const baseId = this.idItem || this.id || this._internalId;\n    const buttonId = `${baseId}-button`;\n    const labelId = `${baseId}-label`;\n    const isError = !!this.errorMessage;\n\n    const labelElement = this.label && (\n      <label id={labelId} class={`toggle-label label-${this.labelPosition}`} htmlFor={!this.disabled ? buttonId : undefined}>\n        <unity-typography variant=\"caption-text\">{this.label}</unity-typography>\n      </label>\n    );\n\n    const toggleElement = (\n      <div class={`toggle-container ${this.toggled ? 'toggled' : ''}`}>\n        <button\n          id={buttonId}\n          onClick={() => this.toggleButton()}\n          disabled={this.disabled}\n          aria-checked={this.toggled.toString()}\n          aria-labelledby={labelId}\n          role=\"switch\"\n        >\n          <span class=\"toggle-knob\"></span>\n        </button>\n      </div>\n    );\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--checked': this.toggled,\n          [`udp-input--margin-${this.margin}`]: true,\n          [`udp-input--size-${this.size}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n      >\n        <div class={`toggle-wrapper position-${this.labelPosition}`}>\n          {this.labelPosition === 'left' && labelElement}\n          {toggleElement}\n          {this.labelPosition === 'right' && labelElement}\n          {this.labelPosition === 'bottom' && labelElement}\n          {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/inputs/udp-selector/udp-selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-selector.js","sourceRoot":"","sources":["../../../../src/components/inputs/udp-selector/udp-selector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Watch, Element, Listen, Host } from '@stencil/core';\nimport { createPopper, Instance as PopperInstance } from '@popperjs/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized selector component with single/multi-select support and various display options.\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 input element.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial selection\n * <udp-selector\n *   options={[{ value: '1', label: 'Option 1' }, { value: '2', label: 'Option 2' } ]}\n *   initialValue=\"1\"\n *   label=\"Select an option\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component with multi-select\n * <udp-selector\n *   options={[{ value: 'a', label: 'Apple' }, { value: 'b', label: 'Banana' } ]}\n *   value={selectedFruits}\n *   multiSelect={true}\n *   label=\"Select fruits\"\n *   onChange={(e) => setSelectedFruits(e.detail)}\n * />\n *\n * // With validation and density\n * <udp-selector\n *   options={[{ value: 'x', label: 'X-ray' }, { value: 'y', label: 'Yacht' } ]}\n *   label=\"Choose type\"\n *   required={true}\n *   error={selectionError}\n *   density=\"dense\"\n *   onChange={handleTypeChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-selector',\n  styleUrl: 'udp-selector.css',\n  shadow: true,\n})\nexport class UdpSelector {\n  @Element() el: HTMLElement;\n\n  /**\n   * Array of options to display in the selector. Each option should be an object with `value` and `label` properties.\n   */\n  @Prop() options: Array<{ value: string; label: string }> = [];\n\n  /**\n   * Initial value for the selector. Used for uncontrolled components to set the default selection.\n   * For multi-select, use comma-separated values (e.g., \"1,2,3\").\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the selector. When provided, makes this a controlled component.\n   * For multi-select, use comma-separated values (e.g., \"1,2,3\").\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Whether the selector should display in a large style.\n   */\n  @Prop() large: boolean = false;\n\n  /**\n   * Whether multiple items can be selected. When false, only one item can be selected at a time.\n   */\n  @Prop() multiSelect: boolean = false;\n\n  /**\n   * Name attribute for form submission. Used for form data collection.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the selector. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Error message to display below the selector. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the field is required for form submission. Adds validation behavior.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Unique identifier for the selector element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Whether the selector is disabled. Users cannot interact with the selector when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the selector is in a read-only state. Users can see the value but cannot modify it.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the selector.\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   * Internal state to control the visibility of the dropdown options.\n   * @internal\n   */\n  @State() isOpen = false;\n\n  /**\n   * Internal state to manage selected options for multi-select mode.\n   * @internal\n   */\n  @State() selectedOptions: Array<{ value: string; label: string }> = [];\n\n  /**\n   * Internal state to manage the selected option for single-select mode.\n   * @internal\n   */\n  @State() selectedOption: { value: string; label: string } | null = null;\n\n  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  private popperInstance: PopperInstance;\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 selection when the `initialValue` prop changes.\n   * @param newValue - The new initial value.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.setSelectionFromValue(newValue);\n    }\n  }\n\n  /**\n   * Updates the selection when the `value` prop changes.\n   * @internal\n   */\n  @Watch('value')\n  valueChanged() {\n    if (this.value !== undefined) {\n      this.setSelectionFromValue(this.value);\n    }\n  }\n\n  /**\n   * Handles clicks outside the component to close the dropdown.\n   * @param event - The mouse event.\n   * @internal\n   */\n  @Listen('click', { target: 'document' })\n  handleClickOutside(event: MouseEvent) {\n    if (this.isOpen && !event.composedPath().includes(this.el)) {\n      this.isOpen = false;\n    }\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and selection state.\n   * @internal\n   */\n  componentWillLoad() {\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    const initValue = this.initialValue || this.value;\n    if (initValue) {\n      this.setSelectionFromValue(initValue);\n    }\n  }\n\n  /**\n   * Component lifecycle method. Destroys the Popper.js instance when the component is removed from the DOM.\n   * @internal\n   */\n  disconnectedCallback() {\n    this.destroyPopper();\n  }\n\n  /**\n   * Handles the blur event on the selector. Delays closing the dropdown to allow option clicks.\n   * @internal\n   */\n  handleBlur = () => {\n    setTimeout(() => {\n      this.isOpen = false;\n    }, 200);\n  };\n\n  /**\n   * Prevents the blur event on the main input when an option is clicked.\n   * @param event - The mouse event.\n   * @internal\n   */\n  handleOptionMouseDown = (event: MouseEvent) => {\n    event.preventDefault();\n  };\n\n  /**\n   * Watches for changes in the `isOpen` state and sets up/destroys the Popper.js instance accordingly.\n   * @param isOpen - The new state of `isOpen`.\n   * @internal\n   */\n  @Watch('isOpen')\n  handleOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      requestAnimationFrame(() => this.setupPopper());\n    } else {\n      this.destroyPopper();\n    }\n  }\n\n  /**\n   * Toggles the visibility of the dropdown options.\n   * @internal\n   */\n  toggleDropdown() {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.isOpen = !this.isOpen;\n  }\n\n  /**\n   * Sets up the Popper.js instance for positioning the dropdown.\n   * @internal\n   */\n  setupPopper() {\n    const referenceEl = this.el.shadowRoot.querySelector('.selected-option');\n    const popperEl = this.el.shadowRoot.querySelector('.options-list');\n\n    if (referenceEl && popperEl) {\n      this.popperInstance = createPopper(referenceEl, popperEl as HTMLElement, {\n        strategy: 'fixed',\n        placement: 'bottom-start',\n        modifiers: [\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 4],\n            },\n          },\n          {\n            name: 'preventOverflow',\n            options: {\n              padding: 8,\n            },\n          },\n          {\n            name: 'flip',\n          },\n          {\n            name: 'sameWidth',\n            enabled: true,\n            phase: 'beforeWrite',\n            requires: ['computeStyles'],\n            fn: ({ state }) => {\n              state.styles.popper.width = `${state.rects.reference.width}px`;\n            },\n          },\n        ],\n      });\n    }\n  }\n\n  /**\n   * Destroys the Popper.js instance.\n   * @internal\n   */\n  destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  /**\n   * Sets the selected option(s) based on a provided value string.\n   * @param value - The value string (comma-separated for multi-select).\n   * @internal\n   */\n  setSelectionFromValue(value: string) {\n    if (!value || this.options.length === 0) {\n      if (this.multiSelect) {\n        this.selectedOptions = [];\n      } else {\n        this.selectedOption = null;\n      }\n      return;\n    }\n\n    if (this.multiSelect) {\n      const values = value.split(',').map(v => v.trim()).filter(v => v);\n      this.selectedOptions = this.options.filter(option => values.includes(option.value));\n    } else {\n      const option = this.options.find(opt => opt.value === value);\n      this.selectedOption = option || null;\n    }\n  }\n\n  /**\n   * Re-applies the current selection when the `options` prop changes.\n   * @internal\n   */\n  @Watch('options')\n  optionsChanged() {\n    const currentValue = this.multiSelect\n      ? this.selectedOptions.map(option => option.value).join(',')\n      : this.selectedOption?.value || '';\n\n    if (currentValue) {\n      this.setSelectionFromValue(currentValue);\n    }\n  }\n\n  /**\n   * Handles the selection of an option from the dropdown.\n   * @param option - The selected option object.\n   * @internal\n   */\n  selectOption(option: { value: string; label: string }) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.multiSelect) {\n      const isSelected = this.selectedOptions.some(selected => selected.value === option.value);\n      if (isSelected) {\n        this.selectedOptions = this.selectedOptions.filter(selected => selected.value !== option.value);\n      } else {\n        this.selectedOptions = [...this.selectedOptions, option];\n      }\n    } else {\n      this.selectedOption = option;\n      this.isOpen = false;\n    }\n\n    this.updateValueProp();\n    this.emitSelectedOptions();\n\n    const selectedOptionIndex = this.options.findIndex(opt => opt.value === option.value);\n    if (selectedOptionIndex !== -1) {\n      const selectedOptionElement = document.querySelector(`.options-list li:nth-child(${selectedOptionIndex + 1})`);\n      if (selectedOptionElement) {\n        selectedOptionElement.classList.toggle('selected');\n      }\n    }\n  }\n\n  /**\n   * Updates the mutable `value` prop to reflect the current selection.\n   * @internal\n   */\n  updateValueProp() {\n    if (this.multiSelect) {\n      this.value = this.selectedOptions.map(option => option.value).join(',');\n    } else {\n      this.value = this.selectedOption ? this.selectedOption.value : '';\n    }\n  }\n\n  /**\n   * Emits custom `change` and `input` events with the current selection.\n   * @event change\n   * @event input\n   * @param {string} value - The current selected value(s), comma-separated for multi-select.\n   * @internal\n   */\n  emitSelectedOptions() {\n    let standardValue;\n\n    if (this.multiSelect) {\n      standardValue = this.selectedOptions.map(option => option.value).join(',');\n    } else {\n      standardValue = this.selectedOption ? this.selectedOption.value : '';\n    }\n\n    const changeEvent = new CustomEvent('change', {\n      detail: standardValue,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(changeEvent);\n\n    const inputEvent = new CustomEvent('input', {\n      detail: standardValue,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Renders the UDP Selector component.\n   * @returns JSX element.\n   * @internal\n   */\n  render() {\n    const isError = !!this.errorMessage;\n\n    const selectedOptionClasses = {\n      'selected-option': true,\n      'focused': this.isOpen,\n    };\n\n    const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-selector': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--required': this.required,\n          'udp-input--large': this.large,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          {this.label && (\n            <unity-typography variant=\"caption-text\">\n              <label htmlFor={this.id} class=\"bx--label\">\n                {this.label}\n                {this.required ? '*' : ''}\n              </label>\n            </unity-typography>\n          )}\n        <div class=\"udp-selector__container\">\n          <div\n            class={selectedOptionClasses}\n            onClick={() => this.toggleDropdown()}\n            tabindex={this.disabled || this.readonly ? '-1' : '0'}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded={this.isOpen.toString()}\n            id={'udpRecord-udp-selector-' + this.id}\n            // @ts-ignore\n            udprecordid={'udpRecord-udp-selector-' + this.id}\n          >\n            <div\n              class={{\n                'selected-option-label': true,\n                'placeholder': !hasSelection,\n              }}\n            >\n              {this.multiSelect\n                ? this.selectedOptions.length > 0\n                  ? this.selectedOptions.map(option => option.label).join(', ')\n                  : 'Select option(s)'\n                : this.selectedOption\n                ? this.selectedOption.label\n                : 'Select an option'}\n            </div>\n            {this.multiSelect && this.selectedOptions.length > 0 && <span class=\"checkmark\"></span>}\n            <div class=\"arrow\"></div>\n          </div>\n          {this.isOpen && (\n            <ul class=\"options-list\">\n              {this.options.map(option => (\n                <unity-typography variant=\"button\">\n                  <li class={this.isOptionSelected(option) ? 'selected' : ''} onClick={() => this.selectOption(option)} onMouseDown={this.handleOptionMouseDown}>\n                    {option.label}\n                    {this.isOptionSelected(option) && <span class=\"checkmark\"></span>}\n                  </li>\n                </unity-typography>\n              ))}\n            </ul>\n          )}\n        </div>\n        {this.errorMessage && (\n          <div class=\"error-message\">\n            <unity-typography variant=\"caption-text\" color=\"error\">\n              {this.errorMessage}\n            </unity-typography>\n          </div>\n        )}\n        </div>\n      </Host>\n    );\n  }\n\n  /**\n   * Checks if a given option is currently selected.\n   * @param option - The option to check.\n   * @returns True if the option is selected, false otherwise.\n   * @internal\n   */\n  isOptionSelected(option: { value: string; label: string }) {\n    if (this.multiSelect) {\n      return this.selectedOptions.some(selected => selected.value === option.value);\n    } else {\n      return this.selectedOption && this.selectedOption.value === option.value;\n    }\n  }\n}\n"]}

package/dist/collection/components/layout/udp-container/udp-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container.js","sourceRoot":"","sources":["../../../../src/components/layout/udp-container/udp-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,YAAY;IALzB;QAME;;WAEG;QACK,UAAK,GAAY,KAAK,CAAC;QAE/B;;WAEG;QACK,aAAQ,GAAsC,IAAI,CAAC;QAE3D;;WAEG;QACK,YAAO,GAAY,IAAI,CAAC;KAgBjC;IAdC,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE;gBACL,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;gBACrC,CAAC,kBAAkB,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI;aAC1C;YAED,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container',\n  styleUrl: 'udp-container.css',\n  shadow: true,\n})\nexport class UdpContainer {\n  /**\n   * If true, the container will be fluid (100% width at all breakpoints)\n   */\n  @Prop() fluid: boolean = false;\n\n  /**\n   * Maximum width for the container at different breakpoints\n   */\n  @Prop() maxWidth: 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'lg';\n\n  /**\n   * Add padding to the container\n   */\n  @Prop() padding: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={{\n          'udp-container': true,\n          'udp-container--fluid': this.fluid,\n          'udp-container--padded': this.padding,\n          [`udp-container--${this.maxWidth}`]: true,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/layout/udp-container-query/udp-container-query.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container-query.js","sourceRoot":"","sources":["../../../../src/components/layout/udp-container-query/udp-container-query.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,iBAAiB;IAL9B;QAMU,YAAO,GAAwD,EAAE,CAAC;KAmC3E;IAhCS,sBAAsB;QAC5B,wCAAwC;QACxC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;aAC5C,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,EAAE;YAC5B,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;iBACzC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,QAAQ,KAAK,KAAK,GAAG,CAAC;iBACpD,IAAI,CAAC,UAAU,CAAC,CAAC;YAEpB,OAAO;2BACY,UAAU;;QAE7B,aAAa;;IAEjB,CAAC;QACC,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW;aACvC;YAED,gEAAQ,IAAI,CAAC,sBAAsB,EAAE,CAAS;YAC9C,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container-query',\n  styleUrl: 'udp-container-query.css',\n  shadow: true,\n})\nexport class UdpContainerQuery {\n  @Prop() queries: { [breakpoint: number]: { [key: string]: string } } = {};\n  @Prop() customClass?: string;\n\n  private getContainerQueryStyle(): string {\n    // Create dynamic container query styles\n    const styleRules = Object.entries(this.queries)\n      .map(([breakpoint, styles]) => {\n        const cssProperties = Object.entries(styles)\n          .map(([property, value]) => `${property}: ${value};`)\n          .join('\\n      ');\n\n        return `\n  @container (min-width: ${breakpoint}px) {\n    ::slotted(*) {\n      ${cssProperties}\n    }\n  }`;\n      })\n      .join('\\n');\n\n    return styleRules;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          [this.customClass]: !!this.customClass,\n        }}\n      >\n        <style>{this.getContainerQueryStyle()}</style>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/layout/udp-container-query-grid/udp-container-query-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container-query-grid.js","sourceRoot":"","sources":["../../../../src/components/layout/udp-container-query-grid/udp-container-query-grid.tsx"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,qBAAqB;IALlC;QAME,4CAA4C;QACpC,YAAO,GAAsC;YACnD,CAAC,EAAE,CAAC,EAAE,yBAAyB;YAC/B,GAAG,EAAE,CAAC,EAAE,mBAAmB;YAC3B,GAAG,EAAE,CAAC,EAAE,oBAAoB;YAC5B,GAAG,EAAE,CAAC,EAAE,mBAAmB;SAC5B,CAAC;QAEM,SAAI,GAAsC;YAChD,CAAC,EAAE,CAAC,EAAE,oBAAoB;YAC1B,GAAG,EAAE,GAAG,EAAE,oBAAoB;YAC9B,GAAG,EAAE,CAAC,EAAE,mBAAmB;YAC3B,GAAG,EAAE,GAAG,EAAE,oBAAoB;SAC/B,CAAC;KAsCH;IApCC,MAAM;QACJ,2DAA2D;QAC3D,MAAM,OAAO,GAAG,EAAE,CAAC;QACnB,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QAEnG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;aACpB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;aACrB,OAAO,CAAC,UAAU,CAAC,EAAE;YACpB,OAAO,CAAC,UAAU,CAAC,mCACd,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;gBAC9B,uBAAuB,EAAE,UAAU,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ;aACpE,CAAC,GACC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI;gBAC3B,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;aACnC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEL,OAAO,CACL,EAAC,IAAI;YACH,4EAAqB,OAAO,EAAE,OAAO;gBACnC,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,8DAAa,CACT,CACc;YACtB,gEAAQ;;;4CAG4B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;mBACxC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;;SAGtB,CAAS,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["// udp-container-query-grid.tsx\nimport { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container-query-grid',\n  styleUrl: 'udp-container-query-grid.css',\n  shadow: true,\n})\nexport class UdpContainerQueryGrid {\n  // Breakpoints for different container sizes\n  @Prop() columns?: { [breakpoint: number]: number } = {\n    0: 1, // Default: single column\n    400: 2, // Small: 2 columns\n    600: 3, // Medium: 3 columns\n    800: 4, // Large: 4 columns\n  };\n\n  @Prop() gaps?: { [breakpoint: number]: number } = {\n    0: 1, // Default: 1rem gap\n    400: 1.5, // Small: 1.5rem gap\n    600: 2, // Medium: 2rem gap\n    800: 2.5, // Large: 2.5rem gap\n  };\n\n  render() {\n    // Convert our columns and gaps into container query styles\n    const queries = {};\n    const breakpoints = new Set([...Object.keys(this.columns), ...Object.keys(this.gaps)].map(Number));\n\n    Array.from(breakpoints)\n      .sort((a, b) => b - a)\n      .forEach(breakpoint => {\n        queries[breakpoint] = {\n          ...(this.columns[breakpoint] && {\n            'grid-template-columns': `repeat(${this.columns[breakpoint]}, 1fr)`,\n          }),\n          ...(this.gaps[breakpoint] && {\n            gap: `${this.gaps[breakpoint]}rem`,\n          }),\n        };\n      });\n\n    return (\n      <Host>\n        <udp-container-query queries={queries}>\n          <div class=\"grid-container\">\n            <slot></slot>\n          </div>\n        </udp-container-query>\n        <style>{`\n          .grid-container {\n            display: grid;\n            grid-template-columns: repeat(${this.columns[0]}, 1fr);\n            gap: ${this.gaps[0]}rem;\n            width: 100%;\n          }\n        `}</style>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container-query-grid-item.js","sourceRoot":"","sources":["../../../../src/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.tsx"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,yBAAyB;IALtC;QAMU,SAAI,GAAsC,EAAE,CAAC;KAuBtD;IArBS,aAAa;QACnB,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;aAC7B,GAAG,CACF,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;2BACL,UAAU;;8BAEP,IAAI;;IAE9B,CACG;aACA,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gEAAQ,IAAI,CAAC,aAAa,EAAE,CAAS;YACrC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["// udp-container-query-grid-item.tsx\nimport { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container-query-grid-item',\n  styleUrl: 'udp-container-query-grid-item.css',\n  shadow: true,\n})\nexport class UdpContainerQueryGridItem {\n  @Prop() span?: { [breakpoint: number]: number } = {};\n\n  private getSpanStyles(): string {\n    return Object.entries(this.span)\n      .map(\n        ([breakpoint, cols]) => `\n  @container (min-width: ${breakpoint}px) {\n    :host {\n      --udp-grid-item-span: ${cols};\n    }\n  }`,\n      )\n      .join('\\n');\n  }\n\n  render() {\n    return (\n      <Host>\n        <style>{this.getSpanStyles()}</style>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/layout/udp-page/udp-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-page.js","sourceRoot":"","sources":["../../../../src/components/layout/udp-page/udp-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,OAAO;IALpB;QAME;;WAEG;QACK,aAAQ,GAAY,QAAQ,CAAC,CAAC,uCAAuC;QAE7E;;WAEG;QACK,YAAO,GAAY,MAAM,CAAC,CAAC,qCAAqC;KAezE;IAbC,MAAM;QACJ,MAAM,KAAK,GAAG;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,QAAQ,EAAE,0CAA0C;SAC7D,CAAC;QAEF,OAAO,CACL,4DAAK,KAAK,EAAE,KAAK;YACf,8DAAa;gBACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-page',\n  styleUrl: 'udp-page.css',\n  shadow: true,\n})\nexport class UdpPage {\n  /**\n   * Optional maximum page width\n   */\n  @Prop() maxWidth?: string = '1200px'; // Default max-width, can be overridden\n\n  /**\n   * Default padding for the layout\n   */\n  @Prop() padding?: string = '16px'; // Default padding, can be overridden\n\n  render() {\n    const style = {\n      maxWidth: this.maxWidth,\n      padding: this.padding,\n      margin: '0 auto', // Centers the content if max-width is set\n    };\n\n    return (\n      <div style={style}>\n        <slot></slot> {/* This will render the content passed between the <udp-page> tags */}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/layout/udp-split-screen/udp-split-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-split-screen.js","sourceRoot":"","sources":["../../../../src/components/layout/udp-split-screen/udp-split-screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Method, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-split-screen',\n  styleUrl: 'udp-split-screen.css',\n  shadow: true,\n})\nexport class UdpSplitScreen {\n  @Prop() panelContent: string;\n  @State() isOpen: boolean = true;\n  @State() panelWidth: number = 75;\n  @State() isDragging: boolean = false; // Track dragging state\n\n  private element: HTMLElement;\n\n  @Method()\n  async toggleOpen() {\n    this.isOpen = !this.isOpen;\n  }\n\n  componentDidLoad() {\n    this.element.addEventListener('mousedown', (event: MouseEvent) => {\n      this.isDragging = true;\n      //this.element.style.cursor = 'grabbing'; // Change to grabbing when dragging starts\n      // Prevent default to avoid any text selection or other default actions\n      event.preventDefault();\n    });\n\n    // Attach mousemove and mouseup at the document level to ensure smooth dragging\n    document.addEventListener('mousemove', (event: MouseEvent) => {\n      if (!this.isDragging) return;\n      if (this.isDragging) {\n        const bounds = this.element.getBoundingClientRect();\n        const newWidth = ((event.clientX - bounds.left) / bounds.width) * 100;\n        this.panelWidth = Math.max(2, Math.min(newWidth, 98)); // Adjusted for a bit of margin\n      }\n      this.handleDrag(event);\n    });\n\n    document.addEventListener('mouseup', () => {\n      if (this.isDragging) {\n        this.isDragging = false;\n        //this.element.style.cursor = 'ew-resize'; // Revert cursor when dragging ends\n      }\n    });\n  }\n\n\n  private handleDrag = (event: MouseEvent) => {\n    console.log(\"Dragging\");\n    const bounds = this.element.getBoundingClientRect();\n    const newWidth = ((event.clientX - bounds.left) / bounds.width) * 100;\n    const adjustedWidth = Math.max(2, Math.min(newWidth, 98)); // Keep your existing constraints\n  \n\n    localStorage.setItem('panelWidth', this.panelWidth.toString()); \n\n    if (this.panelWidth !== adjustedWidth) {\n      this.panelWidth = adjustedWidth;\n      localStorage.setItem('panelWidth', this.panelWidth.toString()); \n    }\n  };\n  \n\n  async componentWillLoad() {\n    const savedWidth = localStorage.getItem('panelWidth');\n    if (savedWidth) {\n      this.panelWidth = parseFloat(savedWidth);\n    }\n  }\n  \n\n  render() {\n    return (\n      <div ref={(el) => this.element = el as HTMLElement} class={{ 'container': true, 'open': this.isOpen }}>\n        <div class=\"panel\" style={{ width: `${this.panelWidth}%` }}>\n          <slot name=\"first-panel\"></slot>\n        </div>\n        <div class=\"resizer\" onMouseDown={(event) => event.preventDefault()}>\n          <div class=\"drag-handle\"></div>\n        </div>\n        <div class=\"panel\" style={{ width: `${100 - this.panelWidth}%` }}>\n          <slot name=\"second-panel\">{this.panelContent}</slot>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/layout/udp-vertical-spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-vertical-spacer.js","sourceRoot":"","sources":["../../../src/components/layout/udp-vertical-spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,iBAAiB;IAG5B,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,YAAY,EAAE,4CAA4C;YACjE,MAAM,EAAE,YAAY,EAAE,4CAA4C;YAClE,KAAK,EAAE,YAAY,EAAE,4CAA4C;SAClE,CAAC;QAEF,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC;QAExD,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY,GAAQ,CACjC,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-vertical-spacer',\n  styleUrl: 'udp-vertical-spacer.css',\n  shadow: true,\n})\nexport class UdpVerticalSpacer {\n  @Prop() unit: 'small' | 'medium' | 'large';\n\n  render() {\n    const sizeMap = {\n      small: 'spacing-01', // Assuming this corresponds to --spacing-01\n      medium: 'spacing-07', // Assuming this corresponds to --spacing-07\n      large: 'spacing-13', // Assuming this corresponds to --spacing-13\n    };\n\n    const spacingClass = sizeMap[this.unit] || 'spacing-01';\n\n    return (\n      <div class={spacingClass}></div>\n    );\n  }\n}\n"]}

package/dist/collection/components/loaders/udp-grid-loader/udp-grid-loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-grid-loader.js","sourceRoot":"","sources":["../../../../src/components/loaders/udp-grid-loader/udp-grid-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,aAAa;IAL1B;QAMU,eAAU,GAAW,CAAC,CAAC;QACvB,YAAO,GAAW,CAAC,CAAC,CAAC,yBAAyB;QAC9C,UAAK,GAAW,oBAAoB,CAAC;KA4B9C;IA1BC,MAAM;QACJ,4CAA4C;QAC5C,MAAM,SAAS,GAAG,CAChB,4DAAK,KAAK,EAAC,UAAU,IAClB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CACjD,4BAAsB,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAwB,CACzE,CAAC,CACE,CACP,CAAC;QAEF,uCAAuC;QACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAC7D,WAAK,KAAK,EAAC,UAAU,IAClB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CACjD,4BAAsB,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAwB,CACzE,CAAC,CACE,CACP,CAAC,CAAC;QAEH,OAAO,CACL,4DAAK,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,SAAS;YACT,OAAO,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-grid-loader',\n  styleUrl: 'udp-grid-loader.css',\n  shadow: true\n})\nexport class UdpGridLoader {\n  @Prop() numColumns: number = 8;\n  @Prop() numRows: number = 5; // Default number of rows\n  @Prop() width: string = 'calc(100vw - 70px)';\n\n  render() {\n    // Header bar (fatter, divided into columns)\n    const headerBar = (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"55px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    );\n\n    // Row bars (each divided into columns)\n    const rowBars = Array.from({ length: this.numRows }).map(() => (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"30px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    ));\n\n    return (\n      <div style={{width: this.width }} >\n        {headerBar}\n        {rowBars}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/loaders/udp-linear-loader/udp-linear-loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-linear-loader.js","sourceRoot":"","sources":["../../../../src/components/loaders/udp-linear-loader/udp-linear-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,eAAe;IAL5B;QAME;;WAEG;QACK,UAAK,GAAuE,SAAS,CAAC;KAgB/F;IAdC,MAAM;QACJ,MAAM,aAAa,GAAG;YACpB,MAAM,EAAE,IAAI;YACZ,CAAC,iBAAiB,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI;SACtC,CAAC;QAEF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,aAAa;gBACvB,4DAAK,KAAK,EAAC,eAAe,GAAO,CAC7B,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-linear-loader',\n  styleUrl: 'udp-linear-loader.css',\n  shadow: true,\n})\nexport class UdpLinearLoader {\n  /**\n   * The color of the loader. It supports theming using global CSS variables.\n   */\n  @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' = 'primary';\n\n  render() {\n    const loaderClasses = {\n      loader: true,\n      [`loader--color-${this.color}`]: true,\n    };\n\n    return (\n      <Host>\n        <div class={loaderClasses}>\n          <div class=\"indeterminate\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/loaders/udp-skeleton-loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-skeleton-loading.js","sourceRoot":"","sources":["../../../src/components/loaders/udp-skeleton-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;IAL/B;QAME,yDAAyD;QACjD,UAAK,GAAW,MAAM,CAAC;QACvB,WAAM,GAAW,MAAM,CAAC;QACxB,iBAAY,GAAW,KAAK,CAAC;KAStC;IAPC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,GAEzG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-skeleton-loading',\n  styleUrl: 'udp-skeleton-loading.css',\n  shadow: true\n})\nexport class UdpSkeletonLoading {\n  // You can use properties to define the size, shape, etc.\n  @Prop() width: string = '100%';\n  @Prop() height: string = '20px';\n  @Prop() borderRadius: string = '4px';\n\n  render() {\n    return (\n      <div class=\"skeleton-loader\" style={{ width: this.width, height: this.height, borderRadius: this.borderRadius }}>\n        {/* Additional markup if needed */}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/map-component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"map-component.js","sourceRoot":"","sources":["../../../../src/components/map/udp-map/map-component.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Watch, Prop, Element, h, State } from '@stencil/core';\nimport Map from 'ol/Map';\nimport View from 'ol/View';\nimport TileLayer from 'ol/layer/Tile';\nimport OSM from 'ol/source/OSM';\nimport VectorLayer from 'ol/layer/Vector';\nimport VectorSource from 'ol/source/Vector';\nimport { FullScreen, Zoom } from 'ol/control';\nimport proj4 from 'proj4';\nimport { register } from 'ol/proj/proj4';\nimport { DragRotateAndZoom, defaults } from 'ol/interaction';\nimport { Feature, Overlay } from 'ol';\nimport {\n  getFilteredData,\n  getMapFeatures,\n  getFilteredLayerOptionsByRole,\n  getLayer,\n  getLayerStringArrayFromArray,\n  setSelectedLayersList,\n  hasStyles,\n} from './utils/udp-map-utils';\nimport { getSelectInteraction } from './utils/map-interactions';\nimport { LineString, Point, Polygon } from 'ol/geom';\nimport { DrawBaseLayerId, PopoverOverlayId } from './utils/common';\nimport { debounce } from 'lodash';\n\n@Component({\n  tag: 'map-component',\n  styleUrl: 'udp-map.css',\n  shadow: true,\n})\nexport class MapComponent {\n  @Element() el: HTMLElement;\n  //=====================================Props=================================\n  @Prop() handleSetMapComponent?: any; //Method to set map component when using the toolbar\n  @Prop() data?: any[] = []; //Feature data (in either Geo-JSON format or not). Geo-JSON format :  [{type: string, id: string, geometry: { type: 'Point' | 'LineString' | 'Polygon',coordinates: Coordinate},properties: any}]\n  @Prop() isGeoJsonFormat?: boolean = true; //Boolean stating if the data is in Geo-JSON format\n  @Prop() geoJsonMappingConfig?: any; //Method - If data is not in Geo-JSON format, returns data in Geo-JSON format\n  @Prop() enableZoom?: boolean = true; //Allow Zoom\n  @Prop() mapZoom?: number = 17; //Default map zoom\n  @Prop() mapCenter?: any = [0, 0]; //Default map center\n  @Prop() mapHeight?: string = '80vh';\n  @Prop() crs?: any; //Coordinate reference system used\n  @Prop() mapProjection?: string = ''; //Map feature projection used\n  @Prop() mapDataProjection?: string; //Map data projection used\n  @Prop() getFilteredMapData?: any; //Method - Custom filter for map features\n  @Prop() getVectorLayerSources?: any; //Method - Custom logic to retrieve vector layer sources by providing the filtered layers and features\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() filterPanelCallback?: any; //Method - Callback to filter features from 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() initialSelectedLayers?: any[] = []; //Vector layers selected in the layer filter on initital map load\n  @Prop() bulkSelectedFeaturesActionPanel?: string = ''; //Custom action panel for selected features\n  @Prop() handleSetSelectedFeaturesOnBulkSelect: any; //Method - Retrieves selected features when bulk selected\n  @Prop() handleSetSelectedFeatureOnSelect: any; //Method - Retrieves selected feature when individually selected\n  @Prop() filterLayersByRole: boolean = false; //Enable filtering layers by role\n  @Prop() layerKeys?: string[]; //Layerkeys to get the current feature layer when adding layers with features to the map\n  @Prop() layerKeySeparator?: string = ''; //Layerkey seperator to get the current feature layer when adding layers with features to the map\n  @Prop() user?: any; //AuthedUser from unity - used to filter layers by role\n  @Prop() layerRoles?: any; //Layers assigned to roles\n  @Prop() filteredLayerOptionsByRole: any[] = []; //Filtered layer options by role\n  @Prop() handleSetFilteredLayerOptionsByRole?: any; //set filtered layer options by role\n  @Prop() readOnlyMap: boolean = false; //Map is read only (Setting true removes the add, edit, delete functionality)\n  @Prop() enableViewFeature: boolean = true; //Enables viewing a selected feature\n  @Prop() handleViewFeature: any; //Enables viewing a selected feature\n  @Prop() bulkSelectionActive: boolean = false; //State - if bulk selection is active\n  @Prop() splitActive: boolean = false; //State - if bulk split is active\n  @Prop() enableDragBox: boolean = false; //State - if dragbox is active\n  @Prop() selectFeatureInteraction: any; //Selectv feature interaction\n  @Prop() handleSetSelectedFeatureProperties: any; //Method to set the selected feature property values\n  @Prop() selectedFeatureCoordinates: any[]; //Coordinates of selected features\n  @Prop() selectedFeatureProperties: any; //Properties of selected features\n  @Prop() enableAddNewFeature: boolean = true;\n  @Prop() selectedFeatureIdExternal: string | number; //Selected feature Id from external source\n  @Prop() setSelectedFeatureIdExternal: (value: string | number | null) => void;\n  @Prop() readOnlyLayers: string[] = []; //List of layers that are read only\n  @Prop() additionalOnclosePopover: any; //Additional close popover method\n  @Prop() popoverPrimaryActions: any[] = [];\n  @Prop() popoverMoreIconButtonActions: any[] = [];\n  @Prop() getMessagePopover: (data: any) => string;\n  @Prop() getMessageIconPopover: (data: any) => any;\n  @Prop() hideMessageIconPopover: boolean = false;\n  @Prop() popoverCardConfig: any = {};\n  @Prop() popoverWidth: string;\n  @Prop() handleGetZoomExtent?: any; //Callback method to return map zoom and extent when the resolution changes\n  @Prop() selectedLayers: any[];\n  @Prop() handleSetSelectedLayers: any;\n  @Prop() handleGetAdditionalFeaturePropertiesOnSelect: (data: any) => any;\n  @Prop() minZoom: number = 0; //Min zoom of the map view\n  @Prop() maxZoom: number = 28; //Max zoom of the map view\n\n  //=================================States=========================================\n  @State() currentSelectedFeature: any;\n  @State() definedProjection: boolean = false;\n  @State() popoverContainer: HTMLElement | null = null;\n  @State() showPopOver: boolean = false;\n  @State() isReadOnlyFeature: boolean = false;\n  @State() selectInteraction: any;\n  @State() mapFeatures: Feature[] = [];\n  @State() mapInstance: any;\n\n  //////////////////////////////////////////////////////////INITIALIZE MAP/////////////////////////////////////////////////////\n  componentDidLoad() {\n    requestAnimationFrame(() => {\n      this.popoverContainer = this.el.shadowRoot.querySelector(\n        '#featureDetailsPopOverContainer',\n      ) as HTMLElement;\n      const mapElement = this.el.shadowRoot.querySelector('#map') as HTMLElement;\n      if (this.popoverContainer && mapElement) {\n        this.initializeMap(this.popoverContainer, mapElement);\n      }\n    });\n  }\n\n  initializeMap = (popOverElement: HTMLElement, mapElement: HTMLElement) => {\n    this.definedProjection = this.registerProjection(this.crs);\n    this.filterLayerOptions();\n    let allLayers = [];\n    if (this.tileLayersOptions && this.tileLayersOptions?.length > 0) {\n      for (let option of this.tileLayersOptions) {\n        const tileLayer = new TileLayer({\n          source: option?.source,\n          properties: { value: option?.name, isBaseTile: true },\n          visible: this.defaultTileOptionName ? option?.name === this.defaultTileOptionName : true,\n        });\n        allLayers[allLayers.length] = tileLayer;\n      }\n    } else {\n      const openStreetMapTileLayer = new TileLayer({\n        source: new OSM(),\n        properties: { value: 'Open Street Map', isBaseTile: true },\n        visible: true,\n      });\n      allLayers[allLayers.length] = openStreetMapTileLayer;\n    }\n\n    //Adding base layer for drawing new features\n    allLayers.push(\n      new VectorLayer({\n        source: new VectorSource({}),\n        properties: { id: DrawBaseLayerId },\n      }),\n    );\n\n    const mapView = new View({\n      center: this.mapCenter,\n      zoom: this.mapZoom,\n      projection: this.mapProjection,\n      minZoom: this.minZoom,\n      maxZoom: this.maxZoom,\n    });\n    this.mapInstance = new Map({\n      target: mapElement,\n      layers: allLayers,\n      view: mapView,\n      interactions: defaults().extend([new DragRotateAndZoom()]),\n      controls: [new Zoom(), new FullScreen()],\n      overlays: [\n        new Overlay({\n          element: popOverElement,\n          autoPan: { animation: { duration: 250 } },\n          id: PopoverOverlayId,\n        }),\n      ],\n    });\n\n    this.mapInstance.on(\n      'moveend',\n      debounce(() => {\n        this.getMapExtentAndZoom();\n      }, 500),\n    );\n\n    this.setVectorLayers();\n    this.addSelectInteraction();\n    if (this.handleSetMapComponent) {\n      this.handleSetMapComponent(this.mapInstance);\n    }\n  };\n\n  /////////////////////////////////////////////////////////////WATCHERS////////////////////////////////////////////////////////\n  @Watch('data')\n  @Watch('layerOptions')\n  @Watch('mapDataProjection')\n  @Watch('mapProjection')\n  reinitializeMap() {\n    this.clearVectorLayers();\n    this.setVectorLayers();\n  }\n\n  @Watch('data')\n  resetPopover() {\n    this.showPopOver = false; // Reset popover visibility when data changes\n  }\n\n  @Watch('crs')\n  updateProjection() {\n    if (this.crs) {\n      this.definedProjection = this.registerProjection(this.crs);\n    }\n  }\n\n  @Watch('layerRoles')\n  @Watch('layerOptions')\n  @Watch('user')\n  updateFilteredLayerOptions() {\n    this.filterLayerOptions();\n  }\n\n  @Watch('selectedFeatureIdExternal')\n  handleSelectFeatureOnMap() {\n    if (this.selectedFeatureIdExternal && this.selectInteraction?.getActive()) {\n      this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal);\n    } else if (this.selectedFeatureIdExternal && this.setSelectedFeatureIdExternal) {\n      // When the select interaction is not activated, let's reset this value so that\n      // when the feature is selected again, it will be handled properly\n      this.setSelectedFeatureIdExternal(null);\n    }\n  }\n\n  @Watch('readOnlyLayers')\n  @Watch('selectedFeatureProperties')\n  updateReadOnlyLayers() {\n    if (this.selectedFeatureProperties) {\n      const layer = getLayer(\n        this.layerKeys,\n        this.layerKeySeparator,\n        this.selectedFeatureProperties,\n      );\n      this.isReadOnlyFeature = this.readOnlyLayers?.includes(layer);\n    }\n  }\n\n  @Watch('initialSelectedLayers')\n  handleUpdateInitialSelectedLayersVisibility() {\n    this.updateIntialSelectedLayersVisibility();\n  }\n\n  @Watch('mapProjection')\n  updateMapView() {\n    if (this.mapInstance) {\n      const currentCenter = this.mapInstance.getView().getCenter();\n      const currentZoom = this.mapInstance.getView().getZoom();\n      this.mapInstance.setView(\n        new View({\n          center: currentCenter,\n          zoom: currentZoom,\n          projection: this.mapProjection,\n        }),\n      );\n    }\n  }\n\n  @Watch('mapCenter')\n  updateMapCenter() {\n    if (this.mapInstance && this.mapCenter) {\n      this.mapInstance.getView()?.setCenter(this.mapCenter);\n    }\n  }\n\n  @Watch('getMapStyles')\n  updateFeatureStyles() {\n    if (this.mapInstance) {\n      this.insertFeatureStyles();\n    }\n  }\n\n  @Watch('minZoom')\n  updateMinZoom() {\n    if (this.mapInstance && this.minZoom) {\n      this.mapInstance?.getView()?.setMinZoom(this.minZoom);\n    }\n  }\n\n  @Watch('maxZoom')\n  updateMaxZoom() {\n    if (this.mapInstance && this.maxZoom) {\n      this.mapInstance?.getView()?.setMaxZoom(this.maxZoom);\n    }\n  }\n\n  ///////////////////////////////////////////////////METHODS//////////////////////////////////////////////////////////////////\n\n  setVectorLayers = () => {\n    let filteredData = getFilteredData(\n      this.data,\n      this.isGeoJsonFormat,\n      this.geoJsonMappingConfig,\n      this.filterPanel,\n      this.filterPanelCallback,\n    );\n    this.mapFeatures = getMapFeatures(\n      filteredData,\n      this.crs,\n      this.definedProjection,\n      this.mapProjection,\n      this.mapDataProjection,\n      this.getFilteredMapData,\n    );\n    let visibleLayersOnLoad = this.getVisibleLayersOnLoad(this.layerOptions);\n\n    this.addVectorLayersToMap(this.mapFeatures, visibleLayersOnLoad);\n    this.updateIntialSelectedLayersVisibility();\n  };\n\n  clearVectorLayers = () => {\n    const layers = this.mapInstance?.getLayers()?.getArray() ?? [];\n    layers.forEach((layer: any) => {\n      if (layer instanceof VectorLayer && layer.get('id') !== DrawBaseLayerId) {\n        // Remove only vector layers that are not the draw base layer\n        this.mapInstance.removeLayer(layer);\n      }\n    });\n  };\n\n  getMapExtentAndZoom() {\n    if (this.handleGetZoomExtent) {\n      const extent = this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());\n      const zoom = this.mapInstance.getView().getZoom();\n      this.handleGetZoomExtent(zoom, extent);\n    }\n  }\n\n  updateIntialSelectedLayersVisibility() {\n    let currentSelectedLayers = setSelectedLayersList(\n      this.filteredLayerOptionsByRole,\n      this.initialSelectedLayers,\n    );\n    this.updateLayerVisibility(currentSelectedLayers);\n    if (this.handleSetSelectedLayers) {\n      this.handleSetSelectedLayers(currentSelectedLayers);\n    }\n  }\n\n  //================================================REGISTER PROJECTION=========================================\n  registerProjection = (crs: string) => {\n    if (crs?.length > 0) {\n      proj4.defs(crs);\n      register(proj4);\n      return true;\n    }\n    return false;\n  };\n\n  //===========================ADDING VECTOR LAYERS AND LAYER VISIBILITY=========================================\n  filterLayerOptions = () => {\n    let options = this.filterLayersByRole\n      ? getFilteredLayerOptionsByRole(this.user, this.layerRoles, this.layerOptions)\n      : this.layerOptions;\n    this.handleSetFilteredLayerOptionsByRole(options);\n  };\n\n  addVectorLayersToMap = (features: any[], layersToAddToMap: any[]) => {\n    if (features && this.mapInstance) {\n      if (this.getVectorLayerSources) {\n        this.getVectorLayerSources(layersToAddToMap, features)?.forEach((layerObj: any) => {\n          const src = new VectorSource({ features: layerObj?.features ?? [] });\n          const vectorLayer = new VectorLayer({\n            source: src,\n            properties: { value: layerObj?.layer },\n            style: this.getFeatureStyles,\n          });\n          this.mapInstance.addLayer(vectorLayer);\n        });\n      } else {\n        for (let layer of layersToAddToMap) {\n          const layerFeatures = features?.filter(feature => {\n            const featureProperties = feature.getProperties();\n            if (this.getFeatureStyles) {\n              let style = this.getFeatureStyles(feature);\n              if (hasStyles(style)) {\n                feature.setStyle(style);\n              }\n            }\n            const currentFeatureLayer = getLayer(\n              this.layerKeys,\n              this.layerKeySeparator,\n              featureProperties,\n            );\n            return layer === currentFeatureLayer;\n          });\n          const src = new VectorSource({ features: layerFeatures });\n          const vectorLayer = new VectorLayer({ source: src, properties: { value: layer } });\n          this.mapInstance.addLayer(vectorLayer);\n        }\n      }\n    }\n  };\n\n  getVisibleLayersOnLoad = (layerOptions: any[]) => {\n    const filteredLayersByRole = this.filterLayersByRole\n      ? getFilteredLayerOptionsByRole(this.user, this.layerRoles, layerOptions)\n      : layerOptions;\n    const visibleLayersOnLoad = getLayerStringArrayFromArray(filteredLayersByRole);\n    return visibleLayersOnLoad;\n  };\n  updateLayerVisibility = (visibleLayerNames: any, changeTileLayer: boolean = false) => {\n    let type = changeTileLayer ? TileLayer : VectorLayer;\n    this.mapInstance?.getLayers()?.forEach(layer => {\n      if (layer instanceof type) {\n        visibleLayerNames.includes(layer.get('value')) || layer.get('id') === DrawBaseLayerId\n          ? layer.setVisible(true)\n          : layer.setVisible(false);\n      }\n    });\n  };\n\n  //=============================================FEATURE STYLES======================================================\n  insertFeatureStyles = () => {\n    if (this.getFeatureStyles) {\n      this.mapInstance.getLayers().forEach(layer => {\n        if (layer instanceof VectorLayer) {\n          let src = layer.getSource() as VectorSource;\n          src.getFeatures().forEach(feature => {\n            let style = this.getFeatureStyles(feature);\n            if (hasStyles(style)) {\n              feature.setStyle(style);\n            }\n          });\n        }\n      });\n    }\n  };\n\n  //=============================================FEATURE SELECTION=======================================================\n  addSelectInteraction = () => {\n    getSelectInteraction(\n      this.splitActive,\n      this.handleSetCurrentSelectedFeature,\n      this.handleSetSelectedFeatureProperties,\n      this.handleOnCloseFeaturePopover,\n      this.handleSetSelectedFeatureOnSelect,\n      this.showPopper,\n      this.getSelectedFeatureStyles,\n      this.handleAddInteraction,\n      this.enableDragBox,\n      this.handleUpdateSelectInteraction,\n      this.handleGetAdditionalFeaturePropertiesOnSelect,\n    );\n  };\n\n  handleUpdateSelectInteraction = (value: any) => {\n    this.selectInteraction = value;\n  };\n\n  handleSetCurrentSelectedFeature = (value: any) => {\n    this.currentSelectedFeature = value;\n  };\n\n  handleSetShowPopOver = (show: boolean) => {\n    this.showPopOver = show;\n  };\n\n  showPopper = (feature: any) => {\n    if (!this.enableDragBox && !this.enableAddNewFeature && !this.splitActive && feature) {\n      const popoverOverlay = this.mapInstance.getOverlayById(PopoverOverlayId);\n      if (popoverOverlay) {\n        if (feature.getGeometry() instanceof Point) {\n          popoverOverlay.setPosition(feature.getGeometry().getCoordinates());\n        } else if (feature.getGeometry() instanceof LineString) {\n          popoverOverlay.setPosition(feature.getGeometry().getCoordinates()[0]);\n        } else if (feature.getGeometry() instanceof Polygon) {\n          popoverOverlay.setPosition(feature.getGeometry().getCoordinates()[0][0]);\n        }\n      }\n      this.showPopOver = true;\n    }\n  };\n\n  handleOnCloseFeaturePopover = (event: any) => {\n    if (this.additionalOnclosePopover) {\n      this.additionalOnclosePopover(event);\n    }\n\n    if (this.setSelectedFeatureIdExternal) {\n      this.setSelectedFeatureIdExternal(null);\n    }\n\n    this.showPopOver = false;\n  };\n\n  handleAddInteraction = interaction => {\n    this.mapInstance.addInteraction(interaction);\n  };\n\n  handleShowMarkerFromExternal = (featureId: number | string) => {\n    if (featureId && this.mapFeatures && this.selectInteraction) {\n      const featureToSelect = this.mapFeatures?.find(feature => feature?.getId() === featureId);\n      const featureProperties = featureToSelect?.getProperties();\n\n      if (featureToSelect) {\n        this.handleSetSelectedFeatureProperties(featureToSelect);\n        const layer = getLayer(this.layerKeys, this.layerKeySeparator, featureProperties);\n\n        //select the layer if not already selected\n        const filteredLayerStrings = getLayerStringArrayFromArray(this.filteredLayerOptionsByRole);\n        if (\n          !this.selectedLayers?.includes(layer) &&\n          filteredLayerStrings?.includes(layer) &&\n          this.handleSetSelectedLayers\n        ) {\n          const newSelectedLayers = [...this.selectedLayers, layer];\n          this.handleSetSelectedLayers(newSelectedLayers);\n          this.updateLayerVisibility(newSelectedLayers);\n        }\n\n        const selectedFeatures = this.selectInteraction.getFeatures();\n\n        // Get previously selected features (to handle deselection)\n        const previouslySelected = selectedFeatures.getArray().slice();\n\n        // Clear existing selection\n        selectedFeatures.clear();\n\n        // Select the new feature\n        selectedFeatures.push(featureToSelect);\n\n        // Manually trigger the select event\n        this.selectInteraction.dispatchEvent({\n          type: 'select',\n          selected: [featureToSelect], // New selected feature\n          deselected: previouslySelected, // Previously selected features\n          mapBrowserEvent: null, // No actual map event\n        });\n        // TODO: handle when no feature on the map to select by showing alert\n      }\n    }\n  };\n\n  //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////\n  render() {\n    return (\n      <div>\n        <div id=\"map\" style={{ height: this.mapHeight, width: '100%', overflow: 'hidden' }}>\n          <slot></slot>\n        </div>\n        <div id=\"featureDetailsPopOverContainer\">\n          <feature-details-popup\n            currentSelectedFeature={this.currentSelectedFeature}\n            data={this.selectedFeatureProperties}\n            coordinates={this.selectedFeatureCoordinates}\n            enableViewFeature={this.enableViewFeature}\n            handleViewFeature={this.handleViewFeature}\n            showPopOver={this.showPopOver}\n            isReadOnly={this.isReadOnlyFeature}\n            additionalOnclosePopover={this.handleOnCloseFeaturePopover}\n            primaryActions={this.popoverPrimaryActions}\n            moreIconActions={this.popoverMoreIconButtonActions}\n            getMessage={this.getMessagePopover}\n            getMessageIcon={this.getMessageIconPopover}\n            hideMessageIcon={this.hideMessageIconPopover}\n            cardConfig={this.popoverCardConfig}\n            popoverWidth={this.popoverWidth}\n            popoverContainer={this.popoverContainer}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/popups/add-map-feature-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-map-feature-popup.js","sourceRoot":"","sources":["../../../../../src/components/map/udp-map/popups/add-map-feature-popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,OAAO,kBAAkB;IAL/B;QAMU,gBAAW,GAAU;YAC3B;gBACE,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,OAAO;aACf;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,YAAY;aACpB;YACD;gBACE,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;aACjB;SACF,CAAC;QACM,uBAAkB,GAAU,EAAE,CAAC;QAE/B,kBAAa,GAAQ,IAAI,CAAC;QAC1B,iBAAY,GAAQ,IAAI,CAAC;QACzB,gBAAW,GAIf,IAAI,CAAC;QAEA,sBAAiB,GAAU,EAAE,CAAC;QAC9B,uBAAkB,GAAU,IAAI,CAAC;QAE1C,2BAAsB,GAAG,CAAC,CAAM,EAAE,EAAE;YAClC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACzB,CAAC,CAAC;QACF,0BAAqB,GAAG,CAAC,CAAM,EAAE,EAAE;YACjC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACxB,CAAC,CAAC;QAkBF,oBAAe,GAAG,GAAG,EAAE;;YACrB,IAAI,MAAA,IAAI,CAAC,WAAW,0CAAE,8BAA8B,EAAE,CAAC;gBACrD,IAAI,CAAC,iBAAiB,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,8BAA8B,CACvE,IAAI,CAAC,kBAAkB,CACxB,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBAC3D,OAAO;wBACL,KAAK,EAAE,KAAK;wBACZ,KAAK,EAAE,KAAK;qBACb,CAAC;gBACJ,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,0BAAqB,GAAG,GAAG,EAAE;;YAC3B,IAAI,MAAA,IAAI,CAAC,WAAW,0CAAE,mCAAmC,EAAE,CAAC;gBAC1D,IAAI,CAAC,kBAAkB;oBACrB,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,mCAAmC,CAAC,IAAI,CAAC,aAAa,CAAC,mCACzE,IAAI,CAAC,WAAW,CAAC;YACrB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC;KA+CH;IArFC,gBAAgB;;QACd,IAAI,MAAA,IAAI,CAAC,WAAW,0CAAE,iBAAiB,EAAE,CAAC;YACxC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAID,wBAAwB;QACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IA2BD,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,gBAAgB;YACxB,CAAC,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,iBAAiB,CAAA,IAAI,CACvC,qEACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;oBAC3B,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBACxC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACH;YAED,qEACE,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,MAAA,IAAI,CAAC,kBAAkB,mCAAI,EAAE,EACtC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;oBAC3B,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBACvC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ;YACF,4DAAK,KAAK,EAAC,YAAY;gBACrB,sEACE,KAAK,EAAE,wBAAkB,OAAO,EAAC,QAAQ,IAAE,cAAc,CAAoB,EAC7E,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,EACvF,OAAO,EAAE,SAAS,EAClB,QAAQ,EACN,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,iBAAiB,CAAA,CAAC;wBACrE,IAAI,CAAC,YAAY,KAAK,IAAI,GAEb,CACb,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'add-map-feature-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class AddMapFeaturePopUp {\n  @Prop() typeOptions: any[] = [\n    {\n      label: 'Point',\n      value: 'Point',\n    },\n    {\n      label: 'LineString',\n      value: 'LineString',\n    },\n    {\n      label: 'Polygon',\n      value: 'Polygon',\n    },\n  ];\n  @Prop() vectorLayerOptions: any[] = [];\n  @Prop() handleStartDrawingMapFeature;\n  @Prop() selectedLayer: any = null;\n  @Prop() selectedType: any = null;\n  @Prop() panelConfig?: {\n    getLayerOptionsFromLayerValues?: (layerValues: any[]) => any[];\n    getFeatureTypeOptionsFromLayerValue?: (layerValue: any) => any[];\n    hideLayerSelector?: boolean;\n  } = null;\n\n  @State() layerToAddOptions: any[] = [];\n  @State() drawingTypeOptions: any[] = null;\n\n  handleSetSelectedLayer = (e: any) => {\n    this.selectedLayer = e;\n  };\n  handleSetSelectedType = (e: any) => {\n    this.selectedType = e;\n  };\n\n  @Watch('panelConfig')\n  watchPanelConfig() {\n    if (this.panelConfig?.hideLayerSelector) {\n      this.selectedLayer = null;\n      this.layerToAddOptions = [];\n    } else {\n      this.getlayerOptions();\n    }\n  }\n\n  @Watch('selectedLayer')\n  @Watch('typeOptions')\n  updateDrawingTypeOptions() {\n    this.getDrawingTypeOptions();\n  }\n\n  getlayerOptions = () => {\n    if (this.panelConfig?.getLayerOptionsFromLayerValues) {\n      this.layerToAddOptions = this.panelConfig?.getLayerOptionsFromLayerValues(\n        this.vectorLayerOptions,\n      );\n    } else {\n      this.layerToAddOptions = this.vectorLayerOptions.map(layer => {\n        return {\n          label: layer,\n          value: layer,\n        };\n      });\n    }\n  };\n\n  getDrawingTypeOptions = () => {\n    if (this.panelConfig?.getFeatureTypeOptionsFromLayerValue) {\n      this.drawingTypeOptions =\n        this.panelConfig?.getFeatureTypeOptionsFromLayerValue(this.selectedLayer) ??\n        this.typeOptions;\n    } else {\n      this.drawingTypeOptions = this.typeOptions;\n    }\n  };\n\n  componentWillLoad() {\n    this.getlayerOptions();\n    this.getDrawingTypeOptions();\n  }\n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n        {!this.panelConfig?.hideLayerSelector && (\n          <udp-selector\n            id={'layer'}\n            options={this.layerToAddOptions}\n            initialValue={this.selectedLayer}\n            label={'Layer'}\n            onChange={(e: CustomEvent) => {\n              this.handleSetSelectedLayer(e.detail);\n            }}\n            large={false}\n          />\n        )}\n\n        <udp-selector\n          id={'type'}\n          options={this.drawingTypeOptions ?? []}\n          initialValue={this.selectedType}\n          label={'Type'}\n          onChange={(e: CustomEvent) => {\n            this.handleSetSelectedType(e.detail);\n          }}\n          large={false}\n        />\n        <div class=\"formButton\">\n          <custom-button\n            label={<unity-typography variant=\"button\">{'Draw feature'}</unity-typography>}\n            onClick={() => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType)}\n            variant={'outline'}\n            disabled={\n              (this.selectedLayer === null && !this.panelConfig?.hideLayerSelector) ||\n              this.selectedType === null\n            }\n          ></custom-button>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/popups/feature-details-card/feature-details-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-details-card.js","sourceRoot":"","sources":["../../../../../../src/components/map/udp-map/popups/feature-details-card/feature-details-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Element, Watch } from '@stencil/core';\nimport CloseIcon24 from '@carbon/icons/es/close/24';\nimport OverflowMenuVertical24 from '@carbon/icons/es/overflow-menu--vertical/16';\nimport { getIconFromName } from 'src/components/data-display/icons/iconUtils';\nimport { splitActionList } from 'src/udp-utilities/grid/action-renderers/action-column-util';\n\n@Component({\n  tag: 'feature-details-card',\n  styleUrl: 'feature-details-card.css',\n  shadow: true,\n})\nexport class FeatureDetailsCard {\n  @Element() el: HTMLElement;\n  @Prop() data: any;\n  @Prop() title: string;\n  @Prop() listData: any[];\n  @Prop() showAdornment: boolean = true;\n  @Prop() status: 'success' | 'warning' | 'error' | 'info' = 'info';\n  @Prop() enableViewFeature: boolean = true;\n  @Prop() handleViewFeature: (value: {}) => void;\n  @Prop() primaryActions: any[] = [];\n  @Prop() moreIconActions: any[];\n  @Prop() message: string;\n  @Prop() messageIcon: any;\n  @Prop() hideMessageIcon: boolean = false;\n  @Prop() onClose: (event: any) => void;\n  @Prop() width: string;\n  @Prop() popoverContainer?: HTMLElement;\n\n  @State() moreIconAnchor: any = null;\n  @State() showMoreHeaderPopover: boolean = false;\n  @State() primaryActionAnchor: any = null;\n  @State() showPrimaryPopover: boolean = false;\n  @State() visiblePrimaryActions: any[] = [];\n  @State() overflowPrimaryActions: any[] = [];\n\n  private maximumVisibleListItems = 4;\n\n  handleOnClickMoreIcon = (event: any) => {\n    event.stopPropagation();\n    event.preventDefault();\n    this.primaryActionAnchor = null;\n    this.showPrimaryPopover = false;\n    this.moreIconAnchor = event?.currentTarget;\n    this.showMoreHeaderPopover = true;\n  };\n\n  handleOnClickPrimaryAction = (event: any) => {\n    event.stopPropagation();\n    event.preventDefault();\n    this.moreIconAnchor = null;\n    this.showMoreHeaderPopover = false;\n    this.primaryActionAnchor = event?.currentTarget;\n    this.showPrimaryPopover = true;\n  };\n\n  handleClosePopover = () => {\n    this.showMoreHeaderPopover = false;\n    this.showPrimaryPopover = false;\n  };\n\n  getHeaderBackgroundColor() {\n    switch (this.status) {\n      case 'success':\n        return 'rgba(122, 220, 181, 0.75)';\n      case 'warning':\n        return 'rgba(255, 131, 43, 0.75)';\n      case 'error':\n        return 'rgba(142, 30, 36, 0.75)';\n      default:\n        return 'rgba(52, 120, 176, 0.75)';\n    }\n  }\n\n  getMessageBackgroundColor() {\n    switch (this.status) {\n      case 'success':\n        return 'rgba(122, 220, 181, 0.45)';\n      case 'warning':\n        return 'rgba(255, 131, 43, 0.45)';\n      case 'error':\n        return 'rgba(142, 30, 36, 0.45)';\n      default:\n        return 'rgba(52, 120, 176, 0.45)';\n    }\n  }\n\n  getDefaultMessageIcon() {\n    switch (this.status) {\n      case 'success':\n        return 'checkmark';\n      case 'error':\n        return 'warning';\n      case 'warning':\n        return 'warningAlt';\n      default:\n        return 'information';\n    }\n  }\n\n  updatePrimaryActionOverflow() {\n    let maxVisible = this.maximumVisibleListItems - (this.enableViewFeature ? 1 : 0);\n\n    if (this.primaryActions?.length <= maxVisible) {\n      this.visiblePrimaryActions = this.primaryActions;\n      this.overflowPrimaryActions = [];\n    } else {\n      maxVisible -= 1; //minus the more icon\n      const { visibleActions, overflowActions } = splitActionList(this.primaryActions, maxVisible);\n      this.visiblePrimaryActions = visibleActions;\n      this.overflowPrimaryActions = overflowActions;\n    }\n  }\n\n  componentWillLoad() {\n    this.updatePrimaryActionOverflow();\n  }\n\n  @Watch('primaryActions')\n  updatePrimaryActions() {\n    this.updatePrimaryActionOverflow();\n  }\n\n  render() {\n    const currentMessageIcon = this.messageIcon ?? this.getDefaultMessageIcon();\n\n    return (\n      <div class=\"card-wrapper\" style={{ width: this.width ?? '100%' }}>\n        {this.showAdornment && this.status && (\n          <div class=\"adornment\">\n            <udp-adornment status={this.status ?? 'info'}></udp-adornment>\n          </div>\n        )}\n        <div class=\"content-wrapper\">\n          <div class=\"header-wrapper\" style={{ backgroundColor: this.getHeaderBackgroundColor() }}>\n            <div class=\"title-wrapper\">\n              <stencil-icon-button onClick={this.onClose} icon={CloseIcon24} tooltip=\"Close\" noBackground />\n              <unity-typography variant={'h6'}>{this.title}</unity-typography>\n            </div>\n\n            {this.moreIconActions?.length > 0 && (\n              <div>\n                <div id=\"moreHeaderIconButton1\">\n                  <stencil-icon-button onClick={this.handleOnClickMoreIcon} icon={OverflowMenuVertical24} tooltip=\"More\" noBackground buttonId=\"moreHeaderIconButton\" />\n                </div>\n\n                {this.moreIconAnchor && (\n                  <udp-pop-over\n                    anchorElement={this.moreIconAnchor}\n                    isOpen={this.showMoreHeaderPopover}\n                    popoverWidth={'200px'}\n                    popoverMaxHeight={'300px'}\n                    handleOnClose={this.handleClosePopover}\n                    container={this.popoverContainer}\n                  >\n                    <div class=\"menu\">\n                      {this.moreIconActions?.map(action => (\n                        <udp-menu-item\n                          label={action?.name}\n                          iconName={action?.iconName}\n                          handleOnClick={() => {\n                            action.onClick(this.data);\n                          }}\n                          disabled={action?.checkDisabled ? action?.checkDisabled(this.data) : action?.disabled ?? false}\n                        />\n                      ))}\n                    </div>\n                  </udp-pop-over>\n                )}\n              </div>\n            )}\n          </div>\n\n          {this.message && (\n            <div class=\"message-wrapper\" style={{ backgroundColor: this.getMessageBackgroundColor() }}>\n              {!this.hideMessageIcon && (\n                <div class=\"icon-message\">\n                  <udp-icon iconName={currentMessageIcon} />\n                </div>\n              )}\n              <div class=\"message\">\n                <unity-typography>{this.message}</unity-typography>\n              </div>\n            </div>\n          )}\n          <div class=\"data-section\">\n            {this.listData?.map(({ subject, value }: any) => (\n              <div class=\"data-row\">\n                <div class=\"key\">\n                  <unity-typography variant={'data-display-three'}>{`${subject}: `}</unity-typography>\n                </div>\n                <div class=\"value\">\n                  <unity-typography variant={'data-display-three'}>{value}</unity-typography>\n                </div>\n              </div>\n            ))}\n          </div>\n\n          <div class=\"options\">\n            {this.enableViewFeature && this.data && (\n              <div id=\"viewFeatureOption\">\n                <stencil-icon-button\n                  tooltip={'View'}\n                  icon={getIconFromName('view')}\n                  buttonId={'viewFeatureButton'}\n                  onClick={() =>\n                    this.handleViewFeature({\n                      selectedFeature: this.data,\n                      formattedSelectedFeature: this.listData,\n                    })\n                  }\n                />\n              </div>\n            )}\n\n            {this.primaryActions?.length > 0 && (\n              <div>\n                <div class=\"options\">\n                  {this.visiblePrimaryActions?.map((action, index) => (\n                    <stencil-icon-button\n                      tooltip={action?.name}\n                      icon={getIconFromName(action?.iconName)}\n                      buttonId={action?.id ?? `primary-icon-action-${index}`}\n                      onClick={() => action.onClick(this.data)}\n                      disabled={action?.checkDisabled ? action?.checkDisabled(this.data) : action?.disabled ?? false}\n                    />\n                  ))}\n                  {this.overflowPrimaryActions?.length > 0 && (\n                    <stencil-icon-button onClick={this.handleOnClickPrimaryAction} icon={OverflowMenuVertical24} tooltip=\"More\" noBackground buttonId=\"morePrimaryIconButton\" />\n                  )}\n                </div>\n\n                {this.primaryActionAnchor && (\n                  <udp-pop-over\n                    anchorElement={this.primaryActionAnchor}\n                    isOpen={this.showPrimaryPopover}\n                    popoverWidth={'200px'}\n                    popoverMaxHeight={'300px'}\n                    handleOnClose={this.handleClosePopover}\n                    container={this.popoverContainer}\n                  >\n                    <div class=\"menu\">\n                      {this.overflowPrimaryActions?.map(action => (\n                        <udp-menu-item\n                          label={action?.name}\n                          iconName={action?.iconName}\n                          handleOnClick={() => {\n                            action.onClick(this.data);\n                          }}\n                          disabled={action?.checkDisabled ? action?.checkDisabled(this.data) : action?.disabled ?? false}\n                        />\n                      ))}\n                    </div>\n                  </udp-pop-over>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/popups/feature-details-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-details-popup.js","sourceRoot":"","sources":["../../../../../src/components/map/udp-map/popups/feature-details-popup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { startCase } from 'lodash';\nimport { getDisplayCoordinates } from '../utils/udp-map-utils';\n\n@Component({\n  tag: 'feature-details-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class FeatureDetailsPopUp {\n  @Prop() currentSelectedFeature: any;\n  @Prop() data: any;\n  @Prop() coordinates: any[] = [];\n  @Prop() enableViewFeature: boolean = true;\n  @Prop() handleViewFeature: any;\n  @Prop() showPopOver: boolean = false;\n  @Prop() isReadOnly: boolean = false;\n  @Prop() additionalOnclosePopover?: (event: any) => void;\n  @Prop() cardConfig: any;\n  @Prop() primaryActions: any[];\n  @Prop() moreIconActions: any[];\n  @Prop() getMessage: (data: any) => string;\n  @Prop() getMessageIcon: (data: any) => any;\n  @Prop() hideMessageIcon: boolean = false;\n  @Prop() popoverWidth: string = '300px';\n  @Prop() popoverContainer?: HTMLElement;\n\n  @State() listData: any[] = [];\n  @State() cardTitle: string;\n\n  @Watch('cardConfig')\n  @Watch('data')\n  updateListData() {\n    if (!this.data || !this.cardConfig) {\n      [];\n    }\n\n    const listConfig =\n      this.cardConfig?.popoverCardListFields || this.cardConfig?.extendedListFields;\n\n    this.listData = this.cardConfig?.getListFields\n      ? this.cardConfig?.getListFields(this.data)\n      : listConfig?.map(item => ({\n          subject: startCase(item),\n          value: this.data?.[item] ?? '-',\n        })) ?? [];\n  }\n\n  @Watch('cardConfig')\n  @Watch('coordinates')\n  updateTitle() {\n    if (this.data?.[this.cardConfig?.titleField]) {\n      this.cardTitle = this.data?.[this.cardConfig?.titleField];\n    } else if (this.cardConfig?.getTitle) {\n      this.cardTitle =\n        this.cardConfig.getTitle(this.data) ?? this.data?.[this.cardConfig?.titleField] ?? '';\n    } else if (this.coordinates) {\n      this.cardTitle = getDisplayCoordinates(\n        this.coordinates,\n        this.cardConfig?.maxLengthCoordinatesTitle,\n      );\n    }\n  }\n\n  render() {\n    const message = this.getMessage ? this.getMessage(this.data) : null;\n    const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;\n    return (\n      <div>\n        {this.showPopOver && (\n          <feature-details-card\n            data={this.currentSelectedFeature}\n            title={this.cardTitle}\n            listData={this.listData}\n            status={this.data?.[this.cardConfig?.statusColor]?.toLowerCase()}\n            enableViewFeature={this.enableViewFeature}\n            handleViewFeature={this.handleViewFeature}\n            primaryActions={this.isReadOnly ? [] : this.primaryActions}\n            moreIconActions={this.isReadOnly ? [] : this.moreIconActions}\n            message={message}\n            messageIcon={messageIcon}\n            hideMessageIcon={this.hideMessageIcon}\n            onClose={this.additionalOnclosePopover}\n            width={this.popoverWidth}\n            popoverContainer={this.popoverContainer}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/popups/select-layer-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-layer-popup.js","sourceRoot":"","sources":["../../../../../src/components/map/udp-map/popups/select-layer-popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,gBAAgB;IAL7B;QAMU,wBAAmB,GAAY,IAAI,CAAC;QACpC,gBAAW,GAAU,EAAE,CAAC;QAGxB,oBAAe,GAAU,EAAE,CAAC;QAC5B,kBAAa,GAAU,EAAE,CAAC;KAwCnC;IApCC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,gBAAgB;YACxB,IAAI,CAAC,mBAAmB,IAAI,CAC3B,qEACE,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,EAC/B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EACrC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;oBAC3B,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC1C,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACH;YACD,4DAAK,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAQ;YACtC;gBACE,mEACE,KAAK,EAAE,eAAe,EACtB,EAAE,EAAE,cAAc,EAClB,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAC/C,CACE;YACL,CAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,MAAM,IAAG,CAAC;iBAC/B,MAAA,IAAI,CAAC,eAAe,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAChC,uBACE,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAClB,OAAO,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EACtB,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,YAAY,EAAE,IAAI,CAAC,oBAAoB,GACvC,CACH,CAAC,CAAA,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'select-layer-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class SelectLayerPopUp {\n  @Prop() enableTileSelection: boolean = true;\n  @Prop() tileOptions: any[] = [];\n  @Prop() handleMapTypeInputChange: any;\n  @Prop() handleSearchLayers: any;\n  @Prop() filteredOptions: any[] = [];\n  @Prop() visibleLayers: any[] = [];\n  @Prop() updateSelectedLayers: any;\n  @Prop() selectedTile: any;\n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n        {this.enableTileSelection && (\n          <udp-selector\n            id={'mapType'}\n            options={this.tileOptions ?? []}\n            initialValue={this.selectedTile.value}\n            label={'Map Type'}\n            onChange={(e: CustomEvent) => {\n              this.handleMapTypeInputChange(e.detail);\n            }}\n            large={false}\n          />\n        )}\n        <div style={{ height: '12px' }}></div>\n        <div>\n          <text-field\n            label={'Search Layers'}\n            id={'searchFilter'}\n            value={''}\n            onInput={(e: any) => this.handleSearchLayers(e)}\n          />\n        </div>\n        {this.filteredOptions?.length > 0 &&\n          this.filteredOptions?.map(item => (\n            <check-box-group\n              title={item?.title}\n              options={item?.options}\n              values={this.visibleLayers}\n              handleChange={this.updateSelectedLayers}\n            />\n          ))}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/popups/split-line-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-line-popup.js","sourceRoot":"","sources":["../../../../../src/components/map/udp-map/popups/split-line-popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,cAAc;IAL3B;QAMU,uBAAkB,GAAU,EAAE,CAAC;QAE/B,kBAAa,GAAQ,IAAI,CAAC;KAyBnC;IAvBC,MAAM;;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,gBAAgB;YACzB,qEACE,EAAE,EAAE,OAAO,EACX,OAAO,EACL,MAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBAClC,OAAO;wBACL,KAAK,EAAE,KAAK;wBACZ,KAAK,EAAE,KAAK;qBACb,CAAC;gBACJ,CAAC,CAAC,mCAAI,EAAE,EAEV,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;oBAC3B,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBACtC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'split-line-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class SplitLinePopup {\n  @Prop() vectorLayerOptions: any[] = [];\n  @Prop() handleStartSplitting: any;\n  @Prop() selectedLayer: any = null;\n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n        <udp-selector\n          id={'layer'}\n          options={\n            this.vectorLayerOptions.map(layer => {\n              return {\n                label: layer,\n                value: layer,\n              };\n            }) ?? []\n          }\n          initialValue={this.selectedLayer}\n          label={'Layer'}\n          onChange={(e: CustomEvent) => {\n            this.handleStartSplitting(e.detail);\n          }}\n          large={false}\n        />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/toolbar/map-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"map-toolbar.js","sourceRoot":"","sources":["../../../../../src/components/map/udp-map/toolbar/map-toolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Element, Watch } from '@stencil/core';\nimport { Layers16, Filter16, Renew16, Close16, Select_0116, OverflowMenuHorizontal16, Checkmark16, Scalpel16 } from '@carbon/icons/es';\nimport { searchForLayerOptions } from '../utils/udp-map-utils';\nimport { SelectFeatureInteractionId } from '../utils/common';\n\n@Component({\n  tag: 'map-toolbar',\n  styleUrl: 'map-toolbar.css',\n  shadow: true,\n})\nexport class MapToolbar {\n  @Prop() map!: any;\n  @Prop() mapTitle: string = '';\n  @Prop() layerOptions: any;\n  @Prop() handleSelectLayers: any;\n  @Prop() visibleLayers: any[] = [];\n  @Prop() tileOptions: any[];\n  @Prop() handleSelectTile: any;\n  @Prop() selectedTile: any;\n  @Prop() enableTileSelection: boolean = true;\n  @Prop() filterPanel: string;\n  @Prop() enableDragBox: boolean = true;\n  @Prop() selectedFeatureByBoxSelection: any[] = [];\n  @Prop() handleUnselectFeatures: any;\n  @Prop() handleCancelBoxSelection: any;\n  @Prop() selectedFeaturesActionPanel: string;\n  @Prop() handleBulkSelectionTypeOnChange: any;\n  @Prop() refreshEvent: any;\n  @Prop() refreshButtonTooltip: string = '';\n  @Prop() mapProjection: any;\n  @Prop() enableAddNewFeature: boolean = false;\n  @Prop() handleStartDrawingMapFeature: any;\n  @Prop() handleStartSplitting: any;\n  @Prop() cancelAddNewFeature: any;\n  @Prop() addNewFeature: any;\n  @Prop() enableSplit: boolean = true;\n  @Prop() handleCancelSplit: any;\n  @Prop() handleSaveSplit: any;\n  @Prop() readOnlyMap: boolean = false;\n  @Prop() enableAdd: boolean = true;\n  @Prop() addMultipleFeatures: boolean = true;\n  @Prop() showSplitButton: boolean = false;\n  @Prop() readOnlyLayers?: string[] = [];\n  @Prop() addFeaturePanelConfig: any;\n\n  @Element() mapToolbarElement: HTMLElement;\n  @State() filterAnchor: HTMLElement | null = null;\n  @State() layerAnchor: HTMLElement | null = null;\n  @State() bulkSelectionTypeAnchor: HTMLElement | null = null;\n  @State() selectionActionAnchor: HTMLElement | null = null;\n  @State() splitAnchor: HTMLElement | null = null;\n  @State() addFeatureAnchor: HTMLElement | null = null;\n  @State() filteredOptions: any[] = [];\n  @State() withSelected: boolean = false;\n  @State() selectedLayerToAddFeature: any;\n  @State() selectedTypeToAddFeature: any;\n  @State() layerOptionsForPopup: any[] = [];\n\n  componentDidLoad() {\n    this.setFilteredLayerOptions();\n  }\n\n  @Watch('layerOptions')\n  setLayerOptions() {\n    this.setFilteredLayerOptions();\n  }\n\n  @Watch('selectedFeatureByBoxSelection')\n  setIsSelected() {\n    if (this.selectedFeatureByBoxSelection && this.selectedFeatureByBoxSelection.length > 0) {\n      this.withSelected = true;\n    } else {\n      this.withSelected = false;\n    }\n  }\n\n  @Watch('visibleLayers')\n  @Watch('readOnlyLayers')\n  updateLayerOptionsForPopup() {\n    if (this.readOnlyLayers?.length > 0) {\n      this.layerOptionsForPopup = this.visibleLayers.filter((layer: any) => {\n        return !this.readOnlyLayers.includes(layer);\n      });\n    } else {\n      this.layerOptionsForPopup = this.visibleLayers;\n    }\n  }\n\n  @Watch('enableAddNewFeature')\n  activateSelectInteraction(newValue: boolean) {\n    let selectInteraction = this.map\n      .getInteractions()\n      .getArray()\n      .find(interaction => interaction.get('id') === SelectFeatureInteractionId);\n    if (selectInteraction) {\n      selectInteraction.setActive(!newValue);\n    }\n  }\n\n  setFilteredLayerOptions = () => {\n    if (this.layerOptions && this.layerOptions.length > 0) {\n      this.filteredOptions = this.layerOptions;\n    }\n  };\n\n  updateSelectedLayers = (value: any) => {\n    this.handleSelectLayers(value);\n  };\n\n  handleCloseFilterPopover = () => {\n    this.filterAnchor = null;\n  };\n  handleCloseLayerPopover = () => {\n    this.layerAnchor = null;\n  };\n  handleCloseBulkSelectionTypePopover = () => {\n    this.bulkSelectionTypeAnchor = null;\n  };\n  handleCloseSplitPopover = () => {\n    this.splitAnchor = null;\n  };\n  handleCloseSelectionActionPopover = () => {\n    this.selectionActionAnchor = null;\n  };\n  handleCloseAddMapFeature = () => {\n    this.addFeatureAnchor = null;\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n  };\n  handleFilterOnclick = () => {\n    this.filterAnchor = this.mapToolbarElement.shadowRoot.querySelector('#filterOptionButton') as HTMLElement;\n  };\n  handleLayerOnclick = () => {\n    this.layerAnchor = this.mapToolbarElement.shadowRoot.querySelector('#layerOptionButton') as HTMLElement;\n    this.filteredOptions = this.layerOptions;\n  };\n  handleSelectionActionOnclick = () => {\n    this.selectionActionAnchor = this.mapToolbarElement.shadowRoot.querySelector('#withSelectedOptionButton') as HTMLElement;\n  };\n  handleSelectionBtnOnclick = () => {\n    this.bulkSelectionTypeAnchor = this.mapToolbarElement.shadowRoot.querySelector('#bulkSelectOptionButton') as HTMLElement;\n  };\n  handleSplitBtnOnclick = () => {\n    this.splitAnchor = this.mapToolbarElement.shadowRoot.querySelector('#splitOptionButton') as HTMLElement;\n  };\n\n  handleAddOnclick = () => {\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n    this.addFeatureAnchor = this.mapToolbarElement.shadowRoot.querySelector('#addOptionButton') as HTMLElement;\n  };\n\n  handleBulkSelectionTypeOnclick = (value: any) => {\n    this.bulkSelectionTypeAnchor = null;\n    this.handleBulkSelectionTypeOnChange(value, this.mapProjection);\n  };\n\n  handleSearchLayers = (e: any) => {\n    const searchString = e?.target?.value;\n    if (!searchString || searchString?.trim().length === 0) {\n      this.filteredOptions = this.layerOptions;\n      return;\n    }\n    const result = searchForLayerOptions(this.layerOptions, searchString);\n    this.filteredOptions = result;\n  };\n\n  handleMapTypeInputChange = (e: any) => {\n    this.handleSelectTile(e);\n  };\n\n  unselectFeatures = () => {\n    this.withSelected = false;\n    this.handleUnselectFeatures();\n  };\n\n  handleAddNewFeature = () => {\n    this.addFeatureAnchor = null;\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n    this.addNewFeature();\n  };\n  handleCancelAddNewFeature = () => {\n    this.addFeatureAnchor = null;\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n    this.cancelAddNewFeature();\n  };\n  getButtonText = () => {\n    if (this.enableDragBox) {\n      return 'Cancel Bulk Selection';\n    }\n    if (this.enableAddNewFeature) {\n      return 'Save';\n    }\n    return '';\n  };\n  getButtonIcon = () => {\n    if (this.enableDragBox) {\n      return Close16;\n    }\n    if (this.enableAddNewFeature) {\n      return Checkmark16;\n    }\n    return Close16;\n  };\n\n  render() {\n    return (\n      <div class=\"toolbarContainer\">\n        <div class=\"title\">{this.mapTitle && this.mapTitle.length > 0 && <unity-typography variant=\"h4\">{this.mapTitle}</unity-typography>}</div>\n\n        <div class=\"buttons\">\n          <div class=\"buttonContainer\">\n            <div class=\"secondaryButtons\">\n              {this.filterPanel && (\n                <div id=\"filterOption\">\n                  <div id=\"filterOptionButton\">\n                    <stencil-icon-button\n                      iconName={'filterButton'}\n                      iconClassName={'iconButtonWrapper'}\n                      tooltip={'Filter'}\n                      icon={Filter16}\n                      buttonId={'filterButton'}\n                      onClick={() => this.handleFilterOnclick()}\n                    />\n                  </div>\n                  {this.filterAnchor && (\n                    <div id=\"filterOptionDiv\">\n                      <udp-pop-over\n                        isOpen={this.filterAnchor ? true : false}\n                        anchorElement={this.filterAnchor}\n                        handleOnClose={() => this.handleCloseFilterPopover()}\n                        popoverPlacement={'bottom-start'}\n                        overflow={'visible'}\n                      >\n                        <div innerHTML={this.filterPanel}></div>\n                      </udp-pop-over>\n                    </div>\n                  )}\n                </div>\n              )}\n              {this.layerOptions && (\n                <div id=\"layerOption\">\n                  <div id=\"layerOptionButton\">\n                    <stencil-icon-button\n                      iconName={'layersButton'}\n                      iconClassName={'iconButtonWrapper'}\n                      tooltip={'Layers'}\n                      icon={Layers16}\n                      buttonId={'layersButton'}\n                      onClick={() => this.handleLayerOnclick()}\n                      count={this.visibleLayers?.length}\n                    />\n                  </div>\n\n                  <div id=\"layerOptionDiv\">\n                    {this.layerAnchor && (\n                      <udp-pop-over\n                        isOpen={this.layerAnchor ? true : false}\n                        anchorElement={this.layerAnchor}\n                        handleOnClose={() => this.handleCloseLayerPopover()}\n                        popoverPlacement={'bottom-start'}\n                        popoverMaxHeight={'500px'}\n                      >\n                        <select-layer-popup\n                          enableTileSelection={this.enableTileSelection}\n                          tileOptions={this.tileOptions}\n                          handleMapTypeInputChange={this.handleMapTypeInputChange}\n                          handleSearchLayers={this.handleSearchLayers}\n                          filteredOptions={this.filteredOptions}\n                          visibleLayers={this.visibleLayers}\n                          updateSelectedLayers={this.updateSelectedLayers}\n                          selectedTile={this.selectedTile}\n                        />\n                      </udp-pop-over>\n                    )}\n                  </div>\n                </div>\n              )}\n              {!this.readOnlyMap && this.selectedFeaturesActionPanel && (\n                <div id=\"bulkSelectOption\">\n                  <div id=\"bulkSelectOptionButton\">\n                    <stencil-icon-button\n                      iconName={'selectButton'}\n                      iconClassName={'iconButtonWrapper'}\n                      tooltip={'Select'}\n                      icon={Select_0116}\n                      buttonId={'selectButton'}\n                      onClick={() => this.handleSelectionBtnOnclick()}\n                    />\n                  </div>\n                  <div id=\"bulkSelectOptionDiv\">\n                    {this.bulkSelectionTypeAnchor && (\n                      <udp-pop-over\n                        isOpen={this.bulkSelectionTypeAnchor ? true : false}\n                        anchorElement={this.bulkSelectionTypeAnchor}\n                        handleOnClose={() => this.handleCloseBulkSelectionTypePopover()}\n                        popoverPlacement={'bottom-start'}\n                        overflow={'visible'}\n                      >\n                        <udp-menu-item\n                          label={'Box'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('box');\n                          }}\n                        />\n                        <udp-menu-item\n                          label={'Circle'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('circle');\n                          }}\n                        />\n                        <udp-menu-item\n                          label={'Polygon'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('polygon');\n                          }}\n                        />\n                        <udp-menu-item\n                          label={'Lasso'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('lasso');\n                          }}\n                        />\n                      </udp-pop-over>\n                    )}\n                  </div>\n                </div>\n              )}\n              {!this.readOnlyMap && this.enableSplit && (\n                <div id=\"splitOption\">\n                  <div id=\"splitOptionButton\">\n                    <stencil-icon-button\n                      iconName={'splitButton'}\n                      iconClassName={'splitButtonWrapper'}\n                      tooltip={'Split Linear Feature'}\n                      icon={Scalpel16}\n                      buttonId={'splitButton'}\n                      onClick={() => this.handleSplitBtnOnclick()}\n                    />\n                  </div>\n                  <div id=\"splitOptionDiv\">\n                    {this.splitAnchor && (\n                      <udp-pop-over\n                        isOpen={this.splitAnchor ? true : false}\n                        anchorElement={this.splitAnchor}\n                        handleOnClose={() => this.handleCloseSplitPopover()}\n                        popoverPlacement={'bottom-start'}\n                        overflow={'visible'}\n                      >\n                        <split-line-popup\n                          vectorLayerOptions={this.layerOptionsForPopup}\n                          selectedLayer={this.selectedLayerToAddFeature}\n                          handleStartSplitting={this.handleStartSplitting}\n                        />\n                      </udp-pop-over>\n                    )}\n                  </div>\n                </div>\n              )}\n              {this.refreshEvent && (\n                <stencil-icon-button\n                  iconName={'refreshButton'}\n                  iconClassName={'iconButtonWrapper'}\n                  tooltip={this.refreshButtonTooltip ?? 'Refresh'}\n                  icon={Renew16}\n                  buttonId={'refreshButton'}\n                  onClick={() => this.refreshEvent()}\n                />\n              )}\n              {!this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={this.getButtonIcon()}\n                    onClick={() => {\n                      if (this.enableDragBox) {\n                        this.handleCancelBoxSelection();\n                      }\n                      if (this.enableAddNewFeature) {\n                        this.handleAddNewFeature();\n                      }\n                    }}\n                    tooltip={this.getButtonText()}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{this.getButtonText()}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n              {this.showSplitButton && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Checkmark16}\n                    onClick={() => this.handleSaveSplit()}\n                    tooltip={'Save Split'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Save Split'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n              {this.showSplitButton && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Close16}\n                    onClick={() => this.handleCancelSplit()}\n                    tooltip={'Cancel Split'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Cancel Split'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n              {!this.readOnlyMap && this.enableAddNewFeature && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Close16}\n                    onClick={() => this.handleCancelAddNewFeature()}\n                    tooltip={'Cancel Drawing'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Cancel Drawing'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n\n              {!this.readOnlyMap && this.withSelected && (\n                <div class=\"selectedFeaturesButtons labelButtons\">\n                  <div id=\"withSelectedOption\">\n                    <div id=\"withSelectedOptionButton\">\n                      <stencil-icon-button-grid-action-header\n                        showLabel={true}\n                        icon={OverflowMenuHorizontal16}\n                        onClick={() => this.handleSelectionActionOnclick()}\n                        tooltip={'With Selected'}\n                        iconClassName={'save-icon-class'}\n                        count={this.selectedFeatureByBoxSelection.length}\n                      >\n                        <unity-typography variant=\"button\">{'With Selected'}</unity-typography>\n                      </stencil-icon-button-grid-action-header>\n                    </div>\n                    <div id=\"withSelectedOptionDiv\">\n                      {this.selectedFeaturesActionPanel && this.selectionActionAnchor && (\n                        <udp-pop-over\n                          isOpen={this.selectionActionAnchor ? true : false}\n                          anchorElement={this.selectionActionAnchor}\n                          handleOnClose={() => this.handleCloseSelectionActionPopover()}\n                          popoverPlacement={'bottom-start'}\n                        >\n                          <div innerHTML={this.selectedFeaturesActionPanel}></div>\n                        </udp-pop-over>\n                      )}\n                    </div>\n                  </div>\n\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Close16}\n                    onClick={() => this.unselectFeatures()}\n                    tooltip={'Cancel selection'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Cancel Selection'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n            </div>\n\n            <div id=\"addOption\">\n              {this.enableAdd && !this.readOnlyMap && (\n                <div id=\"addOptionButton\">\n                  <custom-button secondary={true} label={<unity-typography variant=\"button\">{'Add'}</unity-typography>} onClick={() => this.handleAddOnclick()} size=\"tall\">\n                    <udp-icon iconName={'add32'} darkIcon={false} />\n                  </custom-button>\n                </div>\n              )}\n              {this.addFeatureAnchor && (\n                <udp-pop-over\n                  isOpen={this.addFeatureAnchor ? true : false}\n                  anchorElement={this.addFeatureAnchor}\n                  handleOnClose={() => this.handleCloseAddMapFeature()}\n                  popoverPlacement={'bottom-start'}\n                  overflow={'visible'}\n                >\n                  <add-map-feature-popup\n                    handleStartDrawingMapFeature={this.handleStartDrawingMapFeature}\n                    vectorLayerOptions={this.layerOptionsForPopup}\n                    selectedLayer={this.selectedLayerToAddFeature}\n                    selectedType={this.selectedTypeToAddFeature}\n                    panelConfig={this.addFeaturePanelConfig}\n                  />\n                </udp-pop-over>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/map/udp-map/udp-map-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-map-toolbar.js","sourceRoot":"","sources":["../../../../src/components/map/udp-map/udp-map-toolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["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);\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  };\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"]}