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

package/dist/collection/components/dda-pagination/dda-pagination.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-pagination.stories.js","sourceRoot":"","sources":["../../../src/components/dda-pagination/dda-pagination.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Pagination',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    total_pages: {\r\n      control: 'number',\r\n      description: 'Total number of pages',\r\n    },\r\n    current_page: {\r\n      control: 'number',\r\n      description: 'Current page number',\r\n    },\r\n    type: {\r\n      control: { type: 'select' },\r\n      options: ['simple-slider', 'buttons', 'text', 'text-pages', 'button-text', 'buttons-pages', 'full'],\r\n      description: 'Type of pagination design',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' }, // Add control for custom class\r\n      description: 'Custom class for the pagination component',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the pagination component',\r\n    },\r\n    simple_slider_prev_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the previous button in simple slider mode',\r\n    },\r\n    simple_slider_next_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the next button in simple slider mode',\r\n    },\r\n    buttons_prev_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the previous button in buttons mode',\r\n    },\r\n    buttons_next_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the next button in buttons mode',\r\n    },\r\n    text_prev_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the previous button in text mode',\r\n    },\r\n    text_next_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the next button in text mode',\r\n    },\r\n    text_pages_prev_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the previous button in text-pages mode',\r\n    },\r\n    text_pages_next_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the next button in text-pages mode',\r\n    },\r\n    button_text_prev_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the previous button in button-text mode',\r\n    },\r\n    button_text_next_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the next button in button-text mode',\r\n    },\r\n    buttons_pages_prev_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the previous button in buttons-pages mode',\r\n    },\r\n    buttons_pages_next_button: {\r\n      control: { type: 'text' },\r\n      description: 'Text for the next button in buttons-pages mode',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-pagination\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-pagination\r\n    total_pages=\"8\"\r\n    current_page=\"1\"\r\n    type=\"simple-slider\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    simple_slider_prev_button: \"\"\r\n    simple_slider_next_button: \"\"\r\n    buttons_prev_button: \"\"\r\n    buttons_next_button: \"\"\r\n    text_prev_button: \"\"\r\n    text_next_button: \"\"\r\n    text_pages_prev_button: \"\"\r\n    text_pages_next_button: \"\"\r\n    button_text_prev_button: \"\"\r\n    button_text_next_button: \"\"\r\n    buttons_pages_prev_button: \"\"\r\n    buttons_pages_next_button: \"\"\r\n></dda-pagination>\r\n  \\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },  \r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined  && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-pagination ${attributes}></dda-pagination>`;\r\n};\r\n\r\nexport const SimpleSlider = Template.bind({});\r\nSimpleSlider.args = {\r\n  total_pages: 8,\r\n  current_page: 1,\r\n  type: 'simple-slider',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  simple_slider_prev_button: \"\",\r\n  simple_slider_next_button: \"\",\r\n  buttons_prev_button: \"\",\r\n  buttons_next_button: \"\",\r\n  text_prev_button: \"\",\r\n  text_next_button: \"\",\r\n  text_pages_prev_button: \"\",\r\n  text_pages_next_button: \"\",\r\n  button_text_prev_button: \"\",\r\n  button_text_next_button: \"\",\r\n  buttons_pages_prev_button: \"\",\r\n  buttons_pages_next_button: \"\",\r\n};\r\n\r\nexport const Buttons = Template.bind({});\r\nButtons.args = {\r\n  total_pages: 8,\r\n  current_page: 1,\r\n  type: 'buttons',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  simple_slider_prev_button: \"\",\r\n  simple_slider_next_button: \"\",\r\n  buttons_prev_button: \"\",\r\n  buttons_next_button: \"\",\r\n  text_prev_button: \"\",\r\n  text_next_button: \"\",\r\n  text_pages_prev_button: \"\",\r\n  text_pages_next_button: \"\",\r\n  button_text_prev_button: \"\",\r\n  button_text_next_button: \"\",\r\n  buttons_pages_prev_button: \"\",\r\n  buttons_pages_next_button: \"\",\r\n};\r\n\r\nexport const Text = Template.bind({});\r\nText.args = {\r\n  total_pages: 8,\r\n  current_page: 1,\r\n  type: 'text',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  simple_slider_prev_button: \"\",\r\n  simple_slider_next_button: \"\",\r\n  buttons_prev_button: \"\",\r\n  buttons_next_button: \"\",\r\n  text_prev_button: \"\",\r\n  text_next_button: \"\",\r\n  text_pages_prev_button: \"\",\r\n  text_pages_next_button: \"\",\r\n  button_text_prev_button: \"\",\r\n  button_text_next_button: \"\",\r\n  buttons_pages_prev_button: \"\",\r\n  buttons_pages_next_button: \"\",\r\n};\r\n\r\nexport const TextPages = Template.bind({});\r\nTextPages.args = {\r\n  total_pages: 8,\r\n  current_page: 1,\r\n  type: 'text-pages',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  simple_slider_prev_button: \"\",\r\n  simple_slider_next_button: \"\",\r\n  buttons_prev_button: \"\",\r\n  buttons_next_button: \"\",\r\n  text_prev_button: \"\",\r\n  text_next_button: \"\",\r\n  text_pages_prev_button: \"\",\r\n  text_pages_next_button: \"\",\r\n  button_text_prev_button: \"\",\r\n  button_text_next_button: \"\",\r\n  buttons_pages_prev_button: \"\",\r\n  buttons_pages_next_button: \"\",\r\n};\r\n\r\nexport const ButtonText = Template.bind({});\r\nButtonText.args = {\r\n  total_pages: 8,\r\n  current_page: 1,\r\n  type: 'button-text',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  simple_slider_prev_button: \"\",\r\n  simple_slider_next_button: \"\",\r\n  buttons_prev_button: \"\",\r\n  buttons_next_button: \"\",\r\n  text_prev_button: \"\",\r\n  text_next_button: \"\",\r\n  text_pages_prev_button: \"\",\r\n  text_pages_next_button: \"\",\r\n  button_text_prev_button: \"\",\r\n  button_text_next_button: \"\",\r\n  buttons_pages_prev_button: \"\",\r\n  buttons_pages_next_button: \"\",\r\n};\r\n\r\nexport const ButtonsPages = Template.bind({});\r\nButtonsPages.args = {\r\n  total_pages: 8,\r\n  current_page: 1,\r\n  type: 'buttons-pages',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  simple_slider_prev_button: \"\",\r\n  simple_slider_next_button: \"\",\r\n  buttons_prev_button: \"\",\r\n  buttons_next_button: \"\",\r\n  text_prev_button: \"\",\r\n  text_next_button: \"\",\r\n  text_pages_prev_button: \"\",\r\n  text_pages_next_button: \"\",\r\n  button_text_prev_button: \"\",\r\n  button_text_next_button: \"\",\r\n  buttons_pages_prev_button: \"\",\r\n  buttons_pages_next_button: \"\",\r\n};\r\n\r\nexport const Full = Template.bind({});\r\nFull.args = {\r\n  total_pages: 8,\r\n  current_page: 1,\r\n  type: 'full',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  simple_slider_prev_button: \"\",\r\n  simple_slider_next_button: \"\",\r\n  buttons_prev_button: \"\",\r\n  buttons_next_button: \"\",\r\n  text_prev_button: \"\",\r\n  text_next_button: \"\",\r\n  text_pages_prev_button: \"\",\r\n  text_pages_next_button: \"\",\r\n  button_text_prev_button: \"\",\r\n  button_text_next_button: \"\",\r\n  buttons_pages_prev_button: \"\",\r\n  buttons_pages_next_button: \"\",\r\n};\r\n"]}

