@dubai-design-system/components-js 3.12.9 → 3.12.11

package/dist/esm/dda-link-button.entry.js

@@ -1,67 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-52b38a93.js';
-
-const DdaLinkButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.ddaLinkClick = createEvent(this, "ddaLinkClick", 7);
-        this.disabled = false;
-        this.start_icon = '';
-        this.link_button_text = '';
-        this.link_button_title = '';
-        this.end_icon = '';
-        this.aria_label = '';
-        this.button_color = 'primary';
-        this.button_shape = '';
-        this.icon_button_shape = '';
-        this.custom_class = '';
-        this.href = '#';
-        this.target = '';
-        this.rel = 'noopener noreferrer';
-        this.handleClick = (event) => {
-            // Block all click events when disabled
-            if (this.disabled) {
-                event.preventDefault();
-                event.stopPropagation();
-                event.stopImmediatePropagation();
-                return false;
-            }
-            // Emit custom event for parent components
-            this.ddaLinkClick.emit(event);
-            // Call custom click handler if provided
-            if (this.clickHandler) {
-                this.clickHandler(event);
-            }
-        };
-    }
-    render() {
-        const linkbuttonClass = [
-            'dda-btn',
-            `btn-color-${this.button_color}`,
-            this.size ? `btn-size-${this.size}` : '',
-            this.button_shape ? `btn-shape-${this.button_shape}` : '',
-            this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',
-            this.gap ? `dda-gap-${this.gap}` : '',
-            this.disabled ? 'disabled' : '', // Add disabled class
-            this.custom_class,
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        // Generate aria-label if not provided
-        const ariaLabel = this.aria_label || this.link_button_text || 'Link button';
-        // Handle target security
-        const linkTarget = this.target;
-        const linkRel = this.target === '_blank' ? 'noopener noreferrer' : this.rel;
-        return (h(Host, { key: 'f3c12526f6fa0fd49d1d11a2406f69826da41003' }, h("a", { key: '65b66870f9683c276b3e20d8b8c20c817696d3fe', id: this.button_id, target: linkTarget, rel: linkRel, "data-fancybox": this.data_fancybox, title: this.link_button_title, href: this.disabled ? undefined : this.href, class: linkbuttonClass, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, tabindex: this.disabled ? -1 : undefined, onClick: this.handleClick, onKeyDown: (event) => {
-                // Block keyboard navigation when disabled
-                if (this.disabled && (event.key === 'Enter' || event.key === ' ')) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    event.stopImmediatePropagation();
-                    return false;
-                }
-            }, style: this.disabled ? { pointerEvents: 'none', cursor: 'not-allowed' } : {} }, this.start_icon && (h("i", { key: '553ef0895f08aab5e94e91f6dd51bc45a985298b', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.start_icon)), this.link_button_text, this.end_icon && (h("i", { key: 'fd191ba6612d3c5cf4b8382182d20950d5361ca3', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.end_icon)))));
-    }
-};
-
-export { DdaLinkButton as dda_link_button };
-
-//# sourceMappingURL=dda-link-button.entry.js.map

package/dist/esm/dda-link-button.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-link-button.entry.js","mappings":"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","names":[],"sources":["src/components/dda-link-button/dda-link-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-link-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon: string = '';\r\n  @Prop() link_button_text: string = '';\r\n  @Prop() link_button_title: string = '';\r\n  @Prop() end_icon: string = '';\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_color: string = 'primary';\r\n  @Prop() size?: string;\r\n  @Prop() button_shape?: string = '';\r\n  @Prop() icon_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() href?: string = '#';\r\n  @Prop() component_mode?: string; \r\n  @Prop() button_id: string;\r\n  @Prop() target?: string = '';\r\n  @Prop() rel?: string = 'noopener noreferrer';\r\n  @Prop() data_fancybox?: string;\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  // Add event emitter for better integration\r\n  @Event() ddaLinkClick: EventEmitter<MouseEvent>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    // Block all click events when disabled\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      event.stopImmediatePropagation();\r\n      return false;\r\n    }\r\n\r\n    // Emit custom event for parent components\r\n    this.ddaLinkClick.emit(event);\r\n\r\n    // Call custom click handler if provided\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const linkbuttonClass = [\r\n      'dda-btn',\r\n      `btn-color-${this.button_color}`,\r\n      this.size ? `btn-size-${this.size}` : '',\r\n      this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n      this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n      this.gap ? `dda-gap-${this.gap}` : '',\r\n      this.disabled ? 'disabled' : '', // Add disabled class\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    // Generate aria-label if not provided\r\n    const ariaLabel = this.aria_label || this.link_button_text || 'Link button';\r\n\r\n    // Handle target security\r\n    const linkTarget = this.target;\r\n    const linkRel = this.target === '_blank' ? 'noopener noreferrer' : this.rel;\r\n\r\n    return (\r\n      <Host>\r\n        <a\r\n          id={this.button_id}\r\n          target={linkTarget}  \r\n          rel={linkRel}\r\n          data-fancybox={this.data_fancybox}\r\n          title={this.link_button_title}\r\n          href={this.disabled ? undefined : this.href} // Remove href when disabled\r\n          class={linkbuttonClass}\r\n          aria-label={ariaLabel}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          tabindex={this.disabled ? -1 : undefined} // Remove from tab order when disabled\r\n          onClick={this.handleClick}\r\n          onKeyDown={(event) => {\r\n            // Block keyboard navigation when disabled\r\n            if (this.disabled && (event.key === 'Enter' || event.key === ' ')) {\r\n              event.preventDefault();\r\n              event.stopPropagation();\r\n              event.stopImmediatePropagation();\r\n              return false;\r\n            }\r\n          }}\r\n          style={this.disabled ? { pointerEvents: 'none', cursor: 'not-allowed' } : {}}\r\n        >\r\n          {this.start_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.link_button_text}\r\n          {this.end_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </a>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/esm/dda-number-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-number-field.entry.js","mappings":"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","names":[],"sources":["src/components/dda-number-field/dda-number-field.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-number-field',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaNumberField {\r\n  @Prop() placeholder: string;\r\n  @Prop() label: string;\r\n  @Prop() value: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() size?: string;\r\n  @Prop() input_status?: string; // JSON string of currency options\r\n  @Prop() currencies: string;\r\n  @Prop() selected_currency: string = 'USD';\r\n  @State() is_focused: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() input_id: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() toggle_button_name?: string;\r\n  @Prop() currency_button_name?: string;\r\n\r\n  @State() isCurrencyDropdownOpen: boolean = false;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private hostElement!: HTMLElement;\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  handleOutsideClick = (event: MouseEvent) => {\r\n    if (!this.hostElement.contains(event.target as Node)) {\r\n      this.isCurrencyDropdownOpen = false;\r\n    }\r\n  };\r\n\r\n  handleInput(event) {\r\n    const inputElement = event.target as HTMLInputElement;\r\n    const inputValue = inputElement.value.replace(/[^0-9.]/g, '');\r\n    inputElement.value = inputValue;\r\n    this.el.dispatchEvent(\r\n      new InputEvent('input', {\r\n        bubbles: true,\r\n        composed: true,\r\n        data: event.data,\r\n        inputType: event.inputType,\r\n        isComposing: event.isComposing,\r\n      }),\r\n    );\r\n  }\r\n\r\n  handleFocus() {\r\n    this.is_focused = true;\r\n  }\r\n\r\n  handleBlur() {\r\n    this.is_focused = false;\r\n  }\r\n\r\n  toggleCurrencyDropdown() {\r\n    this.isCurrencyDropdownOpen = !this.isCurrencyDropdownOpen;\r\n    this.handleFocus();\r\n    this.handleBlur();\r\n  }\r\n\r\n  selectCurrency(currency: string) {\r\n    this.selected_currency = currency;\r\n    this.isCurrencyDropdownOpen = false;\r\n  }\r\n\r\n  private get parsedCurrencies(): string[] {\r\n    try {\r\n      return JSON.parse(this.currencies);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.value = val;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.value || '';\r\n  }\r\n\r\n  render() {\r\n    const containerClass = [\r\n      'dda-input-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-input-size-${this.size}` : '',\r\n      this.input_status ? `dda-input-${this.input_status}` : '',\r\n      this.is_focused ? 'dda-input-focus' : '',\r\n      this.error_message ? 'dda-error-message' : '',\r\n      this.custom_class ? `${this.custom_class}` : '',\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host ref={el => (this.hostElement = el as HTMLElement)}>\r\n        <div class={containerClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-input-field-group dda-number-field\">\r\n            <input\r\n              id={this.input_id}\r\n              name={this.input_name}\r\n              aria-label={this.aria_label}\r\n              type=\"number\"\r\n              placeholder={this.placeholder}\r\n              value={this.value}\r\n              pattern={'[0-9]*'}\r\n              onInput={event => this.handleInput(event)}\r\n              onFocus={this.handleFocus.bind(this)}\r\n              onBlur={this.handleBlur.bind(this)}\r\n              class=\"dda-field-group-input\"\r\n            />\r\n            <div class=\"dda-input-dropdown-btn\">\r\n              <button name={this.toggle_button_name} type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleCurrencyDropdown()}>\r\n                {this.selected_currency}{' '}\r\n                <i class={`material-icons`} aria-hidden=\"true\">\r\n                  {this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n                </i>\r\n              </button>\r\n              {this.isCurrencyDropdownOpen && (\r\n                <div class=\"dda-input-dropdown-list\">\r\n                  {this.parsedCurrencies.length > 0 ? (\r\n                    this.parsedCurrencies.map(option => (\r\n                      <button\r\n                        name={this.currency_button_name}\r\n                        type=\"button\"\r\n                        class={`dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`}\r\n                        onClick={() => this.selectCurrency(option)}\r\n                      >\r\n                        {option}\r\n                      </button>\r\n                    ))\r\n                  ) : (\r\n                    <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-pagination.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-pagination.entry.js","mappings":"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","names":[],"sources":["src/components/dda-pagination/dda-pagination.css?tag=dda-pagination","src/components/dda-pagination/dda-pagination.tsx"],"sourcesContent":[".dda-pagination-container {\r\n  min-width: 380px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.dda-pagination {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-pagination button {\r\n  height: 40px;\r\n  min-width: 40px;\r\n  border: transparent;\r\n  border-radius: 5px;\r\n  background-color: var(--dda-surface-100);\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.light-mode.dda-pagination button{\r\n  background-color: var(--dda-neutral-100);\r\n  color: var(--dda-neutral-variant-30);\r\n} \r\n\r\n.dda-pagination span{\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode.dda-pagination span {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-pagination-simple-slider {\r\n  width: 100%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-pagination-simple-slider button {\r\n  background-color: transparent;\r\n  border: transparent;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.dda-pagination-simple-slider span {\r\n  padding: 0 20px;\r\n}\r\n\r\n.dda-pagination-buttons button {\r\n  background-color: transparent;\r\n  border: transparent;\r\n  display: inline-flex;\r\n  gap: 10px;\r\n}\r\n\r\n.dda-pagination-buttons button.active {\r\n  background-color: transparent;\r\n  color: var(--dda-color-primary-40)\r\n}\r\n.light-mode.dda-pagination-buttons button.active {\r\n  color: var(--dda-primary-40)\r\n}\r\n\r\n.dda-pagination-text {\r\n  width: 100%;\r\n  justify-content: space-between;\r\n}\r\n.dda-pagination-text button{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-text-pages {\r\n  width: 100%;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n.dda-pagination-text-pages button{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-text-pages button.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  color: var(--dda-surface-100)\r\n}\r\n.light-mode.dda-pagination-text-pages button.active {\r\n  background-color: var(--dda-primary-40);\r\n  color: var(--dda-neutral-100)\r\n}\r\n.dda-pagination-button-text {\r\n  width: 100%;\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n\r\n.dda-pagination-button-text button {\r\n  min-width: 50px;\r\n  border: 0px;\r\n  border-right: solid 1px var(--dda-neutral-90);\r\n  border-top: solid 1px var(--dda-neutral-90);\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n.dda-pagination-button-text button.active {\r\n  color: var(--dda-color-primary-40);\r\n  font-weight: var(--dda-fw-700);\r\n}\r\n.light-mode.dda-pagination-button-text button.active {\r\n  color: var(--dda-primary-40);\r\n}\r\n.dda-pagination-button-text button.prev {\r\n  border-left: solid 1px var(--dda-neutral-90);\r\n  border-radius: 5px 0 0 5px;\r\n}\r\n\r\n.dda-pagination-button-text button.next {\r\n  border-radius: 0 5px 5px 0;\r\n}\r\n.dda-pagination-buttons-pages{\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-pagination-buttons-pages button {\r\n  border: 0px;\r\n  border-right: solid 1px var(--dda-neutral-90);\r\n  border-top: solid 1px var(--dda-neutral-90);\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n.dda-pagination-buttons-pages button.prev {\r\n  border-left: solid 1px var(--dda-neutral-90);\r\n  border-radius: 5px 0 0 5px;\r\n}\r\n\r\n.dda-pagination-buttons-pages button.next {\r\n  border-radius: 0 5px 5px 0;\r\n}\r\n\r\n.dda-pagination-full {\r\n  gap: 8px;\r\n}\r\n\r\n.dda-pagination-full button {\r\n  min-width: auto;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 10px;\r\n  padding: 0px;\r\n  overflow: hidden;\r\n  text-indent: -100px;\r\n  border: solid 1px var(--dda-surface-90);\r\n}\r\n.light-mode.dda-pagination-full button{\r\n  border: solid 1px var(--dda-neutral-90);\r\n}\r\n.dda-pagination-full button.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  border: transparent;\r\n}\r\n.light-mode.dda-pagination-full button.active {\r\n  background-color: var(--dda-primary-40);\r\n}","import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, Prop, h, Host, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-pagination',\r\n  styleUrls: ['dda-pagination.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaPagination {\r\n  @Prop() total_pages: number = 8;\r\n  @Prop({ mutable: true }) current_page: number = 1;\r\n  @Prop() type: 'simple-slider' | 'buttons' | 'text' | 'text-pages' | 'button-text' | 'buttons-pages' | 'full' = 'simple-slider';\r\n  @Prop() custom_class: string = '';\r\n  @Prop() component_mode?: string; \r\n  @Prop() simple_slider_prev_button: string;\r\n  @Prop() simple_slider_next_button: string;\r\n  @Prop() buttons_prev_button: string;\r\n  @Prop() buttons_next_button: string;\r\n  @Prop() text_prev_button: string;\r\n  @Prop() text_next_button: string;\r\n  @Prop() text_pages_prev_button: string;\r\n  @Prop() text_pages_next_button: string;\r\n  @Prop() button_text_prev_button: string;\r\n  @Prop() button_text_next_button: string;\r\n  @Prop() buttons_pages_prev_button: string;\r\n  @Prop() buttons_pages_next_button: string;\r\n  @Prop() buttons_pages_id: string;\r\n  @Event() paginateClick?: EventEmitter<number>;\r\n\r\n  @Watch('total_pages')\r\n  validateTotalPages(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.total_pages = 1;\r\n    }\r\n  }\r\n\r\n  @Watch('current_page')\r\n  validateCurrentPage(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.current_page = 1;\r\n    } else if (newValue > this.total_pages) {\r\n      this.current_page = this.total_pages;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.validateTotalPages(this.total_pages);\r\n    this.validateCurrentPage(this.current_page);\r\n  }\r\n\r\n  private renderPagination() {\r\n    switch (this.type) {\r\n      case 'simple-slider':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.simple_slider_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.simple_slider_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.buttons_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.text_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'button-text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.button_text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.button_text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <button\r\n              name={this.buttons_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'full':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`}>\r\n            {this.renderPageButtons()}\r\n          </div>\r\n        );\r\n    }\r\n  }\r\n\r\n  private renderPageButtons() {\r\n    const buttons = [];\r\n    for (let i = 1; i <= this.total_pages; i++) {\r\n      buttons.push(\r\n        <button\r\n          class={i === this.current_page ? 'active' : ''}\r\n          onClick={() => this.setcurrentpage(i)}\r\n        >\r\n          {i}\r\n        </button>\r\n      );\r\n    }\r\n    return buttons;\r\n  }\r\n\r\n  private setcurrentpage(page: number) {\r\n    if (page >= 1 && page <= this.total_pages) {\r\n      console.log('Pagination button clicked, page:', page, this.paginateClick);  // <-- Log here\r\n      this.current_page = page;\r\n      this.paginateClick.emit(page)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-pagination-container`}>\r\n          {this.renderPagination()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-phonefield.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-phonefield.entry.js","mappings":";;AAAO,MAAM,aAAa,GAAG;AAC7B,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC7D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACnE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC7D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAChE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAiC,EAAE;AACjE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC9D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iCAAiC,EAAE;AAC/D,EA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","names":[],"sources":["src/assets/countries.js","src/components/dda-phonefield/dda-phonefield.tsx"],"sourcesContent":["export const CountriesList = [\r\n  { \"code\": \"+93\", \"flag\": \"https://flagcdn.com/w320/af.png\" },\r\n  { \"code\": \"+355\", \"flag\": \"https://flagcdn.com/w320/al.png\" },\r\n  { \"code\": \"+213\", \"flag\": \"https://flagcdn.com/w320/dz.png\" },\r\n  { \"code\": \"+376\", \"flag\": \"https://flagcdn.com/w320/ad.png\" },\r\n  { \"code\": \"+244\", \"flag\": \"https://flagcdn.com/w320/ao.png\" },\r\n  { \"code\": \"+54\", \"flag\": \"https://flagcdn.com/w320/ar.png\" },\r\n  { \"code\": \"+374\", \"flag\": \"https://flagcdn.com/w320/am.png\" },\r\n  { \"code\": \"+61\", \"flag\": \"https://flagcdn.com/w320/au.png\" },\r\n  { \"code\": \"+43\", \"flag\": \"https://flagcdn.com/w320/at.png\" },\r\n  { \"code\": \"+994\", \"flag\": \"https://flagcdn.com/w320/az.png\" },\r\n  { \"code\": \"+1\", \"flag\": \"https://flagcdn.com/w320/us.png\" },\r\n  { \"code\": \"+1-268\", \"flag\": \"https://flagcdn.com/w320/ag.png\" },\r\n  { \"code\": \"+1-242\", \"flag\": \"https://flagcdn.com/w320/bs.png\" },\r\n  { \"code\": \"+973\", \"flag\": \"https://flagcdn.com/w320/bh.png\" },\r\n  { \"code\": \"+880\", \"flag\": \"https://flagcdn.com/w320/bd.png\" },\r\n  { \"code\": \"+1-246\", \"flag\": \"https://flagcdn.com/w320/bb.png\" },\r\n  { \"code\": \"+375\", \"flag\": \"https://flagcdn.com/w320/by.png\" },\r\n  { \"code\": \"+32\", \"flag\": \"https://flagcdn.com/w320/be.png\" },\r\n  { \"code\": \"+501\", \"flag\": \"https://flagcdn.com/w320/bz.png\" },\r\n  { \"code\": \"+229\", \"flag\": \"https://flagcdn.com/w320/bj.png\" },\r\n  { \"code\": \"+1-441\", \"flag\": \"https://flagcdn.com/w320/bm.png\" },\r\n  { \"code\": \"+975\", \"flag\": \"https://flagcdn.com/w320/bt.png\" },\r\n  { \"code\": \"+591\", \"flag\": \"https://flagcdn.com/w320/bo.png\" },\r\n  { \"code\": \"+387\", \"flag\": \"https://flagcdn.com/w320/ba.png\" },\r\n  { \"code\": \"+267\", \"flag\": \"https://flagcdn.com/w320/bw.png\" },\r\n  { \"code\": \"+55\", \"flag\": \"https://flagcdn.com/w320/br.png\" },\r\n  { \"code\": \"+359\", \"flag\": \"https://flagcdn.com/w320/bg.png\" },\r\n  { \"code\": \"+226\", \"flag\": \"https://flagcdn.com/w320/bf.png\" },\r\n  { \"code\": \"+257\", \"flag\": \"https://flagcdn.com/w320/bi.png\" },\r\n  { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n  { \"code\": \"+237\", \"flag\": \"https://flagcdn.com/w320/cm.png\" },\r\n  { \"code\": \"+1-242\", \"flag\": \"https://flagcdn.com/w320/cb.png\" },\r\n  { \"code\": \"+238\", \"flag\": \"https://flagcdn.com/w320/cv.png\" },\r\n  { \"code\": \"+1-345\", \"flag\": \"https://flagcdn.com/w320/ky.png\" },\r\n  { \"code\": \"+236\", \"flag\": \"https://flagcdn.com/w320/cf.png\" },\r\n  { \"code\": \"+235\", \"flag\": \"https://flagcdn.com/w320/cm.png\" },\r\n  { \"code\": \"+57\", \"flag\": \"https://flagcdn.com/w320/co.png\" },\r\n  { \"code\": \"+269\", \"flag\": \"https://flagcdn.com/w320/km.png\" },\r\n  { \"code\": \"+242\", \"flag\": \"https://flagcdn.com/w320/cg.png\" },\r\n  { \"code\": \"+243\", \"flag\": \"https://flagcdn.com/w320/cd.png\" },\r\n  { \"code\": \"+682\", \"flag\": \"https://flagcdn.com/w320/ck.png\" },\r\n  { \"code\": \"+506\", \"flag\": \"https://flagcdn.com/w320/cr.png\" },\r\n  { \"code\": \"+225\", \"flag\": \"https://flagcdn.com/w320/ci.png\" },\r\n  { \"code\": \"+385\", \"flag\": \"https://flagcdn.com/w320/hr.png\" },\r\n  { \"code\": \"+53\", \"flag\": \"https://flagcdn.com/w320/cu.png\" },\r\n  { \"code\": \"+357\", \"flag\": \"https://flagcdn.com/w320/cy.png\" },\r\n  { \"code\": \"+420\", \"flag\": \"https://flagcdn.com/w320/cz.png\" },\r\n  { \"code\": \"+45\", \"flag\": \"https://flagcdn.com/w320/dk.png\" },\r\n  { \"code\": \"+253\", \"flag\": \"https://flagcdn.com/w320/dj.png\" },\r\n  { \"code\": \"+1-767\", \"flag\": \"https://flagcdn.com/w320/dm.png\" },\r\n  { \"code\": \"+1-809\", \"flag\": \"https://flagcdn.com/w320/do.png\" },\r\n  { \"code\": \"+593\", \"flag\": \"https://flagcdn.com/w320/ec.png\" },\r\n  { \"code\": \"+20\", \"flag\": \"https://flagcdn.com/w320/eg.png\" },\r\n  { \"code\": \"+503\", \"flag\": \"https://flagcdn.com/w320/sv.png\" },\r\n  { \"code\": \"+240\", \"flag\": \"https://flagcdn.com/w320/gq.png\" },\r\n  { \"code\": \"+291\", \"flag\": \"https://flagcdn.com/w320/er.png\" },\r\n  { \"code\": \"+372\", \"flag\": \"https://flagcdn.com/w320/ee.png\" },\r\n  { \"code\": \"+251\", \"flag\": \"https://flagcdn.com/w320/et.png\" },\r\n  { \"code\": \"+500\", \"flag\": \"https://flagcdn.com/w320/fk.png\" },\r\n  { \"code\": \"+298\", \"flag\": \"https://flagcdn.com/w320/fo.png\" },\r\n  { \"code\": \"+679\", \"flag\": \"https://flagcdn.com/w320/fj.png\" },\r\n  { \"code\": \"+358\", \"flag\": \"https://flagcdn.com/w320/fi.png\" },\r\n  { \"code\": \"+33\", \"flag\": \"https://flagcdn.com/w320/fr.png\" },\r\n  { \"code\": \"+594\", \"flag\": \"https://flagcdn.com/w320/gf.png\" },\r\n  { \"code\": \"+689\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n  { \"code\": \"+241\", \"flag\": \"https://flagcdn.com/w320/ga.png\" },\r\n  { \"code\": \"+220\", \"flag\": \"https://flagcdn.com/w320/gm.png\" },\r\n  { \"code\": \"+995\", \"flag\": \"https://flagcdn.com/w320/ge.png\" },\r\n  { \"code\": \"+233\", \"flag\": \"https://flagcdn.com/w320/gh.png\" },\r\n  { \"code\": \"+350\", \"flag\": \"https://flagcdn.com/w320/gi.png\" },\r\n  { \"code\": \"+30\", \"flag\": \"https://flagcdn.com/w320/gr.png\" },\r\n  { \"code\": \"+299\", \"flag\": \"https://flagcdn.com/w320/gl.png\" },\r\n  { \"code\": \"+502\", \"flag\": \"https://flagcdn.com/w320/gt.png\" },\r\n  { \"code\": \"+44-1481\", \"flag\": \"https://flagcdn.com/w320/gg.png\" },\r\n  { \"code\": \"+224\", \"flag\": \"https://flagcdn.com/w320/gn.png\" },\r\n  { \"code\": \"+245\", \"flag\": \"https://flagcdn.com/w320/gw.png\" },\r\n  { \"code\": \"+592\", \"flag\": \"https://flagcdn.com/w320/gy.png\" },\r\n  { \"code\": \"+509\", \"flag\": \"https://flagcdn.com/w320/ht.png\" },\r\n  { \"code\": \"+504\", \"flag\": \"https://flagcdn.com/w320/hn.png\" },\r\n  { \"code\": \"+852\", \"flag\": \"https://flagcdn.com/w320/hk.png\" },\r\n  { \"code\": \"+36\", \"flag\": \"https://flagcdn.com/w320/hu.png\" },\r\n  { \"code\": \"+354\", \"flag\": \"https://flagcdn.com/w320/is.png\" },\r\n  { \"code\": \"+91\", \"flag\": \"https://flagcdn.com/w320/in.png\" },\r\n  { \"code\": \"+62\", \"flag\": \"https://flagcdn.com/w320/id.png\" },\r\n  { \"code\": \"+98\", \"flag\": \"https://flagcdn.com/w320/ir.png\" },\r\n  { \"code\": \"+964\", \"flag\": \"https://flagcdn.com/w320/iq.png\" },\r\n  { \"code\": \"+353\", \"flag\": \"https://flagcdn.com/w320/ie.png\" },\r\n  { \"code\": \"+972\", \"flag\": \"https://flagcdn.com/w320/il.png\" },\r\n  { \"code\": \"+1-876\", \"flag\": \"https://flagcdn.com/w320/jm.png\" },\r\n  { \"code\": \"+81\", \"flag\": \"https://flagcdn.com/w320/jp.png\" },\r\n  { \"code\": \"+962\", \"flag\": \"https://flagcdn.com/w320/jo.png\" },\r\n  { \"code\": \"+7\", \"flag\": \"https://flagcdn.com/w320/ru.png\" },\r\n  { \"code\": \"+254\", \"flag\": \"https://flagcdn.com/w320/ke.png\" },\r\n  { \"code\": \"+686\", \"flag\": \"https://flagcdn.com/w320/ki.png\" },\r\n  { \"code\": \"+965\", \"flag\": \"https://flagcdn.com/w320/kw.png\" },\r\n  { \"code\": \"+996\", \"flag\": \"https://flagcdn.com/w320/kg.png\" },\r\n  { \"code\": \"+856\", \"flag\": \"https://flagcdn.com/w320/la.png\" },\r\n  { \"code\": \"+371\", \"flag\": \"https://flagcdn.com/w320/lv.png\" },\r\n  { \"code\": \"+961\", \"flag\": \"https://flagcdn.com/w320/lb.png\" },\r\n  { \"code\": \"+266\", \"flag\": \"https://flagcdn.com/w320/ls.png\" },\r\n  { \"code\": \"+231\", \"flag\": \"https://flagcdn.com/w320/lr.png\" },\r\n  { \"code\": \"+218\", \"flag\": \"https://flagcdn.com/w320/ly.png\" },\r\n  { \"code\": \"+423\", \"flag\": \"https://flagcdn.com/w320/li.png\" },\r\n  { \"code\": \"+370\", \"flag\": \"https://flagcdn.com/w320/lt.png\" },\r\n  { \"code\": \"+352\", \"flag\": \"https://flagcdn.com/w320/lu.png\" },\r\n  { \"code\": \"+261\", \"flag\": \"https://flagcdn.com/w320/mg.png\" },\r\n  { \"code\": \"+265\", \"flag\": \"https://flagcdn.com/w320/mw.png\" },\r\n  { \"code\": \"+60\", \"flag\": \"https://flagcdn.com/w320/my.png\" },\r\n  { \"code\": \"+960\", \"flag\": \"https://flagcdn.com/w320/mv.png\" },\r\n  { \"code\": \"+223\", \"flag\": \"https://flagcdn.com/w320/ml.png\" },\r\n  { \"code\": \"+230\", \"flag\": \"https://flagcdn.com/w320/mu.png\" },\r\n  { \"code\": \"+262\", \"flag\": \"https://flagcdn.com/w320/re.png\" },\r\n  { \"code\": \"+52\", \"flag\": \"https://flagcdn.com/w320/mx.png\" },\r\n  { \"code\": \"+691\", \"flag\": \"https://flagcdn.com/w320/fm.png\" },\r\n  { \"code\": \"+373\", \"flag\": \"https://flagcdn.com/w320/md.png\" },\r\n  { \"code\": \"+377\", \"flag\": \"https://flagcdn.com/w320/mc.png\" },\r\n  { \"code\": \"+976\", \"flag\": \"https://flagcdn.com/w320/mn.png\" },\r\n  { \"code\": \"+382\", \"flag\": \"https://flagcdn.com/w320/me.png\" },\r\n  { \"code\": \"+1-664\", \"flag\": \"https://flagcdn.com/w320/ms.png\" },\r\n  { \"code\": \"+212\", \"flag\": \"https://flagcdn.com/w320/ma.png\" },\r\n  { \"code\": \"+258\", \"flag\": \"https://flagcdn.com/w320/mz.png\" },\r\n  { \"code\": \"+95\", \"flag\": \"https://flagcdn.com/w320/mm.png\" },\r\n  { \"code\": \"+264\", \"flag\": \"https://flagcdn.com/w320/na.png\" },\r\n  { \"code\": \"+674\", \"flag\": \"https://flagcdn.com/w320/nu.png\" },\r\n  { \"code\": \"+977\", \"flag\": \"https://flagcdn.com/w320/np.png\" },\r\n  { \"code\": \"+31\", \"flag\": \"https://flagcdn.com/w320/nl.png\" },\r\n  { \"code\": \"+687\", \"flag\": \"https://flagcdn.com/w320/nc.png\" },\r\n  { \"code\": \"+64\", \"flag\": \"https://flagcdn.com/w320/nz.png\" },\r\n  { \"code\": \"+505\", \"flag\": \"https://flagcdn.com/w320/ni.png\" },\r\n  { \"code\": \"+227\", \"flag\": \"https://flagcdn.com/w320/ne.png\" },\r\n  { \"code\": \"+234\", \"flag\": \"https://flagcdn.com/w320/ng.png\" },\r\n  { \"code\": \"+683\", \"flag\": \"https://flagcdn.com/w320/nu.png\" },\r\n  { \"code\": \"+47\", \"flag\": \"https://flagcdn.com/w320/no.png\" },\r\n  { \"code\": \"+968\", \"flag\": \"https://flagcdn.com/w320/om.png\" },\r\n  { \"code\": \"+92\", \"flag\": \"https://flagcdn.com/w320/pk.png\" },\r\n  { \"code\": \"+680\", \"flag\": \"https://flagcdn.com/w320/pw.png\" },\r\n  { \"code\": \"+970\", \"flag\": \"https://flagcdn.com/w320/ps.png\" },\r\n  { \"code\": \"+595\", \"flag\": \"https://flagcdn.com/w320/py.png\" },\r\n  { \"code\": \"+51\", \"flag\": \"https://flagcdn.com/w320/pe.png\" },\r\n  { \"code\": \"+63\", \"flag\": \"https://flagcdn.com/w320/ph.png\" },\r\n  { \"code\": \"+48\", \"flag\": \"https://flagcdn.com/w320/pl.png\" },\r\n  { \"code\": \"+351\", \"flag\": \"https://flagcdn.com/w320/pt.png\" },\r\n  { \"code\": \"+1787\", \"flag\": \"https://flagcdn.com/w320/pr.png\" },\r\n  { \"code\": \"+1-649\", \"flag\": \"https://flagcdn.com/w320/tc.png\" },\r\n  { \"code\": \"+590\", \"flag\": \"https://flagcdn.com/w320/gp.png\" },\r\n  { \"code\": \"+508\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n  { \"code\": \"+689\", \"flag\": \"https://flagcdn.com/w320/pf.png\" },\r\n  { \"code\": \"+1-767\", \"flag\": \"https://flagcdn.com/w320/dm.png\" },\r\n  { \"code\": \"+1-284\", \"flag\": \"https://flagcdn.com/w320/vg.png\" },\r\n  { \"code\": \"+1-345\", \"flag\": \"https://flagcdn.com/w320/ky.png\" },\r\n  { \"code\": \"+1-758\", \"flag\": \"https://flagcdn.com/w320/lc.png\" },\r\n  { \"code\": \"+1-721\", \"flag\": \"https://flagcdn.com/w320/sx.png\" },\r\n  { \"code\": \"+590\", \"flag\": \"https://flagcdn.com/w320/gp.png\" },\r\n  { \"code\": \"+1-868\", \"flag\": \"https://flagcdn.com/w320/tt.png\" },\r\n  { \"code\": \"+1-877\", \"flag\": \"https://flagcdn.com/w320/ca.png\" },\r\n  { \"code\": \"+962\", \"flag\": \"https://flagcdn.com/w320/jo.png\" },\r\n  { \"code\": \"+260\", \"flag\": \"https://flagcdn.com/w320/zm.png\" },\r\n  { \"code\": \"+263\", \"flag\": \"https://flagcdn.com/w320/zw.png\" },\r\n  { \"code\": \"+350\", \"flag\": \"https://flagcdn.com/w320/gi.png\" },\r\n  { \"code\": \"+378\", \"flag\": \"https://flagcdn.com/w320/sm.png\" },\r\n  { \"code\": \"+39\", \"flag\": \"https://flagcdn.com/w320/it.png\" },\r\n  { \"code\": \"+387\", \"flag\": \"https://flagcdn.com/w320/ba.png\" },\r\n  { \"code\": \"+239\", \"flag\": \"https://flagcdn.com/w320/st.png\" },\r\n  { \"code\": \"+244\", \"flag\": \"https://flagcdn.com/w320/ao.png\" },\r\n  { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n  { \"code\": \"+886\", \"flag\": \"https://flagcdn.com/w320/tw.png\" },\r\n  { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n  { \"code\": \"+882\", \"flag\": \"https://flagcdn.com/w320/oa.png\" },\r\n  { \"code\": \"+855\", \"flag\": \"https://flagcdn.com/w320/kh.png\" },\r\n  { \"code\": \"+968\", \"flag\": \"https://flagcdn.com/w320/om.png\" },\r\n  { \"code\": \"+678\", \"flag\": \"https://flagcdn.com/w320/vu.png\" },\r\n  { \"code\": \"+679\", \"flag\": \"https://flagcdn.com/w320/fj.png\" },\r\n  { \"code\": \"+881\", \"flag\": \"https://flagcdn.com/w320/ja.png\" },\r\n  { \"code\": \"+960\", \"flag\": \"https://flagcdn.com/w320/mv.png\" },\r\n  { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n  { \"code\": \"+963\", \"flag\": \"https://flagcdn.com/w320/sy.png\" },\r\n  { \"code\": \"+998\", \"flag\": \"https://flagcdn.com/w320/uz.png\" }\r\n];\r\n","import { Component, Prop, State, Event, EventEmitter, h, Host, Method, Watch } from '@stencil/core';\r\nimport { CountriesList } from '../../assets/countries';\r\n\r\n@Component({\r\n  tag: 'dda-phonefield',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaPhoneField {\r\n  @Prop() label: string;\r\n  @Prop() placeholder: string = 'Enter phone number';\r\n  @Prop() helper_text: string;\r\n  @Prop() max_length: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() size?: string;\r\n  @Prop() custom_class: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() button_aria_label: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() country_select_button_name: string;\r\n  @Prop() phone_input_name: string;\r\n  @Prop() value: string;\r\n\r\n  @State() country_code: string = '+971';\r\n  @State() country_flag: string = 'https://flagcdn.com/w320/ae.png';\r\n  @State() internalValue: string = '';\r\n  @State() is_focused: boolean = false;\r\n  @State() dropdown_open: boolean = false;\r\n  @State() countries: { code: string; flag: string }[] = [];\r\n  @State() hostElement: HTMLElement;\r\n\r\n  @Event() phoneBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  @Method()\r\n  async getValue() {\r\n    return this.internalValue || this.value || '';\r\n  }\r\n\r\n  @Method()\r\n  async validatePhoneField() {\r\n    this.phoneBlurred.emit({\r\n      name: this.phone_input_name,\r\n      value: this.internalValue.trim(),\r\n    });\r\n    this.onBlurred.emit({\r\n      name: this.phone_input_name,\r\n      value: this.internalValue.trim(),\r\n    });\r\n  }\r\n\r\n  @Watch('value')\r\n  watchHandler(newValue: string) {\r\n    this.internalValue = newValue;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.countries = CountriesList;\r\n    this.internalValue = this.value || '';\r\n  }\r\n\r\n  componentDidLoad() {\r\n    document.addEventListener('click', this.handleDocumentClick);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleDocumentClick);\r\n  }\r\n\r\n  handleDocumentClick = (event: MouseEvent) => {\r\n    if (this.dropdown_open && this.hostElement && !this.hostElement.contains(event.target as Node)) {\r\n      this.dropdown_open = false;\r\n    }\r\n  };\r\n\r\n  toggleDropdown() {\r\n    this.dropdown_open = !this.dropdown_open;\r\n  }\r\n\r\n  selectCountry(country: { code: string; flag: string }) {\r\n    this.country_code = country.code;\r\n    this.country_flag = country.flag;\r\n    this.dropdown_open = false;\r\n  }\r\n\r\n  handleFocus() {\r\n    this.is_focused = true;\r\n  }\r\n\r\n  handleBlur() {\r\n    this.is_focused = false;\r\n    this.phoneBlurred.emit({\r\n      name: this.phone_input_name,\r\n      value: this.internalValue.trim(),\r\n    });\r\n    this.onBlurred.emit(this.internalValue.trim());\r\n  }\r\n\r\n  handlephonenumberChange(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    const targetvalue = target.value.replace(/\\D/g, '');\r\n    this.internalValue = targetvalue;\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent) {\r\n    const allowedKeys = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Tab'];\r\n\r\n    if (\r\n      allowedKeys.includes(event.key) ||\r\n      event.ctrlKey ||\r\n      event.metaKey // Allow copy/paste shortcuts\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    if (!/^\\d$/.test(event.key)) {\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.internalValue ? 'dda-input-focus-filled' : ''}`;\r\n\r\n    return (\r\n      <Host ref={el => (this.hostElement = el as HTMLElement)}>\r\n        <div class={`dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}`}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class={`dda-input-field-group dda-phone-field`}>\r\n            <div class=\"dda-input-dropdown-btn\">\r\n              <button type=\"button\" name={this.toggle_button_name} class=\"dda-dropdown-select\" onClick={() => this.toggleDropdown()}>\r\n                <img src={this.country_flag} alt=\"\" width=\"20\" /> {this.country_code}\r\n                <i class=\"material-icons\" aria-hidden=\"true\">\r\n                  keyboard_arrow_down\r\n                </i>\r\n              </button>\r\n              {this.dropdown_open && (\r\n                <div class=\"dda-input-dropdown-list\">\r\n                  {this.countries.map(country => (\r\n                    <button\r\n                      id={`countryCode${country.code}`}\r\n                      name={this.country_select_button_name}\r\n                      aria-label={this.button_aria_label}\r\n                      type=\"button\"\r\n                      class=\"country-select dda-input-dropdown-item\"\r\n                      onClick={() => this.selectCountry(country)}\r\n                    >\r\n                      <img src={country.flag} alt=\"\" width=\"20\" /> {country.code}\r\n                    </button>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n            <input\r\n              id={this.input_id}\r\n              name={this.phone_input_name}\r\n              aria-label={this.aria_label}\r\n              type=\"text\"\r\n              inputmode=\"numeric\"\r\n              maxlength={this.max_length}\r\n              pattern=\"[0-9]*\"\r\n              class=\"dda-field-group-input\"\r\n              placeholder={this.placeholder}\r\n              value={this.internalValue}\r\n              disabled={this.disabled}\r\n              onFocus={this.handleFocus.bind(this)}\r\n              onInput={e => this.handlephonenumberChange(e)}\r\n              onKeyDown={e => this.handleKeyDown(e)}\r\n              onBlur={() => this.handleBlur()}\r\n            />\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-pricing-card.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-52b38a93.js';
-
-const DdaImageCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.custom_class = '';
-        this.chip_list = [];
-    }
-    componentWillRender() {
-        var _a;
-        const attrValue = (_a = document.querySelector('dda-pricing-card')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-chip-list');
-        if (attrValue) {
-            try {
-                const parsed = JSON.parse(attrValue);
-                if (Array.isArray(parsed)) {
-                    this.chip_list = parsed;
-                }
-            }
-            catch (e) {
-                console.warn('Invalid chip_list JSON:', e);
-            }
-        }
-    }
-    render() {
-        const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');
-        return (h(Host, { key: 'c9e0356c63cd34af57e9ab55095f4b0f47c9f505' }, h("div", { key: 'c40c67df25197f9e1bbcc6e618ec9f5a09276e9e', class: cardClass }, h("div", { key: '92eb9fe71e3ec6d8984fdeb890663cd2dd6812b7', class: "dda-row no-gutters" }, h("div", { key: '0bb172da1656426d20d3c0ee80b1761dc79db8ca', class: "dda-col-sm-4 dda-p-0 dda-position-relative" }, h("img", { key: 'f1fea7293d663b8f49d5c18a74abccf5d08fbfe6', src: this.image_src, class: "dda-card-img", alt: "card-img-1" }), h("dda-chip", { key: '84c377bfeb3e30442f7aa681f1a4f4bdfc3f0ad1', bg_color: "grey", image_chip_label: this.image_chip_label, image_chip_icon: this.image_chip_icon, image_chip_icon_family: this.image_chip_icon_family, image_chip_icon_size: this.image_chip_icon_size, size: "md", rounded: "circle", custom_class: "image-chip" })), h("div", { key: '5bd06e2835f3496c8fbdb5072d8c54b79eb23009', class: "dda-col-sm-8 dda-p-0" }, h("div", { key: 'b150b8d53acb06960084d0ba49afdbfc7f36509d', class: "dda-card-body " }, h("div", { key: '2b1dd593374c4d348de700f266992ffbaa5350fd', class: "dda-d-flex dda-align-items-start dda-justify-content-between" }, h("h5", { key: 'd7868fbe4543e301f917f2ce6f90a60afe5d29b2', class: "dda-card-title dda-d-flex " }, this.header_text), h("div", { key: '1e9ebd88c5c91cf0e388152daf010eeefcbf5822' }, h("dda-button", { key: 'a5b360a93f12fb98ddd0ca18a9195f4b0cae7543', button_color: "onsurface-link",
-            // start_icon="more_horiz"
-            start_icon: this.header_text_icon, end_icon: "", custom_class: "", component_mode: "", button_id: this.card_header_icon_id, aria_label: "button", onClick: () => console.log('clicked'), button_name: "button" }))), h("p", { key: 'b814c79a225a33e17ba898d15e52fbf9b3939f5b', class: "dda-card-text dda-d-flex dda-align-items-start dda-gap-2" }, this.body_text_icon && (h("i", { key: 'c348cf8102e5a1fb1440586f3104213c3e49b891', class: "material-icons material-symbols-outlined mr-2", "aria-hidden": "true" }, this.body_text_icon)), this.body_text), h("div", { key: '3e12da174125f07c194cdcf09a7e8b08dc4ea8ae', class: "dda-d-flex dda-items-center" }, h("h5", { key: 'cfbabf746e81afd40f7e06ebb146ac969e9c37ea', class: "dda-card-title dda-color-primary" }, this.price_text), h("p", { key: 'fb2c1df4aed2c87a5916b66505356ccb4fbe2e34', class: "dda-color-neutralvariant" }, " / ", this.price_period)), h("ul", { key: '48a7ab3022e60d4fa196c9a3dfd758b8e079d1fe', class: "chips-container" }, this.chip_list.map((chip, index) => (h("li", { key: index }, h("dda-chip", { chip_text: chip.chip_text, chip_icon: "fiber_manual_record", chip_icon_family: "material-icons", chip_icon_size: "sm", rounded: "circle", size: "lg", bg_color: "grey" })))))))))));
-    }
-};
-
-export { DdaImageCard as dda_pricing_card };
-
-//# sourceMappingURL=dda-pricing-card.entry.js.map