package/dist/collection/components/dda-phonefield/dda-phonefield.js.map

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

package/dist/collection/components/dda-phonefield/dda-phonefield.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-phonefield.stories.js","sourceRoot":"","sources":["../../../src/components/dda-phonefield/dda-phonefield.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Phone Field',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n      description: 'Label for the phone field',\r\n    },\r\n    placeholder: {\r\n      control: 'text',\r\n      description: 'Placeholder for the phone field',\r\n    },\r\n    helper_text: {\r\n      control: 'text',\r\n      description: 'Helper text to display below the phone field',\r\n    },\r\n    max_length: {\r\n      control: 'text',\r\n      description: 'define maximum numbers allowed the phone field',\r\n    },\r\n    error_message: {\r\n      control: 'text',\r\n      description: 'Error message to display below the phone field',\r\n    },\r\n    validation_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal','error'],\r\n      description: 'Validation type of the phone field',\r\n    },\r\n    validation_id:{\r\n      control: 'text',\r\n      description: 'Validation ID of helper text and error text',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n      description: 'Disable the phone field',\r\n    },\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['default','small'],\r\n      description: 'Size of the phone field',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' }, // Add control for custom class\r\n      description: 'Custom class for the phone field',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the phone field component',\r\n    },\r\n    input_id: {\r\n      control: {type: 'text'},\r\n      description: 'Input id for the phone field',\r\n    },\r\n    // button_id:{ \r\n    //   control: {type: 'text'},\r\n    //   description: 'Button id for the phone field',\r\n    // },\r\n    aria_label: {\r\n      control: { type: 'text' },\r\n      description: 'Aria label for the phone field',\r\n    },\r\n    button_aria_label: {\r\n      control: { type: 'text' },\r\n      description: 'Aria label for the button inside the phone field',\r\n    },\r\n    onchange: {\r\n      control: { type: 'text' },\r\n      description: 'onchange event for the phone field',\r\n    },\r\n    toggle_button_name: {\r\n      control: { type: 'text' },\r\n      description: 'Name for the toggle button',\r\n    },\r\n    country_select_button_name: {\r\n      control: { type: 'text' },\r\n      description: 'Name for the country select button',\r\n    },\r\n    phone_input_name: {\r\n      control: { type: 'text' },\r\n      description: 'Name for the phone input field',\r\n    }\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-phonefield\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-phonefield\r\n    label=\"Phone Number\"\r\n    placeholder=\"00 000 0000\"\r\n    helper_text=\"Helper or footer text\"\r\n    max_length=\"\"\r\n    error_message=\"\"\r\n    disabled=\"false\"\r\n    validation_id=\"\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    input_id=\"input\"\r\n    aria_label=\"phone-field\"\r\n    button_aria_label=\"phone-button\"\r\n    onchange=\"console.log('changed')\"\r\n    toggle_button_name=\"toggle-button\"\r\n    country_select_button_name=\"country-select-button\"\r\n    phone_input_name=\"phone-input\"\r\n    \r\n></dda-phonefield>\r\n  \\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-phonefield ${attributes}></dda-phonefield>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  label: 'Phone Number',\r\n  placeholder: '00 000 0000',\r\n  helper_text: 'Please enter Mobile Number',\r\n  error_message: 'This is an error message',\r\n  max_length:'10',\r\n  validation_id: '',\r\n  validation_type: 'normal',\r\n  input_id: 'input',\r\n  aria_label: 'phone-field',\r\n  button_aria_label: 'phone-button',\r\n  toggle_button_name: \"toggle-button\",\r\n  country_select_button_name: \"country-select-button\",\r\n  phone_input_name: \"phone-input\",\r\n  disabled: false,\r\n  onchange: '',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const FocusFilled = Template.bind({});\r\nFocusFilled.args = {\r\n  label: 'Phone Number',\r\n  placeholder: 'Enter phone number',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'This is an error message',\r\n  max_length:'10',\r\n  validation_id: '',\r\n  validation_type: 'normal',\r\n  input_id: 'input',\r\n  aria_label: 'phone-field',\r\n  button_aria_label: 'phone-button',\r\n  toggle_button_name: \"toggle-button\",\r\n  country_select_button_name: \"country-select-button\",\r\n  phone_input_name: \"phone-input\",\r\n  disabled: false,\r\n  onchange: '',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const Filled = Template.bind({});\r\nFilled.args = {\r\n  label: 'Phone Number',\r\n  placeholder: 'Enter phone number',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'This is an error message',\r\n  max_length:'10',\r\n  validation_id: '',\r\n  validation_type: 'normal',\r\n  input_id: 'input',\r\n  aria_label: 'phone-field',\r\n  button_aria_label: 'phone-button',\r\n  toggle_button_name: \"toggle-button\",\r\n  country_select_button_name: \"country-select-button\",\r\n  phone_input_name: \"phone-input\",\r\n  disabled: false,\r\n  onchange: '',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const Error = Template.bind({});\r\nError.args = {\r\n  label: 'Phone Number',\r\n  placeholder: 'Enter phone number',\r\n  helper_text: '',\r\n  error_message: 'This is an error message',\r\n  max_length:'10',\r\n  validation_id: '',\r\n  validation_type: 'error',\r\n  input_id: 'input',\r\n  aria_label: 'phone-field',\r\n  button_aria_label: 'phone-button',\r\n  toggle_button_name: \"toggle-button\",\r\n  country_select_button_name: \"country-select-button\",\r\n  phone_input_name: \"phone-input\",\r\n  disabled: false,\r\n  onchange: '',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  label: 'Phone Number',\r\n  placeholder: 'Enter phone number',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: '',\r\n  max_length:'10',\r\n  validation_id: '',\r\n  input_id: 'input',\r\n  aria_label: 'phone-field',\r\n  button_aria_label: 'phone-button',\r\n  toggle_button_name: \"toggle-button\",\r\n  country_select_button_name: \"country-select-button\",\r\n  phone_input_name: \"phone-input\",\r\n  disabled: true,\r\n  onchange: '',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n"]}

package/dist/collection/components/dda-progressbar/dda-progressbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-progressbar.js","sourceRoot":"","sources":["../../../src/components/dda-progressbar/dda-progressbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,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,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,8BAA8B,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE;gBAClF,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,4DAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,aAAa,IACjD,IAAI,CAAC,OAAO,IAAI,CACf,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,gBAAgB,EAAE;wBACvD,IAAI,CAAC,QAAQ;4BACV,CACP,CACG,CACF;gBACL,IAAI,CAAC,oBAAoB,IAAI,CAC5B,6DAAM,KAAK,EAAC,qBAAqB;oBAAE,IAAI,CAAC,QAAQ;wBAAS,CAC1D,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/dda-progressbar/dda-progressbar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-progressbar.stories.js","sourceRoot":"","sources":["../../../src/components/dda-progressbar/dda-progressbar.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,CAAC;SAChB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,cAAc;YAC3B,YAAY,EAAE,KAAK;SACpB;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC1B,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,KAAK;SACpB;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,KAAK;SACpB;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,+BAA+B;YAC1D,WAAW,EAAE,6CAA6C;SAC3D;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,oCAAoC;SAClD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;CAalB;aACM;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACpC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,GAAG,KAAK,MAAM,CAAC;SAC/D,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,oBAAoB,UAAU,qBAAqB,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,KAAK;IACd,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,KAAK;IAC3B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IACjB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,IAAI;IACb,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,KAAK;IAC3B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACxB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,KAAK;IACd,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,IAAI;IAC1B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n  title: 'Components/Progress Bar',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    progress: {\r\n      control: 'number',\r\n      description: 'Progress value',\r\n      defaultValue: 0,\r\n    },\r\n    tooltip: {\r\n      control: 'boolean',\r\n      description: 'Show tooltip',\r\n      defaultValue: false,\r\n    },\r\n    tooltip_position: {\r\n      control: 'select',\r\n      options: ['top', 'bottom'],\r\n      description: 'Tooltip position',\r\n      defaultValue: 'top',\r\n    },\r\n    show_percentage_text: {\r\n      control: 'boolean',\r\n      description: 'Show percentage text',\r\n      defaultValue: false,\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' }, // Add control for custom class\r\n      description: 'Custom class for the progress bar component',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the progress bar component',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-progressbar\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-progressbar\r\n    progress=\"20\"\r\n    tooltip=\"false\"\r\n    tooltip_position=\"top\"\r\n    show_percentage_text=\"false\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n></dda-progressbar>\r\n  \\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-progressbar ${attributes}></dda-progressbar>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  progress: 20,\r\n  tooltip: false,\r\n  tooltip_position: 'top',\r\n  show_percentage_text: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const WithTooltip = Template.bind({});\r\nWithTooltip.args = {\r\n  progress: 50,\r\n  tooltip: true,\r\n  tooltip_position: 'top',\r\n  show_percentage_text: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const WithPercentageText = Template.bind({});\r\nWithPercentageText.args = {\r\n  progress: 75,\r\n  tooltip: false,\r\n  tooltip_position: 'top',\r\n  show_percentage_text: true,\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n"]}