package/dist/esm/dda-pricing-card.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-pricing-card.entry.js","mappings":"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","names":[],"sources":["src/components/dda-cards/dda-image-cards/dda-pricing-card/dda-pricing-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-pricing-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaImageCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_chip_icon: string;\r\n  @Prop() image_chip_icon_family: string;\r\n  @Prop() image_chip_label: string;\r\n  @Prop() image_chip_icon_size: string;\r\n\r\n  @Prop() header_text: string;\r\n  @Prop() header_text_icon: string;\r\n  @Prop() card_header_icon_id: string;\r\n  @Prop() body_text_icon: string;\r\n  @Prop() body_text: string;\r\n  @Prop() price_text: string;\r\n  @Prop() price_period: string;\r\n\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  @Prop({ mutable: true }) chip_list: {\r\n    chip_text: string;\r\n  }[] = [];\r\n\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n  \r\n\r\n  componentWillRender() {\r\n    const attrValue = (document.querySelector('dda-pricing-card') as HTMLElement)?.getAttribute('data-chip-list');\r\n    if (attrValue) {\r\n      try {\r\n        const parsed = JSON.parse(attrValue);\r\n        if (Array.isArray(parsed)) {\r\n          this.chip_list = parsed;\r\n        }\r\n      } catch (e) {\r\n        console.warn('Invalid chip_list JSON:', e);\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-row no-gutters\">\r\n            <div class=\"dda-col-sm-4 dda-p-0 dda-position-relative\">\r\n              <img src={this.image_src} class=\"dda-card-img\" alt=\"card-img-1\" />\r\n              <dda-chip\r\n                bg_color=\"grey\"\r\n                image_chip_label={this.image_chip_label}\r\n                image_chip_icon={this.image_chip_icon}\r\n                image_chip_icon_family={this.image_chip_icon_family}\r\n                image_chip_icon_size={this.image_chip_icon_size}\r\n                size=\"md\"\r\n                rounded=\"circle\"\r\n                custom_class=\"image-chip\"\r\n              ></dda-chip>\r\n            </div>\r\n            <div class=\"dda-col-sm-8 dda-p-0\">\r\n              <div class=\"dda-card-body \">\r\n                <div class=\"dda-d-flex dda-align-items-start dda-justify-content-between\">\r\n                  <h5 class=\"dda-card-title dda-d-flex \">{this.header_text}</h5>\r\n                  <div>\r\n                    <dda-button\r\n                      button_color=\"onsurface-link\"\r\n                      // start_icon=\"more_horiz\"\r\n                      start_icon={this.header_text_icon}\r\n                      end_icon=\"\"\r\n                      custom_class=\"\"\r\n                      component_mode=\"\"\r\n                      button_id={this.card_header_icon_id}\r\n                      aria_label=\"button\"\r\n                      onClick={() => console.log('clicked')} \r\n                      button_name=\"button\"\r\n                    ></dda-button>\r\n                  </div>\r\n                </div>\r\n                <p class=\"dda-card-text dda-d-flex dda-align-items-start dda-gap-2\">\r\n                  {this.body_text_icon && (\r\n                    <i class=\"material-icons material-symbols-outlined mr-2\" aria-hidden=\"true\">\r\n                      {this.body_text_icon}\r\n                    </i>\r\n                  )}\r\n                  {this.body_text}\r\n                </p>\r\n                <div class=\"dda-d-flex dda-items-center\">\r\n                  <h5 class=\"dda-card-title dda-color-primary\">{this.price_text}</h5>\r\n                  <p class=\"dda-color-neutralvariant\"> / {this.price_period}</p>\r\n                </div>\r\n\r\n                <ul class=\"chips-container\">\r\n                  {this.chip_list.map((chip, index) => (\r\n\r\n                    <li key={index}>\r\n                      <dda-chip\r\n                        chip_text={chip.chip_text}\r\n                        chip_icon=\"fiber_manual_record\"\r\n                        chip_icon_family=\"material-icons\"\r\n                        chip_icon_size=\"sm\"\r\n                        rounded=\"circle\"\r\n                        size=\"lg\"\r\n                        bg_color=\"grey\"\r\n                      ></dda-chip>\r\n                    </li>\r\n                    \r\n                  ))}\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-progressbar.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-progressbar.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,6nDAA6nD,CAAC;AACxpD,6BAAe,iBAAiB;;MCMnB,cAAc;IAL3B;;QAMU,aAAQ,GAAW,CAAC,CAAC;QACrB,YAAO,GAAY,KAAK,CAAC;QACzB,qBAAgB,GAAqB,KAAK,CAAC;QAC3C,yBAAoB,GAAY,KAAK,CAAC;KA4B/C;IAxBC,MAAM;QACJ,MAAM,aAAa,GAAG;YACpB,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG;SAC3B,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,8BAA8B,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IAClF,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,aAAa,IACjD,IAAI,CAAC,OAAO,KACX,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,gBAAgB,EAAE,IACvD,IAAI,CAAC,QAAQ,MACV,CACP,CACG,CACF,EACL,IAAI,CAAC,oBAAoB,KACxB,6DAAM,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,QAAQ,MAAS,CAC1D,CACG,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/dda-progressbar/dda-progressbar.css?tag=dda-progressbar","src/components/dda-progressbar/dda-progressbar.tsx"],"sourcesContent":[".dda-progress-bar-container {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-progress-bar {\r\n  width: 100%;\r\n  position: relative;\r\n  height: 8px;\r\n  background-color: var(--dda-neutral-variant-92);\r\n  border-radius: 4px;\r\n}\r\n\r\n.dda-progress-value {\r\n  height: 100%;\r\n  background-color: var(--dda-color-primary-40);\r\n  position: relative;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.light-mode .dda-progress-value{\r\n  background-color: var(--dda-primary-40);\r\n}\r\n.dda-tooltip {\r\n  height: 35px;\r\n  background-color: var(--dda-neutral-100);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  -moz-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  font-size: 16px;\r\n  color: var(--dda-neutral-0);\r\n  font-weight: var(--dda-fw-500);\r\n  white-space: nowrap;\r\n  display: grid;\r\n  align-items: center;\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0px;\r\n  transform: translateX(40%);\r\n}\r\n\r\n.tooltip-top {\r\n  top: -45px;\r\n}\r\n\r\n.dda-tooltip::before,\r\n.dda-tooltip::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  left: 50%;\r\n  margin-left: -10px;\r\n}\r\n\r\n.dda-tooltip.tooltip-top::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n\r\n.dda-tooltip.tooltip-top::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n.tooltip-bottom {\r\n  top: 17px;\r\n}\r\n\r\n.dda-tooltip.tooltip-bottom::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.dda-tooltip.tooltip-bottom::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-percentage-text {\r\n  margin-inline-start: 8px;\r\n  font-size: 16px;\r\n  color: var(--dda-neutral-0);\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-progressbar',\r\n  styleUrls: ['dda-progressbar.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaProgressBar {\r\n  @Prop() progress: number = 0;\r\n  @Prop() tooltip: boolean = false;\r\n  @Prop() tooltip_position: 'top' | 'bottom' = 'top';\r\n  @Prop() show_percentage_text: boolean = false;\r\n  @Prop() custom_class: string;\r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    const progressStyle = {\r\n      width: `${this.progress}%`,\r\n    };\r\n\r\n    return (\r\n      <Host>\r\n        <div class={`dda-progress-bar-container ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"dda-progress-bar\">\r\n            <div class=\"dda-progress-value\" style={progressStyle}>\r\n              {this.tooltip && (\r\n                <div class={`dda-tooltip tooltip-${this.tooltip_position}`}>\r\n                  {this.progress}%\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.show_percentage_text && (\r\n            <span class=\"dda-percentage-text\">{this.progress}%</span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-range-slider.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-range-slider.entry.js","mappings":"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","names":[],"sources":["src/components/dda-range-slider/dda-range-slider.css?tag=dda-range-slider","src/components/dda-range-slider/dda-range-slider.tsx"],"sourcesContent":[".dda-range-slider-container {\r\n  width: 100%;\r\n  margin: 20px 0;\r\n  position: relative;\r\n}\r\n\r\n.dda-range-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 6px;\r\n  background: var(--dda-neutral-variant-92);\r\n  border-radius: 5px;\r\n}\r\n\r\n.dda-range-slider-input {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 6px;\r\n  background: transparent;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  pointer-events: none;\r\n  border: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dda-range-slider-input::-webkit-slider-thumb {\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  background: var(--dda-neutral-100);\r\n  border: solid 2px var(--dda-neutral-90);\r\n  cursor: pointer;\r\n  pointer-events: all;\r\n}\r\n\r\n.dda-range-slider-input::-moz-range-thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  background: var(--dda-color-primary-40);\r\n  cursor: pointer;\r\n  pointer-events: all;\r\n  /* -moz-transition: all 0.15s ease-in-out;\r\n  transition: all 0.15s ease-in-out; */\r\n}\r\n\r\n.dda-range-slider-track {\r\n  position: absolute;\r\n  height: 100%;\r\n  background: var(--dda-color-primary-40);\r\n  border-radius: 5px;\r\n}\r\n\r\n.light-mode .dda-range-slider-track{\r\n  background: var(--dda-primary-40);\r\n}\r\n\r\n.dda-range-slider-track span {\r\n  background: var(--dda-neutral-100);\r\n  width: 55px;\r\n  height: 35px;\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  font-weight: var(--dda-fw-500);\r\n  text-align: center;\r\n  position: absolute;\r\n  top: 13px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.light-mode .dda-range-slider-track span{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-tooltip-top .dda-range-slider-track span{\r\n  top: auto;\r\n  bottom: 24px;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span{\r\n  top: 24px;\r\n}\r\n.dda-range-slider-track .min-label {\r\n  left: -17px;\r\n}\r\n\r\n.dda-range-slider-track .max-label {\r\n  right: -33px;\r\n}\r\n\r\n.dda-tooltip-top .dda-range-slider-track span,\r\n.dda-tooltip-bottom .dda-range-slider-track span{\r\n  border: solid 1px var(--dda-neutral-90);\r\n  border-radius: 4px;\r\n  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  -moz-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::before, \r\n.dda-tooltip-top .dda-range-slider-track span::after,\r\n.dda-tooltip-bottom .dda-range-slider-track span::before, \r\n.dda-tooltip-bottom .dda-range-slider-track span::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-range-slider-input::-moz-range-thumb {\r\n    -moz-transition: all 0.15s ease-in-out;\r\n    transition: all 0.15s ease-in-out;\r\n  }\r\n}","import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-range-slider',\r\n  styleUrl: 'dda-range-slider.css',\r\n  shadow: false,\r\n})\r\nexport class DdaRangeSlider {\r\n  @Prop() min: number = 0;\r\n  @Prop() max: number = 100;\r\n  @Prop() step: number = 1;\r\n  @Prop() initial_min: number = 0;\r\n  @Prop() initial_max: number = 100;\r\n  @Prop() size?: string;\r\n  @Prop() tooltip_position?: string;\r\n  @State() min_value: number;\r\n  @State() max_value: number;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() left_input_id: string;\r\n  @Prop() right_input_id: string;\r\n  @Prop() left_aria_label?: string;\r\n  @Prop() right_aria_label?: string;\r\n  @Prop() left_input_name: string;\r\n  @Prop() right_input_name: string;\r\n\r\n  componentWillLoad() {\r\n    this.min_value = this.initial_min;\r\n    this.max_value = this.initial_max;\r\n  }\r\n\r\n  handleMinChange(event) {\r\n    const value = Number(event.target.value);\r\n    if (value <= this.max_value - this.step) {\r\n      this.min_value = value;\r\n    }\r\n  }\r\n\r\n  handleMaxChange(event) {\r\n    const value = Number(event.target.value);\r\n    if (value >= this.min_value + this.step) {\r\n      this.max_value = value;\r\n    }\r\n  }\r\n\r\n  getPercentage(value: number) {\r\n    return ((value - this.min) / (this.max - this.min)) * 100;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"dda-range-slider\">\r\n            <div class=\"dda-range-slider-track\"\r\n              style={{\r\n                left: `${this.getPercentage(this.min_value)}%`,\r\n                right: `${100 - this.getPercentage(this.max_value)}%`,\r\n              }}>\r\n              <span class=\"min-label\">{this.min_value}%</span>\r\n              <span class=\"max-label\">{this.max_value}%</span>\r\n            </div>\r\n            <label htmlFor={this.left_input_id}>\r\n              <input\r\n                id={this.left_input_id}\r\n                name={this.left_input_name}\r\n                aria-label={this.left_aria_label}\r\n                type=\"range\"\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.min_value}\r\n                onInput={(event) => this.handleMinChange(event)}\r\n                class=\"dda-range-slider-input\"\r\n                style={{ zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` }}\r\n              />\r\n            </label>\r\n            <label htmlFor={this.right_input_id}>\r\n              <input\r\n                id={this.right_input_id}\r\n                name={this.right_input_name}\r\n                aria-label={this.right_aria_label}\r\n                type=\"range\"\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.max_value}\r\n                onInput={(event) => this.handleMaxChange(event)}\r\n                class=\"dda-range-slider-input\"\r\n                style={{ zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` }}\r\n              />\r\n            </label>\r\n            \r\n          </div>\r\n          \r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-scroll-icon.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, h } from './index-52b38a93.js';
-
-const ddaScrollIconCss = ".dda-scroll-icon-scroll{border-style:solid;border-radius:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start}.scroll-icon-size-lg{width:40px;height:60px;border-width:4px}.scroll-icon-size-sm{width:16.5px;height:24px;border-width:2px}.scroll-icon-color-black{border-color:#000}.scroll-icon-color-white{border-color:#ffffff}.dda-scroll-icon-scroll-dot{border-radius:50%}.scroll-icon-color-black .dda-scroll-icon-scroll-dot{background:#000}.scroll-icon-color-white .dda-scroll-icon-scroll-dot{background:#fff}.scroll-icon-size-lg .dda-scroll-icon-scroll-dot{width:12px;height:12px;animation:scrollAnimation var(--animation-duration, 1.5s) infinite}@keyframes scrollAnimation{0%{transform:translateY(5px)}50%{transform:translateY(24px)}100%{transform:translateY(5px)}}.scroll-icon-size-sm .dda-scroll-icon-scroll-dot{width:4.5px;height:4.5px;animation:scrollAnimationsmall var(--animation-duration, 1.8s) infinite}@keyframes scrollAnimationsmall{0%{transform:translateY(2px)}50%{transform:translateY(10px)}100%{transform:translateY(2px)}}";
-const DdaScrollIconStyle0 = ddaScrollIconCss;
-
-const DdaScrollIcon = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.scroll_icon_size = '';
-        this.scroll_icon_color = '';
-        this.custom_class = '';
-        this.component_mode = '';
-    }
-    render() {
-        const scrollIconClass = [
-            'dda-scroll-icon-scroll',
-            this.scroll_icon_size ? `scroll-icon-size-${this.scroll_icon_size}` : '',
-            this.scroll_icon_color ? `scroll-icon-color-${this.scroll_icon_color}` : '',
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h("div", { key: 'e164c5d2f5ba04bbd0d6f150bbfe335b3100ed49', class: scrollIconClass }, h("div", { key: 'c6a3c2fccdeb6748c50074d66980b1ea2aeb8e23', class: "dda-scroll-icon-scroll-dot" })));
-    }
-};
-DdaScrollIcon.style = DdaScrollIconStyle0;
-
-export { DdaScrollIcon as dda_scroll_icon };
-
-//# sourceMappingURL=dda-scroll-icon.entry.js.map

package/dist/esm/dda-scroll-icon.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-scroll-icon.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,8iCAA8iC,CAAC;AACxkC,4BAAe,gBAAgB;;MCMlB,aAAa;IAL1B;;QAMU,qBAAgB,GAAY,EAAE,CAAC;QAC/B,sBAAiB,GAAY,EAAE,CAAC;QAChC,iBAAY,GAAW,EAAE,CAAC;QAC1B,mBAAc,GAAW,EAAE,CAAC;KAiBrC;IAfC,MAAM;QACJ,MAAM,eAAe,GAAG;YACtB,wBAAwB;YACxB,IAAI,CAAC,gBAAgB,GAAG,oBAAoB,IAAI,CAAC,gBAAgB,EAAE,GAAG,EAAE;YACxE,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;YAC3E,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAG5B,QACE,4DAAK,KAAK,EAAE,eAAe,IACzB,4DAAK,KAAK,EAAC,4BAA4B,GAAO,CAC1C,EACN;KACH;;;;;;","names":[],"sources":["src/components/dda-scroll-icon/dda-scroll-icon.css?tag=dda-scroll-icon&encapsulation=shadow","src/components/dda-scroll-icon/dda-scroll-icon.tsx"],"sourcesContent":[".dda-scroll-icon-scroll{ \r\n  border-style: solid;\r\n  border-radius: 20px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n.scroll-icon-size-lg{\r\n  width: 40px;\r\n  height: 60px; \r\n  border-width: 4px;\r\n}\r\n\r\n.scroll-icon-size-sm{\r\n  width: 16.5px;\r\n  height: 24px; \r\n  border-width: 2px;\r\n}\r\n\r\n.scroll-icon-color-black{\r\n  border-color: #000;\r\n}\r\n\r\n.scroll-icon-color-white{\r\n  border-color: #ffffff;\r\n}\r\n\r\n.dda-scroll-icon-scroll-dot {\r\n  border-radius: 50%;\r\n}\r\n\r\n.scroll-icon-color-black .dda-scroll-icon-scroll-dot{\r\n  background: #000;\r\n}\r\n\r\n.scroll-icon-color-white .dda-scroll-icon-scroll-dot{\r\n  background: #fff;\r\n}\r\n\r\n.scroll-icon-size-lg .dda-scroll-icon-scroll-dot{\r\n  width: 12px;\r\n  height: 12px;\r\n  animation: scrollAnimation var(--animation-duration, 1.5s) infinite;\r\n}\r\n\r\n@keyframes scrollAnimation {\r\n  0% {\r\n    transform: translateY(5px);\r\n  }\r\n  50% {\r\n    transform: translateY(24px);\r\n  }\r\n  100% {\r\n    transform: translateY(5px);\r\n  }\r\n}\r\n\r\n.scroll-icon-size-sm .dda-scroll-icon-scroll-dot{\r\n  width: 4.5px;\r\n  height: 4.5px;\r\n  animation: scrollAnimationsmall var(--animation-duration, 1.8s) infinite;\r\n}\r\n\r\n@keyframes scrollAnimationsmall {\r\n  0% {\r\n    transform: translateY(2px);\r\n  }\r\n  50% {\r\n    transform: translateY(10px);\r\n  }\r\n  100% {\r\n    transform: translateY(2px);\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-scroll-icon',\r\n  styleUrl: 'dda-scroll-icon.css',\r\n  shadow: true,\r\n})\r\nexport class DdaScrollIcon {\r\n  @Prop() scroll_icon_size?: string = '';\r\n  @Prop() scroll_icon_color?: string = '';\r\n  @Prop() custom_class: string = '';\r\n  @Prop() component_mode: string = '';\r\n\r\n  render() {\r\n    const scrollIconClass = [\r\n      'dda-scroll-icon-scroll',\r\n      this.scroll_icon_size ? `scroll-icon-size-${this.scroll_icon_size}` : '',\r\n      this.scroll_icon_color ? `scroll-icon-color-${this.scroll_icon_color}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n\r\n    return (\r\n      <div class={scrollIconClass}>\r\n        <div class=\"dda-scroll-icon-scroll-dot\"></div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/esm/dda-search-input.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-search-input.entry.js","mappings":"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","names":[],"sources":["src/components/dda-search-input/dda-search-input.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Element, State, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-search-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaSearchInput {\r\n  @Prop() placeholder: string = 'Search';\r\n  @Prop() label: string;\r\n  @Prop() size: string = 'sm';\r\n  @Prop() error_message: string;\r\n  @Prop() show_button: boolean = false;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() has_error: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() button_aria_label?: string;\r\n  @Prop() search_input_name: string;\r\n  @Prop() close_button_name: string;\r\n  @Prop() search_button_name: string;\r\n  @Prop() button_text: string;\r\n  @Prop() value: string;\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() buttonClicked: EventEmitter<any>;\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  @State() hasInputValue: boolean = false;\r\n  @State() internalValue: string = '';\r\n\r\n  handleInput = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.hasInputValue = target.value.length > 0;\r\n  };\r\n\r\n  handleKeyDown = (event: KeyboardEvent) => {\r\n    if (event.key === 'Enter') {\r\n      const target = event.target as HTMLInputElement;\r\n      console.log('Search input value (Enter):', target.value);\r\n    }\r\n\r\n    this.el.dispatchEvent(\r\n      new KeyboardEvent('keydown', {\r\n        bubbles: true,\r\n        composed: true,\r\n        key: event.key,\r\n        code: event.code,\r\n        ctrlKey: event.ctrlKey,\r\n        shiftKey: event.shiftKey,\r\n        altKey: event.altKey,\r\n        metaKey: event.metaKey,\r\n        repeat: event.repeat,\r\n      }),\r\n    );\r\n  };\r\n\r\n  @Watch('value')\r\n  watchValue(newValue: string) {\r\n    this.internalValue = newValue || '';\r\n    this.hasInputValue = !!this.internalValue;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalValue = this.value || '';\r\n    this.hasInputValue = !!this.internalValue;\r\n  }\r\n\r\n  handleSearchClick = () => {\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      // console.log('Search input value (Button):', input.value);\r\n      this.buttonClicked.emit(this.internalValue || this.value);\r\n    }\r\n  };\r\n\r\n  clearInput() {\r\n    if (!this.input_id) return;\r\n    const input = this.el.querySelector(`#${this.input_id}`) as HTMLInputElement;\r\n    if (input) {\r\n      input.value = '';\r\n      this.internalValue = '';\r\n      this.hasInputValue = false;\r\n      // this.inputChanged.emit('');\r\n      this.onChanged.emit('');\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async reset() {\r\n    this.internalValue = '';\r\n    this.hasInputValue = false;\r\n    // this.inputChanged.emit('');\r\n    this.onChanged.emit('');\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.internalValue = val;\r\n    this.hasInputValue = !!val;\r\n    // this.inputChanged.emit(val);\r\n    this.onChanged.emit(val);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}`}\r\n        >\r\n          {this.label && (\r\n            <label htmlFor={this.button_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-search-area dda-search-action\">\r\n            <i class=\"material-icons icon-left\" aria-hidden=\"true\">\r\n              search\r\n            </i>\r\n            <input\r\n              name={this.search_input_name}\r\n              aria-label={this.aria_label}\r\n              id={this.input_id}\r\n              value={this.internalValue}\r\n              type=\"text\"\r\n              class={`dda-input-field dda-search-field ${this.show_button ? 'has-search-button' : ''}`}\r\n              placeholder={this.placeholder}\r\n              // onInput={this.handleInput}\r\n              onKeyDown={this.handleKeyDown}\r\n              onInput={event => {\r\n                this.internalValue = (event.target as HTMLInputElement).value;\r\n                this.hasInputValue = !!this.internalValue;\r\n                this.inputChanged.emit(event);\r\n                this.onChanged.emit(event);\r\n                this.el.dispatchEvent(\r\n                  new InputEvent('input', {\r\n                    bubbles: true,\r\n                    composed: true,\r\n                    data: event.data,\r\n                    inputType: event.inputType,\r\n                    isComposing: event.isComposing,\r\n                  }),\r\n                );\r\n              }}\r\n              onBlur={event => {\r\n                const value = (event.target as HTMLInputElement).value.trim();\r\n                this.inputBlurred.emit({ name: this.search_input_name, value });\r\n                this.onBlurred.emit(value);\r\n                this.el.dispatchEvent(\r\n                  new FocusEvent('blur', {\r\n                    bubbles: true,\r\n                    composed: true,\r\n                    relatedTarget: event.relatedTarget,\r\n                  }),\r\n                );\r\n              }}\r\n              onFocus={(event: FocusEvent) => {\r\n                this.el.dispatchEvent(\r\n                  new FocusEvent('focus', {\r\n                    bubbles: true,\r\n                    composed: true,\r\n                    relatedTarget: event.relatedTarget,\r\n                  }),\r\n                );\r\n              }}\r\n            />\r\n            <div class=\"dda-search-btngroup\">\r\n              {this.hasInputValue && (\r\n                <button\r\n                  name={this.close_button_name}\r\n                  aria-label={this.button_aria_label}\r\n                  id={this.button_id}\r\n                  type=\"button\"\r\n                  class=\"dda-search-close-icon\"\r\n                  onClick={() => this.clearInput()}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n                    close\r\n                  </i>\r\n                </button>\r\n              )}\r\n              {this.show_button && (\r\n                <button name={this.search_button_name} type=\"button\" class=\"dda-btn btn-color-default-primary dda-btn-sm\" onClick={this.handleSearchClick}>\r\n                  {this.button_text}\r\n                </button>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.helper_text && (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              {this.helper_text}\r\n            </span>\r\n          )}\r\n          {this.error_message && (\r\n            <span class=\"dda-error-message\" id={this.validation_id}>\r\n              {this.error_message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-segmented-tabs.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-segmented-tabs.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,ynCAAynC,CAAC;AACtpC,+BAAe,mBAAmB;;MCMrB,gBAAgB;IAL7B;;QAYU,gBAAW,GAAa,EAAE,CAAC;KAiBpC;IAfC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,cAAc,EAAE,IAC9F,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,KACxB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACnB,cAAQ,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAC,oBAAoB,IAAC,SAAG,KAAK,EAAC,2CAA2C,iBAAa,MAAM,IAAE,IAAI,CAAK,CAAS;YACtJ,cAAQ,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAU,CAC7E,CAAC,CACE,EACN;KACH;;;;;;","names":[],"sources":["src/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.css?tag=dda-segmented-tabs","src/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.tsx"],"sourcesContent":[".dda-segmented-group {\r\n  display: inline-flex;\r\n  border: solid 1px var(--dda-surface-90);\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n}\r\n.light-mode.dda-segmented-group{\r\n  border: solid 1px var(--dda-neutral-90);\r\n}\r\n.dda-segmented-item {\r\n  display: flex;\r\n  height: 40px;\r\n  padding: 5px 16px;\r\n  border: transparent;\r\n  border-inline-start: solid 1px var(--dda-surface-90);\r\n  background-color: var(--dda-surface-100);\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  cursor: pointer;\r\n  align-items: center;\r\n}\r\n.light-mode .dda-segmented-item{\r\n  background-color: var(--dda-neutral-100);\r\n  color: var(--dda-neutral-variant-30);\r\n  border-inline-start: solid 1px var(--dda-neutral-90);\r\n}\r\n.dda-segmented-group .dda-segmented-item:first-child{\r\n  border: transparent;\r\n}\r\n.dda-segmented-group.square{\r\n  border-radius: 8px;\r\n}\r\n.dda-segmented-group.rounded{\r\n  border-radius: 40px;\r\n}\r\n.dda-segmented-item:hover {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.light-mode .dda-segmented-item:hover{\r\n  color: var(--dda-primary-40);\r\n}\r\n.dda-segmented-item.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  color: var(--dda-surface-100);\r\n}\r\n.light-mode .dda-segmented-item.active {\r\n  background-color: var(--dda-primary-40);\r\n  color: var(--dda-neutral-100);\r\n}\r\n.dda-segmented-item i {\r\n  font-size: 18px;\r\n}","import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-segmented-tabs',\r\n  styleUrls: ['dda-segmented-tabs.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaSegmentedTabs {\r\n  @Prop() items: string;\r\n  @Prop() radius_type: string;\r\n  @Prop() custom_class: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() button_name: string;\r\n\r\n  private parsedItems: string[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.parsedItems = JSON.parse(this.items);\r\n  }\r\n\r\n  render() {\r\n    return (  \r\n      <div class={`dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}`}>\r\n        {this.parsedItems.map(item => (\r\n          item.startsWith('fo') ? \r\n            <button name={this.button_name} class=\"dda-segmented-item\"><i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">{item}</i></button> :\r\n            <button name={this.button_name} class=\"dda-segmented-item\">{item}</button>\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-select.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-select.entry.js","mappings":"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","names":[],"sources":["src/global/input.css?tag=dda-select","src/global/global.css?tag=dda-select","src/components/dda-select/dda-select.tsx"],"sourcesContent":[".dda-input-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    position: relative;\r\n}\r\n\r\n.dda-input-label {\r\n    font-size: var(--font-body);\r\n    color: var(--dda-on-surface-0);\r\n    line-height: 24px;\r\n    font-weight: var(--font-weight-regular);\r\n}\r\n.light-mode .dda-input-label {\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field-wrapper {\r\n    position: relative;\r\n}\r\n\r\n.dda-field-group-input {\r\n    height: 32px;\r\n    background-color: transparent;\r\n    flex: 1;\r\n    font-size: var(--font-caption);\r\n    font-weight: var(--dda-fw-400);\r\n    padding: 0px;\r\n    color: var(--dda-on-surface-0);\r\n    border: none;\r\n    outline: none;\r\n}\r\n.light-mode .dda-field-group-input{\r\n    color: var(--dda-neutral-0);\r\n} \r\n.dda-input-field-group {\r\n    width: 100%;\r\n    height: 55px;\r\n    padding: 8px 16px;\r\n    background: var(--dda-surface-100);\r\n    border: 1px solid var(--dda-surface-90);\r\n    border-radius: 8px;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-0);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.light-mode .dda-input-field-group{\r\n    background: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field {\r\n    width: 100%;\r\n    height: 55px;\r\n    padding: 8px 16px;\r\n    background: var(--dda-surface-100);\r\n    border: 1px solid var(--dda-surface-90);\r\n    border-radius: 8px;\r\n    font-size: var(--font-body);\r\n    color: var(--dda-on-surface-0);\r\n    font-weight: var(--dda-fw-400);\r\n}\r\n.dda-date-picker input{\r\n    color: var(--dda-on-surface-40)\r\n}\r\n.dda-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n  color: var(--dda-on-surface-40);\r\n}\r\n.dda-date-picker input[type=\"date\"]::-moz-calendar-picker-indicator {\r\n  /* filter: invert(20%) sepia(90%) saturate(300%) hue-rotate(180deg); */\r\n}\r\n.dda-date-picker input[type=\"date\"].has-value {\r\n    color: var(--dda-on-surface-0);\r\n}\r\n.light-mode .dda-input-field{\r\n    background: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-size-small .dda-input-field-group,\r\n.dda-input-size-small .dda-input-field {\r\n    height: 48px;\r\n    padding: 8px 12px;\r\n}\r\n\r\n.dda-input-focus-filled .dda-phone-field,   \r\n.dda-input-focus .dda-input-field-group,\r\n.dda-input-field:focus {\r\n    /* outline: none; */\r\n    border-color: var(--dda-color-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n.dda-input-field:focus-visible {\r\n    outline: 1px solid var(--dda-color-primary-40);\r\n    outline-offset: -1px;\r\n}\r\n.light-mode.dda-input-focus-filled .dda-phone-field,\r\n.light-mode.dda-input-focus .dda-input-field-group,\r\n.light-mode .dda-input-field:focus {\r\n    outline: none;\r\n    border-color: var(--dda-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n.dda-input-dropdown-btn {\r\n    min-width: 110px;\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 0;\r\n}\r\n\r\n.dda-dropdown-select {\r\n    width: 100%;\r\n    height: 32px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background: transparent;\r\n    border: transparent;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-0);\r\n    padding: 0;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    gap: 6px;\r\n}\r\n.dda-dropdown-select:focus-visible{\r\n    outline: 1px solid var(--dda-color-primary-40);\r\n    outline-offset: 1px;\r\n}\r\n.light-mode .dda-dropdown-select{\r\n    color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-dropdown-select img {\r\n    width: 24px;\r\n}\r\n\r\n\r\n.dda-dropdown-container {\r\n    position: relative;\r\n    width: auto;\r\n    /* min-width: 140px; */\r\n}\r\n.dda-dropdown-container.bg-transparent .dda-dropdown-header{\r\n    padding: 0px;\r\n    height: auto;\r\n    background: transparent;\r\n    border: transparent;\r\n    box-shadow: none;\r\n}\r\n.dda-dropdown-header {\r\n    width: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n.dda-dropdown-header .three-dots{\r\n    font-size: 25px;\r\n    color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .three-dots path{\r\n    fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text{\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text span{\r\n    color: var(--dda-on-surface-variant-30);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.light-mode .dda-dropdown-text span{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text i{\r\n    font-size: 31px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text path{\r\n    fill: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-dropdown-header .dda-dropdown-text path{\r\n    fill: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header:focus .three-dots path{\r\n    fill: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-input-dropdown-list {\r\n    width: 100%;\r\n    min-width: 150px;\r\n    max-height: 200px;\r\n    background-color: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    border-radius: 8px;\r\n    overflow-y: auto;\r\n    position: absolute;\r\n    top: 100%;\r\n    margin-top: 1px;\r\n    inset-inline-start: 0px;\r\n    z-index: 9999;\r\n    box-shadow: 0px 8px 10px -6px #1018281A;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-track {\r\n    border-radius: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar {\r\n    width: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-thumb {\r\n    border-radius: 4px;\r\n    background-color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-dropdown-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    width: 100%;\r\n    font-size: var(--font-caption);\r\n    background: transparent;\r\n    border: transparent;\r\n    padding: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.dda-input-dropdown-item:focus-visible,\r\n.dda-input-dropdown-item:hover,\r\n.dda-input-dropdown-item.selected {\r\n    background-color: var(--dda-neutral-variant-95);\r\n    outline: 0;\r\n}\r\n.dda-input-dropdown-list .country-select img{\r\n    width: 20px;\r\n}\r\n\r\n.dda-helper-text {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-helper-text{\r\n    color: var(--dda-neutral-30);\r\n}\r\n.dda-error-message {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.dda-helper-text i,\r\n.dda-helper-text svg,\r\n.dda-error-message i,\r\n.dda-error-message svg  {\r\n    font-size: 21px;\r\n}\r\n\r\n.dda-success-text {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-color-success-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field-group,\r\n.dda-validation-error .dda-input-field {\r\n    color: var(--dda-color-error-40);\r\n    border-color: var(--dda-color-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field-group,\r\n.light-mode.dda-validation-error .dda-input-field {\r\n    color: var(--dda-error-40);\r\n    border-color: var(--dda-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.dda-validation-error .icon-close,\r\n.dda-validation-error .dda-error-message,\r\n.dda-validation-error .dda-field-group-input,\r\n.dda-validation-error .dda-file-input span {\r\n    color: var(--dda-color-error-40) !important;\r\n}\r\n\r\n.light-mode.dda-validation-error .icon-close,\r\n.light-mode.dda-validation-error .dda-error-message,\r\n.light-mode.dda-validation-error .dda-field-group-input,\r\n.light-mode.dda-validation-error .dda-file-input span {\r\n    color: var(--dda-error-40) !important;\r\n}\r\n\r\n.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n    color: var(--dda-error-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field::placeholder,\r\n.dda-validation-error .dda-field-group-input::placeholder {\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::placeholder {\r\n    color: var(--dda-error-40);\r\n}\r\n\r\n.dda-input-disabled .dda-input-label,\r\n.dda-input-disabled .dda-helper-text,\r\n.dda-input-disabled .dda-error-message,\r\n.dda-input-disabled i,\r\n.dda-input-disabled .dda-dropdown-select,\r\n.dda-input-disabled .dda-file-input span,\r\n.dda-input-disabled .dda-file-choose {\r\n    color: var(--dda-neutral-60) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-input-field-group,\r\n.dda-input-disabled .dda-input-field {\r\n    background: var(--dda-neutral-92);\r\n    border-color: var(--dda-neutral-90);\r\n    color: var(--dda-neutral-60) !important;\r\n    box-shadow: none;\r\n    pointer-events: none;\r\n    outline: none;\r\n}\r\n.dda-input-disabled i{\r\n    color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled svg path{\r\n    fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled .dda-input-field::-ms-input-placeholder {\r\n    color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-input-field::placeholder {\r\n    color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-btn {\r\n    background-color: var(--dda-neutral-70) !important;\r\n    border-color: var(--dda-neutral-70) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-dropdown-select img,\r\n.dda-input-disabled .dda-input-field-wrapper img {\r\n    filter: grayscale(1);\r\n}\r\n\r\n/*Specifications*/\r\n\r\n/*Number Field*/\r\n.dda-number-field .dda-field-group-input {\r\n    padding-inline-end: 10px;\r\n    border-inline-end: solid 1px var(--dda-neutral-90);\r\n}\r\n\r\n.dda-number-field .dda-field-group-input:focus,\r\n.dda-phone-field .dda-field-group-input:focus {\r\n    border-inline-start: solid 1px var(--dda-color-primary-40);\r\n}   \r\n.dda-number-field .dda-field-group-input:focus-visible,\r\n.dda-phone-field .dda-field-group-input:focus-visible {\r\n    outline: 1px solid var(--dda-surface-100);\r\n    outline-offset: -1px;\r\n}\r\n.dda-number-field .dda-input-dropdown-btn {\r\n    min-width: 80px;\r\n}\r\n\r\n.dda-number-field .dda-input-dropdown-list {\r\n    top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-number-field .dda-input-dropdown-list {\r\n    top: 41px;\r\n}\r\n\r\n/*text ares*/\r\n.dda-input-textarea {\r\n    height: auto;\r\n    min-height: 120px;\r\n    resize: vertical;\r\n}\r\n\r\n/*Search Field*/\r\n.dda-search-area {\r\n    position: relative;\r\n}\r\n\r\n.dda-search-area .icon-left {\r\n    position: absolute;\r\n    top: 16px;\r\n    inset-inline-start: 15px;\r\n    font-size: 24px;\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.light-mode .dda-search-area .icon-left{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-size-small .dda-search-area .icon-left {\r\n    top: 14px;\r\n}\r\n\r\n.dda-search-area .dda-search-btngroup {\r\n    height: 40px;\r\n    position: absolute;\r\n    top: 7px;\r\n    inset-inline-end: 7px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.dda-input-size-small .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n.dda-search-area .dda-search-close-icon {\r\n    display: flex;\r\n    color: var(--dda-on-surface-variant-30);\r\n    font-size: 20px;\r\n    margin: 0px;\r\n    padding: 0px;\r\n    background: none;\r\n    border: 0;\r\n    cursor: pointer;\r\n}\r\n\r\n.light-mode .dda-search-area .dda-search-close-icon{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-search-field {\r\n    padding: 8px 26px 8px 40px;\r\n}\r\n\r\n.dda-search-action .dda-search-field {\r\n    padding-top: 8px;\r\n    padding-bottom: 8px;\r\n    padding-inline-start: 40px;\r\n}\r\n.dda-search-action .dda-search-field.has-search-button{\r\n    padding-inline-end: 110px;\r\n}\r\n.dda-search-sm .icon-left {\r\n    top: 14px;\r\n}\r\n\r\n.dda-search-sm .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n/*Phone Field*/\r\n.dda-phone-field-group {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.dda-phone-field-group.dda-phone-field-small {\r\n    height: 48px;\r\n}\r\n\r\n.dda-phone-field-group.focused,\r\n.dda-phone-field-group.filled {\r\n    outline: none;\r\n    border-color: var(--dda-color-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n\r\n.dda-phone-field-group.error {\r\n    border-color: var(--dda-color-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.phone-field-country-code {\r\n    border: none;\r\n    background: none;\r\n    margin-inline-end: 0.5rem;\r\n    font-size: 1rem;\r\n    color: var(--dda-on-surface-0);\r\n}\r\n\r\n.phone-field-country-code:focus-within {\r\n    outline: 0;\r\n}\r\n\r\n.dda-phone-field .dda-input-dropdown-list {\r\n    top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-phone-field .dda-input-dropdown-list {\r\n    top: 41px;\r\n}\r\n\r\n/*Credit Card Field*/\r\n.dda-credit-card-field .dda-creditcard-icon {\r\n    width: 40px;\r\n    position: absolute;\r\n    top: 14px;\r\n    inset-inline-start: 15px;\r\n}\r\n\r\n.dda-input-size-small .dda-creditcard-icon {\r\n    top: 11px;\r\n}\r\n\r\n.dda-credit-card-field .dda-input-field {\r\n    padding: 8px 16px 8px 65px;\r\n}\r\n[dir=\"rtl\"]  .dda-credit-card-field .dda-input-field {\r\n    padding: 8px 65px 8px 16px;\r\n}\r\n/*Select Field*/\r\n.dda-select-header {\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.dda-select-header i {\r\n    font-size: 28px;\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-select-header .dda-select-button-label:empty {\r\n  flex-grow: 1;\r\n}\r\n/*Rich Text Editor*/\r\n.dda-input-container.dda-richtext-editor {\r\n    gap: 0px;\r\n}\r\n\r\n.dda-richtext-editor .dda-input-label {\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.dda-richtext-editor .dda-helper-text,\r\n.dda-richtext-editor .dda-error-message {\r\n    margin-top: 8px;\r\n}\r\n\r\n.dda-richtext-editor .ql-toolbar.ql-snow {\r\n    border: 1px solid var(--dda-neutral-90) !important;\r\n    border-radius: 8px 8px 0 0;\r\n}\r\n\r\n.dda-richeditor-field {\r\n    border: 1px solid var(--dda-neutral-90) !important;\r\n    border-radius: 0 0 8px 8px;\r\n}\r\n\r\n.dda-richeditor-field .ql-editor {\r\n    height: 100px;\r\n    font-size: var(--font-caption);\r\n}\r\n\r\n/*Attach Files*/\r\n\r\n.dda-input-field-group.dda-attach-file {\r\n    padding-inline-end: 6px;\r\n}\r\n\r\n.dda-file-input {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.dda-file-input span {\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-file-input span{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-file-choose {\r\n    height: 40px;\r\n    background-color: var(--dda-neutral-100);\r\n    border: solid 1px var(--dda-neutral-90);\r\n    color: var(--dda-color-primary-40);\r\n    font-weight: var(--dda-fw-500);\r\n    padding: 8px 16px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n.dda-file-choose:focus{\r\n    outline: solid 1px var(--dda-color-primary-40);\r\n    outline-offset: -1px;\r\n}\r\n\r\n.light-mode .dda-file-choose {\r\n    color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-input-disabled .dda-file-choose {\r\n    background-color: var(--dda-neutral-95);\r\n}\r\n\r\n.dda-file-choose input {\r\n    display: none;\r\n}\r\n\r\n.dda-file-details {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-inline-end: 10px;\r\n}\r\n\r\n.dda-file-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n}\r\n\r\n.dda-items {\r\n    width: calc(100% - 30px);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.dda-file-details .remove-file{\r\n    margin: 0;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: transparent;\r\n}\r\n.dda-file-details .remove-file svg{\r\n    font-size: var(--font-caption);\r\n}\r\n.dda-file-name {\r\n    width: 100%;\r\n    font-size: var(--font-caption);\r\n    white-space: nowrap;\r\n    overflow-x: auto;\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n    position: relative;\r\n    text-overflow: ellipsis\r\n}\r\n.dda-file-name::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n\r\n\r\n\r\n.dda-remove-file {\r\n    font-size: 20px;\r\n    background: transparent;\r\n    border: transparent;\r\n    color: var(--dda-on-surface-variant-30);\r\n    cursor: pointer;\r\n    padding: 0px;\r\n}\r\n\r\ninput[type=\"date\"]::-webkit-input-placeholder {\r\n    color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::-moz-placeholder {\r\n    color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::placeholder {\r\n    color: transparent;\r\n}\r\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/dda-grid.css');\r\n\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n/* @import url('./templates/dda-sticky-footer.css'); */\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n/* @import url('./templates/dda-header-main.css'); */\r\n\r\n\r\n.material-flat-icon {\r\n  font-variation-settings:\r\n  'FILL' 1,\r\n  'wght' 400,\r\n  'GRAD' 0,\r\n  'opsz' 24\r\n}\r\n\r\n.material-symbols-outlined {\r\n  font-family: 'Material Symbols Outlined';\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-size: 24px;\r\n  display: inline-block;\r\n  line-height: 1;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.material-icons {\r\n  font-family: 'Material Icons';\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-size: 24px;\r\n  line-height: 1;\r\n  letter-spacing: normal;\r\n  text-transform: none;\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n:root{\r\n  --font-family-main: system-ui, sans-serif;\r\n}\r\nbody {\r\n  background-color: var(--dda-surface-100) !important;\r\n  font-family: var(--font-family-main) !important;\r\n  font-size: var(--font-caption) !important;\r\n  font-weight: var(--font-weight-regular) !important;\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0) !important;\r\n  margin: 0;\r\n}\r\nlegend{\r\n  font-size: inherit !important;\r\n}\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nul{\r\n  margin: 0;\r\n}\r\na{\r\n  text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1);  font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2);  font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3);  font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4);  font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5);  font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6);  font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title);  font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body);  font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption);  font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label);  font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n  text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n  background: none;\r\n  color: #ffffff;\r\n  border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n  background: #ffffff;\r\n  color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n  background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n  background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n  color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n  color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n  color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n  color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n  color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n  color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n  color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n  position: absolute;\r\n  opacity: 0;\r\n  width: 0px;\r\n  overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n  border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n  border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n  border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n  border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n  gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n  gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n  gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n  gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n  gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n  gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n  gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n  gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n  gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n  gap: 0.375rem !important;\r\n}\r\n\r\n.dda-text-center{\r\n  text-align: center;\r\n}\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.dda-items-start {\r\n  align-items: flex-start;\r\n}\r\n\r\n.dda-items-end {\r\n  align-items: flex-end;\r\n}\r\n\r\n.dda-items-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-items-baseline {\r\n  align-items: baseline;\r\n}\r\n\r\n.dda-items-stretch {\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n.dda-position-static {\r\n  position: static !important;\r\n}\r\n\r\n.dda-position-relative {\r\n  position: relative !important;\r\n}\r\n\r\n.dda-position-absolute {\r\n  position: absolute !important;\r\n}\r\n\r\n.dda-position-fixed {\r\n  position: fixed !important;\r\n}\r\n\r\n.dda-position-sticky {\r\n  position: -webkit-sticky !important;\r\n  position: sticky !important;\r\n}\r\n\r\n.top-0 {\r\n  top: 0 !important;\r\n}\r\n\r\n.top-50 {\r\n  top: 50% !important;\r\n}\r\n\r\n.top-100 {\r\n  top: 100% !important;\r\n}\r\n\r\n.bottom-0 {\r\n  bottom: 0 !important;\r\n}\r\n\r\n.bottom-50 {\r\n  bottom: 50% !important;\r\n}\r\n\r\n.bottom-100 {\r\n  bottom: 100% !important;\r\n}\r\n\r\n.start-0 {\r\n  left: 0 !important;\r\n}\r\n\r\n.start-50 {\r\n  left: 50% !important;\r\n}\r\n\r\n.start-100 {\r\n  left: 100% !important;\r\n}\r\n\r\n.end-0 {\r\n  right: 0 !important;\r\n}\r\n\r\n.end-50 {\r\n  right: 50% !important;\r\n}\r\n\r\n.end-100 {\r\n  right: 100% !important;\r\n}\r\n\r\n\r\n.border-right {\r\n  border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  margin: -1px;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  clip: rect(0, 0, 0, 0);\r\n  border: 0;\r\n}\r\n\r\n.maincontent{\r\n  padding-top: 170px;\r\n  padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .maincontent {\r\n      padding-top: 100px;\r\n  }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n  height: 1550px;\r\n} */\r\n","import { Component, Prop, State, h, Host, Element, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-select',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class Ddaselect {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  @Prop() input_name: string = '';\r\n\r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n\r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === this.selected || opt.text === this.selected);\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n    if (this.selected) {\r\n      this.watchSelected(this.selected);\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: any; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n      this.onChanged.emit(option.id);\r\n\r\n      this.el.dispatchEvent(\r\n        new InputEvent('input', {\r\n          bubbles: true,\r\n          composed: true,\r\n          data: option.id,\r\n          inputType: 'select',\r\n        }),\r\n      );\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  handleBlur = () => {\r\n    this.selectBlurred.emit({\r\n      name: this.input_name || this.button_id,\r\n      value: this.selectedText || '',\r\n    });\r\n    this.onBlurred.emit(this.selectedId);\r\n\r\n    this.el.dispatchEvent(\r\n      new FocusEvent('blur', {\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Method()\r\n  async setSelected(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  async setValue(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async getSelectedText() {\r\n    return this.selectedText;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.selectedText || '';\r\n  }\r\n\r\n  @Watch('selected')\r\n  watchSelected(newVal: string) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal || opt.text === newVal);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n    }\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`\r\n            dda-input-container ${this.custom_class} \r\n            ${this.component_mode} \r\n            ${this.disabled ? 'dda-input-disabled' : ''} \r\n            dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n          `}\r\n        >\r\n          {this.label && (\r\n            <span id={labelId} class=\"dda-input-label\">\r\n              {this.label}\r\n            </span>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-select-header\"\r\n              aria-labelledby={`${labelId} ${this.button_id}`}\r\n              disabled={this.disabled}\r\n              onClick={() => this.toggleSelect()}\r\n              onBlur={this.handleBlur}\r\n            >\r\n              <span id={valueId} class=\"dda-select-button-label\">\r\n                {this.selectedText || this.placeholder}\r\n              </span>\r\n              <i class=\"material-icons\" aria-hidden=\"true\">\r\n                {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n              </i>\r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                      onClick={() => this.selectOption(option)}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}