package/dist/collection/components/dda-radiobutton/dda-radiobutton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-radiobutton.js","sourceRoot":"","sources":["../../../src/components/dda-radiobutton/dda-radiobutton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter, } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-radiobutton',\r\n  styleUrls: ['dda-radiobutton.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaRadiobutton {\r\n  @Prop() title_text: string;\r\n  @Prop() supporting?: string;\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\r\n  @Prop() radio_status?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() variants?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() contrast_noraml_text?: string;\r\n\r\n  // Emits event to parent component\r\n  @Event() radioChange: EventEmitter<{ checked: boolean; input_id: string }>;\r\n  @Event() onChanged: EventEmitter<{ checked: boolean; input_id: string }>;\r\n\r\n\r\n  private handleChange = (_e: Event) => {\r\n    this.checked = true;\r\n    this.radioChange.emit({ checked: this.checked, input_id: this.input_id });\r\n    this.onChanged.emit({ checked: this.checked, input_id: this.input_id });\r\n  };\r\n\r\n  render() {\r\n    const radiobuttonClass = [\r\n      'dda-radio-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-radio-${this.size}` : '',\r\n      this.variants ? `dda-radio-${this.variants}` : '',\r\n      this.custom_class ? `dda-radio-${this.custom_class}` : '',\r\n      this.radio_status ? `dda-radio-${this.radio_status}` : '',\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={radiobuttonClass}>\r\n          <input\r\n            type=\"radio\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            aria-label={this.aria_label}\r\n            checked={this.checked}\r\n            disabled={this.radio_status === 'disabled'}\r\n            onChange={this.handleChange}\r\n          />\r\n          <label htmlFor={this.input_id}>\r\n            <span class=\"radio-circle\"></span>\r\n            <p>\r\n              <span class=\"radio-title\">{this.title_text}</span>\r\n              {this.validation_type === 'error' && this.error_message ? (\r\n                <span class=\"radio-error-message\" id={this.validation_id}>\r\n                  {this.error_message}\r\n                </span>\r\n              ) : (\r\n                this.supporting && (\r\n                  <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                    {this.supporting}\r\n                  </span>\r\n                )\r\n              )}\r\n            </p>\r\n          </label>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-radiobutton/dda-radiobutton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-radiobutton.stories.js","sourceRoot":"","sources":["../../../src/components/dda-radiobutton/dda-radiobutton.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\r\n\r\nexport default {\r\n  title: 'Components/Radio Button',\r\n  tags: ['autodocs'],\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-radiobutton\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-radiobutton\r\n    title_text=\"Radio Button Title\"\r\n    checked=\"false\"\r\n    size=\"md\"\r\n    variants=\"normal\"\r\n    supporting=\"Supporting Text\"\r\n    group_name=\"radiogroup\"\r\n    input_id=\"testId\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    aria_label=\"radio-button\"\r\n></dda-radiobutton>\r\n\\`\\`\\`\r\n        `,\r\n      },\r\n    },\r\n  },\r\n  argTypes: {\r\n    title_text: {\r\n      control: 'text',\r\n      description: 'Title for the radiobutton',\r\n    },\r\n    supporting: {\r\n      control: 'text',\r\n      description: 'Supporting Text',\r\n    },\r\n    error_message: {\r\n      control: 'text',\r\n      description: 'Error message text',\r\n    },\r\n    validation_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'error'],\r\n      description: 'Validation type of the input field',\r\n    },\r\n    validation_id: {\r\n      control: 'text',\r\n      description: 'Validation ID of helper text and error text',\r\n    },\r\n    group_name: {\r\n      control: 'text',\r\n      description: 'Radio group name',\r\n    },\r\n    input_id: {\r\n      control: 'text',\r\n      description: 'Unique ID for input',\r\n    },\r\n    checked: {\r\n      control: 'boolean',\r\n      description: 'Checked state of the radiobutton',\r\n    },\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['small', 'default'],\r\n    },\r\n    variants: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'outlined', 'faded'],\r\n    },\r\n    custom_class: {\r\n      control: 'text',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the radio button component',\r\n    },\r\n    aria_label: {\r\n      control: 'text',\r\n      description: 'Aria label for the radio button',\r\n    },\r\n    radio_status: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'disabled'],\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const container = document.createElement('div');\r\n  const radio = document.createElement('dda-radiobutton');\r\n\r\n  Object.entries(args).forEach(([key, value]) => {\r\n    if (typeof value === 'boolean') {\r\n      if (value) radio.setAttribute(key, '');\r\n    } else if (value !== undefined && value !== '') {\r\n      radio.setAttribute(key, String(value));\r\n    }\r\n  });\r\n\r\n  radio.addEventListener('radioChange', action('radioChange'));\r\n  container.appendChild(radio);\r\n  return container;\r\n};\r\n\r\nexport const DefaultRadio = Template.bind({});\r\nDefaultRadio.args = {\r\n  title_text: 'Radio Button Title',\r\n  checked: false,\r\n  size: 'default',\r\n  variants: 'normal',\r\n  supporting: 'Supporting Text',\r\n  error_message: 'Error text',\r\n  validation_id: 'validationId',\r\n  group_name: 'radiogroup',\r\n  input_id: 'testId1',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  aria_label: 'radio-button',\r\n  validation_type: 'normal',\r\n  radio_status: 'normal',\r\n};\r\n\r\nexport const CheckedRadio = Template.bind({});\r\nCheckedRadio.args = {\r\n  ...DefaultRadio.args,\r\n  checked: true,\r\n  input_id: 'testId2',\r\n};\r\n"]}

package/dist/collection/components/dda-range-slider/dda-range-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-range-slider.js","sourceRoot":"","sources":["../../../src/components/dda-range-slider/dda-range-slider.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/dda-range-slider/dda-range-slider.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-range-slider.stories.js","sourceRoot":"","sources":["../../../src/components/dda-range-slider/dda-range-slider.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Range Slider',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    min: {\r\n      control: 'number',\r\n      description: 'Minimum value of the range slider',\r\n    },\r\n    max: {\r\n      control: 'number',\r\n      description: 'Maximum value of the range slider',\r\n    },\r\n    step: {\r\n      control: 'number',\r\n      description: 'Step value of the range slider',\r\n    },\r\n    initial_min: {\r\n      control: 'number',\r\n      description: 'Initial minimum value of the range slider',\r\n    },\r\n    initial_max: {\r\n      control: 'number',\r\n      description: 'Initial maximum value of the range slider',\r\n    },\r\n    tooltip_position: {\r\n      control: { type: 'select' },\r\n      options: ['top','bottom'],\r\n      description: 'Tooltip position of the range slider',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class for the range slider',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the range slider component',\r\n    },\r\n    left_input_id: {\r\n      control: { type: 'text'},\r\n      description: 'Input id for the left range slider',\r\n    },\r\n    right_input_id: {\r\n      control: { type: 'text'},\r\n      description: 'Input id for the right range slider',\r\n    },\r\n    left_aria_label: {\r\n      control: { type: 'text' },\r\n      description: 'Aria label for the left input of the range slider',\r\n    },\r\n    right_aria_label: {\r\n      control: { type: 'text' },\r\n      description: 'Aria label for the right input of the range slider',\r\n    },\r\n    left_input_name: {\r\n      control: { type: 'text' },\r\n      description: 'Name for the left input of the range slider',\r\n    },\r\n    right_input_name: {\r\n      control: { type: 'text' },\r\n      description: 'Name for the right input of the range slider',\r\n    }\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\n  To use the \\`dda-range-slider\\` component, pass the following props:\r\n\r\n  \\`\\`\\`html\r\n<dda-range-slider\r\n    min=\"0\"\r\n    max=\"100\"\r\n    step=\"1\"\r\n    initial_min=\"20\"\r\n    initial_max=\"80\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    left_input_id=\"left_input\"\r\n    right_input_id=\"right_input\"\r\n    left_aria_label=\"minimum-value\"\r\n    right_aria_label=\"maximum-value\"\r\n    left_input_name=\"left_input\"\r\n    right_input_name=\"right_input\"\r\n></dda-range-slider>\r\n  \\`\\`\\`\r\n  `,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-range-slider ${attributes}></dda-range-slider>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  min: 0,\r\n  max: 100,\r\n  step: 1,\r\n  initial_min: 20,\r\n  initial_max: 80,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  left_input_id: 'left_input',\r\n  right_input_id: 'right_input',\r\n  left_aria_label: 'minimum-value',\r\n  right_aria_label: 'maximum-value',\r\n  left_input_name: 'left_input',\r\n  right_input_name: 'right_input',\r\n};\r\n\r\nexport const TooltipTop = Template.bind({});\r\nTooltipTop.args = {\r\n  min: 0,\r\n  max: 100,\r\n  step: 1,\r\n  initial_min: 20,\r\n  initial_max: 80,\r\n  tooltip_position: 'top',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  left_input_id: 'left_input',\r\n  right_input_id: 'right_input',\r\n  left_aria_label: 'minimum-value',\r\n  right_aria_label: 'maximum-value',\r\n  left_input_name: 'left_input',\r\n  right_input_name: 'right_input',\r\n};\r\n\r\nexport const TooltipBottom = Template.bind({});\r\nTooltipBottom.args = {\r\n  min: 0,\r\n  max: 100,\r\n  step: 1,\r\n  initial_min: 20,\r\n  initial_max: 80,\r\n  tooltip_position: 'bottom',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  left_input_id: 'left_input',\r\n  right_input_id: 'right_input',\r\n  left_aria_label: 'minimum-value',\r\n  right_aria_label: 'maximum-value',\r\n  left_input_name: 'left_input',\r\n  right_input_name: 'right_input',\r\n};\r\n"]}

package/dist/collection/components/dda-scroll-icon/dda-scroll-icon.css

@@ -1,83 +0,0 @@
-.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);
-  }
-}
-
-
-
-
-
-
-

package/dist/collection/components/dda-scroll-icon/dda-scroll-icon.js

@@ -1,115 +0,0 @@
-import { h } from "@stencil/core";
-export class DdaScrollIcon {
-    constructor() {
-        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" })));
-    }
-    static get is() { return "dda-scroll-icon"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dda-scroll-icon.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dda-scroll-icon.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "scroll_icon_size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "scroll_icon_size",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "scroll_icon_color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "scroll_icon_color",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "custom_class": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "custom_class",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "component_mode": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "component_mode",
-                "reflect": false,
-                "defaultValue": "''"
-            }
-        };
-    }
-}
-//# sourceMappingURL=dda-scroll-icon.js.map

package/dist/collection/components/dda-scroll-icon/dda-scroll-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-scroll-icon.js","sourceRoot":"","sources":["../../../src/components/dda-scroll-icon/dda-scroll-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,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,CAAC,CAAC,CAAC,oBAAoB,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE;YACxE,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE;YAC3E,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAG5B,OAAO,CACL,4DAAK,KAAK,EAAE,eAAe;YACzB,4DAAK,KAAK,EAAC,4BAA4B,GAAO,CAC1C,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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}"]}

package/dist/collection/components/dda-scroll-icon/dda-scroll-icon.stories.js

@@ -1,59 +0,0 @@
-export default {
-    title: 'Components/Scroll Icon/Scroll Icon',
-    argTypes: {
-        scroll_icon_size: {
-            control: { type: 'select' },
-            options: ['sm', 'lg'],
-            description: 'Dot color of the scroll icon',
-        },
-        scroll_icon_color: {
-            control: { type: 'select' },
-            options: ['black', 'white'],
-            description: 'Dot color of the scroll icon',
-        },
-        custom_class: {
-            control: 'text',
-            description: 'Custom class for the scroll icon',
-        },
-        component_mode: {
-            control: { type: 'check' },
-            options: ['light-mode'],
-            description: 'Mode of the scroll icon component',
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-To use the \`dda-scroll-icon\` component, pass the following props:
-
-\`\`\`html
-<dda-scroll-icon
-    scroll_icon_size="lg"
-    scroll_icon_color="black"
-    custom_class=""
-    component_mode="">
-</dda-scroll-icon>
-  \`\`\`
-`,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const attributes = Object.entries(args)
-        .filter(([value]) => value !== undefined)
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    return `
-    <dda-scroll-icon ${attributes}></dda-scroll-icon>
-  `;
-};
-export const Default = Template.bind({});
-Default.args = {
-    scroll_icon_size: 'lg',
-    scroll_icon_color: 'black',
-    custom_class: '',
-    component_mode: '',
-};
-//# sourceMappingURL=dda-scroll-icon.stories.js.map

package/dist/collection/components/dda-scroll-icon/dda-scroll-icon.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-scroll-icon.stories.js","sourceRoot":"","sources":["../../../src/components/dda-scroll-icon/dda-scroll-icon.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,oCAAoC;IAC3C,QAAQ,EAAE;QACR,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAC,IAAI,CAAC;YACpB,WAAW,EAAE,8BAA8B;SAC5C;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,OAAO,EAAC,OAAO,CAAC;YAC1B,WAAW,EAAE,8BAA8B;SAC5C;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kCAAkC;SAChD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,mCAAmC;SACjD;KACF;IAED,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;CAWlB;aACM;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACpC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC;SACxC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO;uBACc,UAAU;GAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,OAAO;IAC1B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n  title: 'Components/Scroll Icon/Scroll Icon',\r\n  argTypes: {\r\n    scroll_icon_size: {\r\n      control: { type: 'select' },\r\n      options: ['sm','lg'],\r\n      description: 'Dot color of the scroll icon',\r\n    },\r\n    scroll_icon_color: {\r\n      control: { type: 'select' },\r\n      options: ['black','white'],\r\n      description: 'Dot color of the scroll icon',\r\n    },\r\n    custom_class: {\r\n      control: 'text',\r\n      description: 'Custom class for the scroll icon',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the scroll icon component',\r\n    },\r\n  },\r\n  \r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-scroll-icon\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-scroll-icon\r\n    scroll_icon_size=\"lg\"\r\n    scroll_icon_color=\"black\"\r\n    custom_class=\"\"\r\n    component_mode=\"\">\r\n</dda-scroll-icon>\r\n  \\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([value]) => value !== undefined)\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `\r\n    <dda-scroll-icon ${attributes}></dda-scroll-icon>\r\n  `;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  scroll_icon_size: 'lg',\r\n  scroll_icon_color: 'black',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};"]}

package/dist/collection/components/dda-search-input/dda-search-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-search-input.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAO7G,MAAM,OAAO,cAAc;IAL3B;QAMU,gBAAW,GAAW,QAAQ,CAAC;QAE/B,SAAI,GAAW,IAAI,CAAC;QAEpB,gBAAW,GAAY,KAAK,CAAC;QAI7B,cAAS,GAAY,KAAK,CAAC;QAC3B,iBAAY,GAAY,EAAE,CAAC;QAqB1B,kBAAa,GAAY,KAAK,CAAC;QAC/B,kBAAa,GAAW,EAAE,CAAC;QAEpC,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;YAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;YAChD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/C,CAAC,CAAC;QAEF,kBAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;gBAChD,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3D,CAAC;YAED,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,aAAa,CAAC,SAAS,EAAE;gBAC3B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,GAAG,EAAE,KAAK,CAAC,GAAG;gBACd,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,MAAM,EAAE,KAAK,CAAC,MAAM;aACrB,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;QAaF,sBAAiB,GAAG,GAAG,EAAE;YACvB,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAqB,CAAC;YAC7E,IAAI,KAAK,EAAE,CAAC;gBACV,4DAA4D;gBAC5D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC,CAAC;KAiIH;IAjJC,UAAU,CAAC,QAAgB;QACzB,IAAI,CAAC,aAAa,GAAG,QAAQ,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;IAC5C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;IAC5C,CAAC;IAUD,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAqB,CAAC;QAC7E,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,8BAA8B;YAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACxB,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,KAAK;QACT,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,8BAA8B;QAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;IAGD,KAAK,CAAC,QAAQ,CAAC,GAAW;QACxB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC;QAC3B,+BAA+B;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DACE,KAAK,EAAE,sCAAsC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE;gBAEhN,IAAI,CAAC,KAAK,IAAI,CACb,8DAAO,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,iBAAiB,IACpD,IAAI,CAAC,KAAK,CACL,CACT;gBACD,4DAAK,KAAK,EAAC,mCAAmC;oBAC5C,0DAAG,KAAK,EAAC,0BAA0B,iBAAa,MAAM,aAElD;oBACJ,8DACE,IAAI,EAAE,IAAI,CAAC,iBAAiB,gBAChB,IAAI,CAAC,UAAU,EAC3B,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,oCAAoC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EACxF,WAAW,EAAE,IAAI,CAAC,WAAW;wBAC7B,6BAA6B;wBAC7B,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,OAAO,EAAE,KAAK,CAAC,EAAE;4BACf,IAAI,CAAC,aAAa,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;4BAC9D,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;4BAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;4BAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;4BAC3B,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,UAAU,CAAC,OAAO,EAAE;gCACtB,OAAO,EAAE,IAAI;gCACb,QAAQ,EAAE,IAAI;gCACd,IAAI,EAAE,KAAK,CAAC,IAAI;gCAChB,SAAS,EAAE,KAAK,CAAC,SAAS;gCAC1B,WAAW,EAAE,KAAK,CAAC,WAAW;6BAC/B,CAAC,CACH,CAAC;wBACJ,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,EAAE;4BACd,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;4BAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC;4BAChE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;4BAC3B,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,UAAU,CAAC,MAAM,EAAE;gCACrB,OAAO,EAAE,IAAI;gCACb,QAAQ,EAAE,IAAI;gCACd,aAAa,EAAE,KAAK,CAAC,aAAa;6BACnC,CAAC,CACH,CAAC;wBACJ,CAAC,EACD,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;4BAC7B,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,UAAU,CAAC,OAAO,EAAE;gCACtB,OAAO,EAAE,IAAI;gCACb,QAAQ,EAAE,IAAI;gCACd,aAAa,EAAE,KAAK,CAAC,aAAa;6BACnC,CAAC,CACH,CAAC;wBACJ,CAAC,GACD;oBACF,4DAAK,KAAK,EAAC,qBAAqB;wBAC7B,IAAI,CAAC,aAAa,IAAI,CACrB,+DACE,IAAI,EAAE,IAAI,CAAC,iBAAiB,gBAChB,IAAI,CAAC,iBAAiB,EAClC,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;4BAEhC,0DAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,YAElE,CACG,CACV;wBACA,IAAI,CAAC,WAAW,IAAI,CACnB,+DAAQ,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,8CAA8C,EAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,IACtI,IAAI,CAAC,WAAW,CACV,CACV,CACG,CACF;gBACL,IAAI,CAAC,WAAW,IAAI,CACnB,6DAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,IACjD,IAAI,CAAC,WAAW,CACZ,CACR;gBACA,IAAI,CAAC,aAAa,IAAI,CACrB,6DAAM,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,IACnD,IAAI,CAAC,aAAa,CACd,CACR,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

package/dist/collection/components/dda-search-input/dda-search-input.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-search-input.stories.js","sourceRoot":"","sources":["../../../src/components/dda-search-input/dda-search-input.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Search Input',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    placeholder: {\r\n      control: 'text',\r\n      description: 'Placeholder text for the search field',\r\n    },\r\n    label: {\r\n      control: 'text',\r\n      description: 'Label for the search field',\r\n    },\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['default', 'small'],\r\n      description: 'Size of the search field',\r\n    },\r\n    helper_text: {\r\n      control: 'text',\r\n      description: 'Helper or footer text',\r\n    },\r\n    error_message: {\r\n      control: 'text',\r\n      description: 'Error message displayed below the search field',\r\n    },\r\n    validation_id:{\r\n      control: 'text',\r\n      description: 'Error message field ID',\r\n    },\r\n    show_button: {\r\n      control: 'boolean',\r\n      description: 'Show or hide the search button',\r\n    },\r\n    input_status: {\r\n      control: { type: 'select' },\r\n      options: ['normal','disabled'],\r\n      description: 'Status of the search field',\r\n    },\r\n    has_error: {\r\n      control: 'boolean',\r\n      description: 'Error state of the search field',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class for the search field',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the search field',\r\n    },\r\n    button_id: {\r\n      control: { type: 'text'},\r\n      description: 'default',\r\n    },\r\n    input_id: {\r\n      control: { type: 'text'},\r\n      description: 'default',\r\n    },\r\n    aria_label: {\r\n      control: { type: 'text'},\r\n      description: 'Aria label for the search input',\r\n    },\r\n    button_aria_label: {\r\n      control: { type: 'text' },\r\n      describe: 'Aria label for the clear button',\r\n    },\r\n    onchange:{\r\n      control: { type: 'text' },\r\n      description: 'onchange event for the search field',\r\n    },\r\n    search_input_name: {\r\n      control: { type: 'text' },\r\n      description: 'Name for the search input field',\r\n    },\r\n    close_button_name: {\r\n      control: { type: 'text' },\r\n      description: 'Name for the close button',\r\n    },\r\n    search_button_name:{\r\n      control: { type: 'text' },\r\n      description: 'Name for the search button',\r\n    },\r\n    button_text:{\r\n      control: { type: 'text' },\r\n      description: 'Name for the search button',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\n  To use the \\`dda-search-input\\` component, pass the following props:\r\n\r\n  \\`\\`\\`html\r\n<dda-search-input\r\n    placeholder=\"Search\"\r\n    label=\"Search\"\r\n    size=\"default\"\r\n    helper_text=\"Helper or footer text\"\r\n    error_message=\"\"\r\n    validation_id=\"\"\r\n    show_button=\"false\"\r\n    has_error=\"false\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    button_id=\"button\"\r\n    input_id=\"search\"\r\n    aria_label=\"search-input\"\r\n    button_aria_label=\"clear-search\"\r\n    onchange=\"console.log('changed')\"\r\n    search_input_name=\"search-input\"\r\n    close_button_name=\"close-button\"\r\n    search_button_name=\"search-button\"\r\n></dda-search-input>\r\n  \\`\\`\\`\r\n  `,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-search-input ${attributes}></dda-search-input>`;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  placeholder: 'Search',\r\n  label: 'Search',\r\n  size: 'default',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: '',\r\n  validation_id: '',\r\n  show_button: false,\r\n  has_error: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  button_id: 'button',\r\n  input_id: 'Search',\r\n  aria_label: 'search-input',\r\n  button_aria_label: 'clear-search',\r\n  onchange: '',\r\n  search_input_name: \"search-input\",\r\n  close_button_name: \"close-button\",\r\n  search_button_name: \"search-button\",\r\n  button_text: \"Search\",\r\n};\r\n\r\nexport const WithButton = Template.bind({});\r\nWithButton.args = {\r\n  placeholder: 'Search',\r\n  label: 'Search',\r\n  size: 'default',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: '',\r\n  validation_id: '',\r\n  show_button: true,\r\n  has_error: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  button_id: 'button',\r\n  input_id: 'Search',\r\n  aria_label: 'search-input',\r\n  button_aria_label: 'clear-search',\r\n  onchange: '',\r\n  search_input_name: \"search-input\",\r\n  close_button_name: \"close-button\",\r\n  search_button_name: \"search-button\",\r\n  button_text: \"Search\",\r\n};\r\n\r\nexport const WithError = Template.bind({});\r\nWithError.args = {\r\n  placeholder: 'Search',\r\n  label: 'Search',\r\n  size: 'default',\r\n  input_status: 'normal',\r\n  error_message: 'Helper or footer text',\r\n  validation_id: '',\r\n  show_button: false,\r\n  has_error: true,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  button_id: 'button',\r\n  input_id: 'Search',\r\n  aria_label: 'search-input',\r\n  button_aria_label: 'clear-search',\r\n  onchange: '',\r\n  search_input_name: \"search-input\",\r\n  close_button_name: \"close-button\",\r\n  search_button_name: \"search-button\",\r\n  button_text: \"Search\",\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  placeholder: 'Search',\r\n  label: 'Search',\r\n  size: 'default',\r\n  input_status: 'disabled',\r\n  helper_text: 'Helper or footer text',\r\n  validation_id: '',\r\n  show_button: false,\r\n  has_error: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  button_id: 'button',\r\n  input_id: 'Search',\r\n  aria_label: 'search-input',\r\n  button_aria_label: 'clear-search',\r\n  onchange: '',\r\n  search_input_name: \"search-input\",\r\n  close_button_name: \"close-button\",\r\n  search_button_name: \"search-button\",\r\n  button_text: \"Search\",\r\n};"]}

package/dist/collection/components/dda-select/dda-select.js.map

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

package/dist/collection/components/dda-select/dda-select.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-select.stories.js","sourceRoot":"","sources":["../../../src/components/dda-select/dda-select.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Select',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['default', 'small'],\r\n      description: 'Size of the select',\r\n    },\r\n    label: { control: 'text', description: 'Label for the select' },\r\n    options: {\r\n      control: 'object',\r\n      description: 'Array of options (id and text)',\r\n    },\r\n    selected: {\r\n      control: 'text',\r\n      description: 'Selected option (id or text)',\r\n    },\r\n    placeholder: {\r\n      control: 'text',\r\n      description: 'Placeholder text when no option is selected',\r\n    },\r\n    main_aria_label: {\r\n      control: 'text',\r\n      description: 'Aria Label text for the accessibility',\r\n    },\r\n    disabled: { control: 'boolean', description: 'Disable the select' },\r\n    error: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'error'],\r\n      description: 'Error state of the select',\r\n    },\r\n    error_message: { control: 'text', description: 'Error message to display' },\r\n    helper_text: { control: 'text', description: 'Helper or footer text' },\r\n    validation_id: { control: 'text', description: 'Validation ID' },\r\n    custom_class: { control: 'text', description: 'Custom class for the select' },\r\n    component_mode: {\r\n      control: 'check',\r\n      options: ['light-mode'],\r\n      description: 'Mode of the select component',\r\n    },\r\n    button_id: { control: 'text', description: 'Button ID' },\r\n    toggle_button_name: { control: 'text', description: 'Toggle button name' },\r\n    option_select_button_name: { control: 'text', description: 'Option select button name' },\r\n    validation_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal','error'],\r\n      description: 'Validation type of the input field',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\n\\`\\`\\`html\r\n<dda-select\r\n  label=\"Select an option\"\r\n  placeholder=\"Please select...\"\r\n  main_aria_label=\"Please choose an option\"\r\n  selected=\"2\"\r\n  disabled=\"false\"\r\n  helper_text=\"Helper or footer text\"\r\n  error_message=\"\"\r\n  validation_type=\"normal\"\r\n  size=\"default\"\r\n  custom_class=\"\"\r\n  component_mode=\"\"\r\n  button_id=\"button\"\r\n  options='[{\"id\":1,\"text\":\"Option 1\"},{\"id\":2,\"text\":\"Option 2\"}]'\r\n  toggle_button_name=\"toggle_button\"\r\n  option_select_button_name=\"option_button\"\r\n></dda-select>\r\n\\`\\`\\`\r\n        `,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const optionsAttribute = args.options ? `options='${JSON.stringify(args.options)}'` : '';\r\n  const otherAttributes = Object.entries(args)\r\n    .filter(([key]) => key !== 'options')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `\r\n    <dda-select ${optionsAttribute} ${otherAttributes}></dda-select>\r\n    <script>\r\n      document.querySelector('dda-select').addEventListener('selectChanged', e => {\r\n        console.log('Selected:', e.detail);\r\n      });\r\n    </script>\r\n  `;\r\n};\r\n\r\nconst defaultOptions = [\r\n  { id: '1', text: 'Option 1' },\r\n  { id: '2', text: 'Option 2' },\r\n  { id: '3', text: 'Option 3' },\r\n  { id: '4', text: 'Option 4' },\r\n  { id: '5', text: 'Option 5' },\r\n];\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  label: 'Select an option',\r\n  placeholder: 'Please select...',\r\n  main_aria_label: 'Please choose an option',\r\n  options: defaultOptions,\r\n  selected: '0',\r\n  disabled: false,\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'This is a error message',\r\n  validation_type: 'normal',\r\n  validation_id: 'validationId',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  button_id: 'button',\r\n  toggle_button_name: 'toggle_button',\r\n  option_select_button_name: 'option_button',\r\n  selectChanged:\"\",\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n  ...Default.args,\r\n  size: 'small',\r\n};\r\n\r\nexport const WithError = Template.bind({});\r\nWithError.args = {\r\n  ...Default.args,\r\n  // error: 'error',\r\n  validation_type: 'error',\r\n  error_message: 'This is an error message',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  ...Default.args,\r\n  disabled: true,\r\n};\r\n"]}