@dubai-design-system/components-js 4.1.0 → 5.0.1

package/dist/components/dda-header.js.map

@@ -1 +0,0 @@
-{"file":"dda-header.js","mappings":"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","names":["DdaHeader"],"sources":["src/components/dda-header/dda-header.css?tag=dda-header","src/global/global.css?tag=dda-header","src/components/dda-header/dda-header.tsx"],"sourcesContent":["","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.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@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n  font-weight: 300;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n:root{\r\n  --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n  font-family: \"Dubai\", Helvetica, sans-serif;\r\n  font-size: var(--dda-fs-body-lg);\r\n  font-weight: var(--dda-fw-400);\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0);\r\n  margin: 0;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\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;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\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-black {\r\n  color: var(--dda-on-surface-0);\r\n}\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\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n  display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n  display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n  margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n  padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n  padding-top: 0px !important;\r\n  padding-bottom: 0px !important;\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","import { Component, h, Prop, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-header',\r\n  styleUrls: ['dda-header.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHeader {\r\n  @Prop() firstLogoSrc: string;\r\n  @Prop() firstLogoAlt: string;\r\n  @Prop() secondLogoSrc: string;\r\n  @Prop() secondLogoAlt: string;\r\n  @Prop() loginLink: string;\r\n  @Prop() sideMenuItems: string;\r\n  @Prop() quickLinks: string;\r\n  @Prop() readSpeakerLink: string;\r\n  @Event() languageSwitch: EventEmitter<void>;\r\n  @Event() smTextSize: EventEmitter<void>;\r\n  @Event() baseTextSize: EventEmitter<void>;\r\n  @Event() lgTextSize: EventEmitter<void>;\r\n  @Event() normalContrast: EventEmitter<void>;\r\n  @Event() blindContrast: EventEmitter<void>;\r\n  @Event() redContrast: EventEmitter<void>;\r\n  @Event() greenContrast: EventEmitter<void>;\r\n\r\n  @State() isMenuOpen: boolean = false;\r\n  @State() isSubMenuOpen: boolean = false;\r\n  @State() isSideSubMenuOpen: boolean = false;\r\n  @State() isAccessibiltyOpen: boolean = false;\r\n  private lastScrollTop = 0;\r\n\r\n  componentDidLoad() {\r\n    window.addEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  handleScroll = () => {\r\n    const scrollTop = window.scrollY;\r\n    const menuContainer = document.querySelector('.dda-menu-container') as HTMLElement;\r\n\r\n    if (scrollTop > this.lastScrollTop && scrollTop > 50) {\r\n      if (menuContainer) menuContainer.style.display = 'none';\r\n    } else {\r\n      if (menuContainer) menuContainer.style.display = 'flex';\r\n    }\r\n    this.lastScrollTop = scrollTop;\r\n  };\r\n\r\n  private parseJsonArray(jsonString: string) {\r\n    try {\r\n      return JSON.parse(jsonString);\r\n    } catch (e) {\r\n      console.error('Failed to parse JSON:', e);\r\n      return [];\r\n    }\r\n  }\r\n  private toggleMenu = () => {\r\n    this.isMenuOpen = !this.isMenuOpen;\r\n  };\r\n  private toggleSubMenu = () => {\r\n    this.isSubMenuOpen = !this.isSubMenuOpen;\r\n  };\r\n  private toggleSideSubMenu = () => {\r\n    this.isSideSubMenuOpen = !this.isSideSubMenuOpen;\r\n  };\r\n  private toggleAccessibilty = () => {\r\n    this.isAccessibiltyOpen = !this.isAccessibiltyOpen;\r\n  };\r\n\r\n  private languagehandler = () => {\r\n    this.languageSwitch.emit();\r\n  };\r\n  private smTexthandler = () => {\r\n    this.smTextSize.emit();\r\n  };\r\n  private baseTexthandler = () => {\r\n    this.baseTextSize.emit();\r\n  };\r\n  private lgTexthandler = () => {\r\n    this.lgTextSize.emit();\r\n  };\r\n  private normalContrasthandler = () => {\r\n    this.normalContrast.emit();\r\n  };\r\n  private blindContrasthandler = () => {\r\n    this.blindContrast.emit();\r\n  };\r\n  private redContrasthandler = () => {\r\n    this.redContrast.emit();\r\n  };\r\n  private greenContrasthandler = () => {\r\n    this.greenContrast.emit();\r\n  };\r\n\r\n  render() {\r\n    const sideMenuItems = this.parseJsonArray(this.sideMenuItems);\r\n    const quickLinks = this.parseJsonArray(this.quickLinks);\r\n    return (\r\n      <header class=\"dda-header\">\r\n        <div class=\"dda-container-fluid\">\r\n          {/* Logo Section */}\r\n          <div class=\"dda-head-logo\">\r\n            <a href=\"#\" class=\"govt-logo\">\r\n              <img class=\"logo-colored\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n              {/* <img class=\"logo-white\" src={this.secondLogoSrc} alt={this.secondLogoAlt} /> */}\r\n            </a>\r\n            <a href=\"#\" class=\"entt-logo\">\r\n              <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoSrc} />\r\n              {/* <img class=\"logo-white\" src={this.secondLogoSrc} alt={this.secondLogoAlt} /> */}\r\n            </a>\r\n          </div>\r\n\r\n          {/* Main Navigation Section */}\r\n          <div class=\"dda-menu-container\">\r\n            <div class=\"dda-main-navigation\">\r\n              <div class={`dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`}></div>\r\n\r\n              {/* Hamburger Menu */}\r\n              <div class=\"hamburger-menu\" onClick={this.toggleMenu}>\r\n                <dda-tooltip title_text=\"Menu\" position=\"top\" class=\"d-block\">\r\n                  <button type=\"button\" class=\"hamburger-menu-btn\">\r\n                    <span class=\"hamburger-line\"></span>\r\n                    <span class=\"hamburger-menu-text\">hamburger menu text</span>\r\n                  </button>\r\n                </dda-tooltip>\r\n              </div>\r\n\r\n              {/* Side Menu */}\r\n              <div class=\"dda-sidemenu\" style={{ display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' }}>\r\n                <div class=\"dda-sidemenu-content\">\r\n                  <p class=\"dda-side-nav-title\">Quick Links</p>\r\n                  <ul class=\"main_side_menu\">\r\n                    {sideMenuItems.map(item => (\r\n                      <li>\r\n                        <a\r\n                          href={item.subMenu && item.subMenu.length > 0 ? 'javascript:void(0)' : item.href}\r\n                          class=\"dda-flex dda-justify-space dda-items-center\"\r\n                          onClick={item.subMenu && item.subMenu.length && this.toggleSideSubMenu}\r\n                        >\r\n                          <span>{item.label}</span>\r\n                          {item.subMenu && item.subMenu.length > 0 && <i class=\"material-icons\">chevron_right</i>}\r\n                        </a>\r\n                        {item.subMenu && item.subMenu.length > 0 && (\r\n                          <div class={`main_sub_menu  ${this.isSideSubMenuOpen ? 'showSubMenu' : ''}`}>\r\n                            <ol>\r\n                              {item.subMenu.map(sub => (\r\n                                <li>\r\n                                  <a href={'javascript:void(0)'} onClick={this.toggleSideSubMenu}>\r\n                                    <span>{sub.label}</span>\r\n                                    {item.subMenu && item.subMenu.length > 0 && <i class=\"material-icons\">chevron_right</i>}\r\n                                  </a>\r\n                                  <div class={`main_sub_menu ${this.isSideSubMenuOpen ? 'showSubMenu' : ''}`}>\r\n                                    <p class=\"dda-side-nav__title\">Initiatives</p>\r\n                                    <ol>\r\n                                      <li>\r\n                                        <a href=\"#\">{sub.label}</a>\r\n                                      </li>\r\n                                    </ol>\r\n                                  </div>\r\n                                </li>\r\n                              ))}\r\n                            </ol>\r\n                          </div>\r\n                        )}\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n                <button class=\"close-btn side-nav-close-btn\" aria-label=\"Close Sidebar\" onClick={this.toggleMenu}>\r\n                  <i class=\"material-icons\">close</i>\r\n                </button>\r\n              </div>\r\n\r\n              {/* Mega Menu */}\r\n              <div class=\"dda-mega-menu\">\r\n                {quickLinks.map(link => (\r\n                  <li>\r\n                    <a href={link.subMenu && link.subMenu.length > 0 ? 'javascript:void(0)' : link.href} onClick={link.subMenu && link.subMenu.length && this.toggleSubMenu}>\r\n                      {link.label}\r\n                    </a>\r\n                    {/* Conditionally render submenu */}\r\n                    {link.subMenu && link.subMenu.length > 0 && (\r\n                      <div class=\"megamenu-content\" style={{ display: this.isSubMenuOpen ? 'block' : 'none' }}>\r\n                        <div class=\"megamenu-item dda-container\">\r\n                          <div class=\"dda-row\">\r\n                            <div class=\"dda-col-md-3\">\r\n                              <h3 class=\"mega-menu-title\">QUICK LINKS</h3>\r\n                              <ul>\r\n                                {link.subMenu.map(subItem => (\r\n                                  <li>\r\n                                    <a class=\"megamenu-link\" href={subItem.href}>\r\n                                      <span class=\"dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default\">\r\n                                        <i class=\"material-icons\">{subItem.icon}</i>\r\n                                      </span>\r\n                                      <span class=\"text-wrap\">\r\n                                        <span class=\"title-text dda-fs-body-lg dda-fw-700\">{subItem.title}</span>\r\n                                        <span class=\"dda-fs-tagline-lg dda-fw-400\">{subItem.description}</span>\r\n                                      </span>\r\n                                    </a>\r\n                                  </li>\r\n                                ))}\r\n                              </ul>\r\n                            </div>\r\n                          </div>\r\n                          <button class=\"close-btn close_mega-menu\" aria-label=\"Close Sidebar\" onClick={this.toggleSubMenu}>\r\n                            <i class=\"material-icons\">close</i>\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                    )}\r\n                  </li>\r\n                ))}\r\n              </div>\r\n            </div>\r\n            {/* Toolbar Menu */}\r\n            <div class=\"dda-toolbar-menu\">\r\n              <ul>\r\n                <li>\r\n                  <dda-tooltip title_text=\"Search\" description=\"\" position=\"top\">\r\n                    <div class=\"dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn\">\r\n                      <i class=\"material-icons\">search</i>\r\n                      <input type=\"text\" class=\"\" placeholder=\"Search\" />\r\n                    </div>\r\n                  </dda-tooltip>\r\n                </li>\r\n\r\n                <li>\r\n                  <dda-tooltip title_text=\"Accessibility\" position=\"top\">\r\n                    <button class=\"tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn\" type=\"button\" onClick={this.toggleAccessibilty}>\r\n                      <i class=\"material-icons\">accessibility</i>\r\n                      <span class=\"visually-hidden\">Accessibility</span>\r\n                    </button>\r\n                  </dda-tooltip>\r\n                  <div class=\"dda-accessibility-wrap\">\r\n                    <div class=\"dda-accessibility hide-accessibility\" style={{ display: this.isAccessibiltyOpen ? 'block' : 'none' }}>\r\n                      <div class=\"dda-row\">\r\n                        <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n                          <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Contrast</h2>\r\n                          <p class=\"mb-3\">Select your preferred contrast setting </p>\r\n                          <div class=\"dda-theme-list\">\r\n                            <dda-radiobutton\r\n                              title_text=\"Normal\"\r\n                              checked={true}\r\n                              size=\"sm\"\r\n                              variants=\"normal\"\r\n                              supporting=\"\"\r\n                              group_name=\"themeselection\"\r\n                              input_id=\"Normal\"\r\n                              custom_class=\"\"\r\n                              component_mode=\"\"\r\n                              aria_label=\"radio-button\"\r\n                              onClick={this.normalContrasthandler}\r\n                            ></dda-radiobutton>\r\n                            <dda-radiobutton\r\n                              title_text=\"Colours Blind\"\r\n                              checked={false}\r\n                              size=\"sm\"\r\n                              variants=\"normal\"\r\n                              supporting=\"\"\r\n                              group_name=\"themeselection\"\r\n                              input_id=\"ColoursBlind\"\r\n                              custom_class=\"\"\r\n                              component_mode=\"\"\r\n                              aria_label=\"radio-button\"\r\n                              onClick={this.blindContrasthandler}\r\n                            ></dda-radiobutton>\r\n                            <dda-radiobutton\r\n                              title_text=\"Red Weakness\"\r\n                              checked={false}\r\n                              size=\"sm\"\r\n                              variants=\"normal\"\r\n                              supporting=\"\"\r\n                              group_name=\"themeselection\"\r\n                              input_id=\"RedWeakness\"\r\n                              custom_class=\"\"\r\n                              component_mode=\"\"\r\n                              aria_label=\"radio-button\"\r\n                              onClick={this.redContrasthandler}\r\n                            ></dda-radiobutton>\r\n                            <dda-radiobutton\r\n                              title_text=\"Green Weakness\"\r\n                              checked={false}\r\n                              size=\"sm\"\r\n                              variants=\"normal\"\r\n                              supporting=\"\"\r\n                              group_name=\"themeselection\"\r\n                              input_id=\"GreenWeakness\"\r\n                              custom_class=\"\"\r\n                              component_mode=\"\"\r\n                              aria_label=\"radio-button\"\r\n                              onClick={this.greenContrasthandler}\r\n                            ></dda-radiobutton>\r\n                          </div>\r\n                        </div>\r\n                        <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n                          <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Screen Reader</h2>\r\n                          <p class=\"mb-3\">Listen to the content of the page by clicking play or listen</p>\r\n                          <div class=\"rs_skip rsbtn rs_preserve\" id=\"readspeaker_button1\">\r\n                            <a href={this.readSpeakerLink} rel=\"nofollow\" class=\"rsbtn_play circle readspeaker\" accessKey=\"L\" aria-label=\"Listen to this page using ReadSpeaker\">\r\n                              <i class=\"material-icons\">volume_up</i>\r\n                            </a>\r\n                          </div>\r\n                        </div>\r\n                        <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n                          <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Text Size</h2>\r\n                          <p class=\"mb-3\">Use the buttons below to increase or decrease the text size</p>\r\n                          <div class=\"d-flex dda-gap-4\">\r\n                            <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.baseTexthandler}>\r\n                              A\r\n                            </dda-button>\r\n                            <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.lgTexthandler}>\r\n                              A+\r\n                            </dda-button>\r\n                            <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.smTexthandler}>\r\n                              A-\r\n                            </dda-button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <button class=\"close-btn close_accessibility\" aria-label=\"Close Sidebar\" onClick={this.toggleAccessibilty}>\r\n                        <i class=\"materinal-icons\">close</i>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n                <li>\r\n                  <dda-tooltip title_text=\"Language\" position=\"top\">\r\n                    <dda-button button_color=\"onsurface-secondary\" custom_class=\"tool-btn\" button_shape=\"circle\" size=\"sm\" onClick={this.languagehandler}>\r\n                      العربية\r\n                    </dda-button>\r\n                  </dda-tooltip>\r\n                </li>\r\n                <li>\r\n                  <dda-tooltip title_text=\"Login\" position=\"top\">\r\n                    <dda-link-button\r\n                      button_color=\"onsurface-secondary\"\r\n                      start_icon=\"sentiment_satisfied\"\r\n                      custom_class=\"tool-btn\"\r\n                      href={this.loginLink}\r\n                      button_shape=\"circle\"\r\n                      size=\"sm\"\r\n                    >\r\n                      Login\r\n                    </dda-link-button>\r\n                  </dda-tooltip>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </header>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dda-horizontal-stepper.js.map

@@ -1 +0,0 @@
-{"file":"dda-horizontal-stepper.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,2zDAA2zD,CAAC;AAC51D,mCAAe,uBAAuB;;ACDtC,MAAM,SAAS,GAAG,y6uDAAy6uD,CAAC;AAC57uD,mCAAe,SAAS;;MCMXA,sBAAoB;IALjC;;;QAOU,iBAAY,GAAW,CAAC,CAAC;QAGxB,gBAAW,GAA+D,EAAE,CAAC;KA0BvF;IAxBC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC3C;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,sBAAsB,IAC1E,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAChC,WAAK,KAAK,EAAE,UAAU,KAAK,KAAK,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,GAAI,WAAW,GAAG,EAAE,EAAE,IAClH,WAAK,KAAK,EAAC,kBAAkB,IAC3B,WAAK,KAAK,EAAC,QAAQ,GAAO,CACtB,EACN,WAAK,KAAK,EAAC,gBAAgB,IACzB,WAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAO,EAC5C,WAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,QAAQ,CAAO,EAClD,WAAK,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAO,CACpD,CACF,CACP,CAAC,CACE,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaHorizontalStepper"],"sources":["src/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.css?tag=dda-horizontal-stepper","src/global/global.css?tag=dda-horizontal-stepper","src/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.tsx"],"sourcesContent":[".h-stepper-container {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n}\r\n\r\n.h-step {\r\n  width: 100%;\r\n  text-align: center;\r\n  padding: 0px 0px 16px 0px;\r\n}\r\n\r\n.h-step-indicator {\r\n  position: relative;\r\n}\r\n\r\n.h-step-indicator .circle {\r\n  width: 16px;\r\n  height: 16px;\r\n  margin: 0 auto;\r\n  border-radius: 50%;\r\n  background-color: var(--dda-neutral-80);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.h-step-indicator::before {\r\n  content: \"\";\r\n  width: calc(100% - 3px);\r\n  height: 1px;\r\n  border-top: dashed 1px var(--dda-neutral-variant-80);\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  z-index: 1;\r\n  transform: translate(0%, -50%);\r\n}\r\n.h-step .h-step-content {\r\n  padding: 8px 16px 0px 16px;\r\n}\r\n\r\n.h-step .h-step-title {\r\n  font-size: 14px;\r\n  font-weight: var(--dda-fw-400);\r\n  color: var(--dda-neutral-variant-30);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.h-step .h-step-subtitle {\r\n  font-size: 18px;\r\n  color: var(--dda-neutral-60);\r\n  font-weight: var(--dda-fw-500);\r\n}\r\n\r\n.h-step.completed .h-step-subtitle{\r\n  font-weight: var(--dda-fw-400);\r\n}\r\n\r\n.h-step .h-step-description {\r\n  font-size: 14px;\r\n  color: var(--dda-neutral-60);\r\n}\r\n\r\n.h-step.completed .circle{\r\n  background: var(--dda-color-success-40);\r\n}\r\n\r\n.h-step.active .circle {\r\n  background-color: var(--dda-color-primary-40);\r\n  box-shadow: 0px 0px 0px 3px var(--dda-color-primary-95);\r\n}\r\n\r\n.h-step.completed .h-step-indicator::before,\r\n.h-step.active .h-step-indicator::before {\r\n  width: 100%;\r\n  border-top: solid 1px var(--dda-color-primary-40);\r\n}\r\n\r\n.h-step.active .h-step-indicator::after {\r\n  content: \"\";\r\n  width: calc(50% - 3px);\r\n  height: 1px;\r\n  border-top: solid 1px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 100%;\r\n  z-index: 2;\r\n  transform: translate(0%, -50%);\r\n}\r\n\r\n\r\n\r\n.h-step.completed .h-step-title{\r\n  color: var(--dda-color-success-40);\r\n}\r\n.h-step.active .h-step-title{\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.h-step.completed .h-step-subtitle,\r\n.h-step.active .h-step-subtitle{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.h-step.completed .h-step-description,\r\n.h-step.active .h-step-description{\r\n  color: var(--dda-neutral-variant-30);\r\n}","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.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@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n  font-weight: 300;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n:root{\r\n  --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n  font-family: \"Dubai\", Helvetica, sans-serif;\r\n  font-size: var(--dda-fs-body-lg);\r\n  font-weight: var(--dda-fw-400);\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0);\r\n  margin: 0;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\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;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\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-black {\r\n  color: var(--dda-on-surface-0);\r\n}\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\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n  display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n  display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n  margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n  padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n  padding-top: 0px !important;\r\n  padding-bottom: 0px !important;\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","import { Component, Prop,  State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-horizontal-stepper',\r\n  styleUrls: ['dda-horizontal-stepper.css', '../../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHorizontalStepper {\r\n  @Prop() steps: string; // JSON string of steps\r\n  @Prop() current_step: number = 1;\r\n  @Prop() custom_class?: string; \r\n  @Prop() component_mode?: string; \r\n  @State() parsedSteps: { title: string, subtitle: string, description: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.parsedSteps = JSON.parse(this.steps);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`${this.custom_class} ${this.component_mode} h-stepper-container`}>\r\n          {this.parsedSteps.map((step, index) => (\r\n            <div class={`h-step ${index === this.current_step ? 'active' : ''} ${index < this.current_step  ? 'completed' : ''}`}>\r\n              <div class=\"h-step-indicator\">\r\n                <div class=\"circle\"></div>\r\n              </div>\r\n              <div class=\"h-step-content\">\r\n                <div class=\"h-step-title\">{step.title}</div>\r\n                <div class=\"h-step-subtitle\">{step.subtitle}</div>\r\n                <div class=\"h-step-description\">{step.description}</div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"dda-input.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,4pWAA4pW,CAAC;AAC9qW,uBAAe,QAAQ;;ACDvB,MAAM,SAAS,GAAG,y6uDAAy6uD,CAAC;AAC57uD,uBAAe,SAAS;;MCMXA,UAAQ;IALrB;;;QASU,SAAI,GAAW,MAAM,CAAC;KA8C/B;IAnCC,WAAW,CAAC,KAAK;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACjC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB,qBAAqB;YACrB,IAAI,CAAC,eAAe,GAAG,kBAAkB,IAAI,CAAC,eAAe,EAAE,GAAG,EAAE;YACpE,IAAI,CAAC,IAAI,GAAG,kBAAkB,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YAC9C,IAAI,CAAC,YAAY,GAAG,aAAa,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YACzD,IAAI,CAAC,IAAI,KAAK,WAAW,GAAG,sBAAsB,GAAG,EAAE;YACvD,IAAI,CAAC,IAAI,KAAK,UAAU,GAAG,oBAAoB,GAAG,EAAE;YACpD,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,UAAU,IACnB,IAAI,CAAC,KAAK,IAAI,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAS,EAC1F,4EACc,IAAI,CAAC,UAAU,EAC3B,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,KAAK,EAAC,gCAAgC,GACtC,EACD,IAAI,CAAC,WAAW,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,WAAW,CAAQ,EAC3E,IAAI,CAAC,aAAa,IAAI,6DAAM,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,aAAa,CAAQ,CAC9E,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaInput"],"sources":["src/global/input.css?tag=dda-input","src/global/global.css?tag=dda-input","src/components/dda-input/dda-input.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(--dda-fs-title-sm);\r\n    color: var(--dda-on-surface-0);\r\n    line-height: 22px;\r\n    font-weight: var(--dda-fw-400);\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\r\n    color: var(--dda-on-surface-0);\r\n    font-weight: var(--dda-fw-400);\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.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(--dda-fs-body-lg);\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.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(--dda-fs-body-lg);\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    background-color: var(--dda-neutral-variant-95);\r\n    outline: 0;\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(--dda-fs-body-md);\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(--dda-fs-body-md);\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: 24px;\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}\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\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}\r\n\r\n.dda-input-size-small .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n.dda-search-area .icon-close {\r\n    display: flex;\r\n    color: var(--dda-on-surface-variant-30);\r\n    font-size: 20px;\r\n    margin: 0px;\r\n    margin-inline-end: 15px;\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 .icon-close{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-search-field {\r\n    padding: 8px 40px 8px 40px;\r\n}\r\n\r\n.dda-search-action .dda-search-field {\r\n    padding: 8px 110px 8px 40px;\r\n}\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\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\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\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\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    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(--dda-fs-body-lg);\r\n}\r\n.dda-file-name {\r\n    font-size: var(--dda-fs-body-lg);\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\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.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@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n  font-weight: 300;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n:root{\r\n  --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n  font-family: \"Dubai\", Helvetica, sans-serif;\r\n  font-size: var(--dda-fs-body-lg);\r\n  font-weight: var(--dda-fw-400);\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0);\r\n  margin: 0;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\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;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\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-black {\r\n  color: var(--dda-on-surface-0);\r\n}\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\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n  display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n  display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n  margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n  padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n  padding-top: 0px !important;\r\n  padding-bottom: 0px !important;\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","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-input',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaInput {\r\n  @Prop() label: string;\r\n  @Prop() placeholder: string;\r\n  @Prop() value: string;\r\n  @Prop() type: string = 'text';\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;\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\r\n  handleInput(event) {\r\n    this.value = event.target.value;\r\n  }\r\n\r\n  render() {\r\n    const inputClass = [\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.type === 'Witherror' ? 'dda-validation-error' : '',\r\n      this.type === 'disabled' ? 'dda-input-disabled' : '',\r\n      this.custom_class, // Include custom class\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n    \r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n          <input\r\n            aria-label={this.aria_label}\r\n            id={this.input_id}\r\n            type={this.type}\r\n            placeholder={this.placeholder}\r\n            value={this.value}\r\n            onInput={(event) => this.handleInput(event)}\r\n            class=\"dda-input-field dda-input-text\"\r\n          />\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}"],"version":3}

package/dist/components/dda-link-button.js.map

@@ -1 +0,0 @@
-{"file":"dda-link-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/dda-number-field.js.map

@@ -1 +0,0 @@
-{"file":"dda-number-field.js","mappings":"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","names":["DdaNumberField"],"sources":["src/global/input.css?tag=dda-number-field","src/global/global.css?tag=dda-number-field","src/components/dda-number-field/dda-number-field.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(--dda-fs-title-sm);\r\n    color: var(--dda-on-surface-0);\r\n    line-height: 22px;\r\n    font-weight: var(--dda-fw-400);\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\r\n    color: var(--dda-on-surface-0);\r\n    font-weight: var(--dda-fw-400);\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.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(--dda-fs-body-lg);\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.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(--dda-fs-body-lg);\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    background-color: var(--dda-neutral-variant-95);\r\n    outline: 0;\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(--dda-fs-body-md);\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(--dda-fs-body-md);\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: 24px;\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}\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\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}\r\n\r\n.dda-input-size-small .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n.dda-search-area .icon-close {\r\n    display: flex;\r\n    color: var(--dda-on-surface-variant-30);\r\n    font-size: 20px;\r\n    margin: 0px;\r\n    margin-inline-end: 15px;\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 .icon-close{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-search-field {\r\n    padding: 8px 40px 8px 40px;\r\n}\r\n\r\n.dda-search-action .dda-search-field {\r\n    padding: 8px 110px 8px 40px;\r\n}\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\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\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\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\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    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(--dda-fs-body-lg);\r\n}\r\n.dda-file-name {\r\n    font-size: var(--dda-fs-body-lg);\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\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.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@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n  font-weight: 300;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n:root{\r\n  --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n  font-family: \"Dubai\", Helvetica, sans-serif;\r\n  font-size: var(--dda-fs-body-lg);\r\n  font-weight: var(--dda-fw-400);\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0);\r\n  margin: 0;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\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;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\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-black {\r\n  color: var(--dda-on-surface-0);\r\n}\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\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n  display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n  display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n  margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n  padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n  padding-top: 0px !important;\r\n  padding-bottom: 0px !important;\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","import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-number-field',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css'],\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\r\n  @State() isCurrencyDropdownOpen: boolean = false;\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  }\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  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  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    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={containerClass}>\r\n          {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n          <div class=\"dda-input-field-group dda-number-field\">\r\n            <input\r\n              id={this.input_id}\r\n              aria-label={this.aria_label}\r\n              type=\"text\"\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 type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleCurrencyDropdown()}>\r\n                {this.selected_currency} <i class={`material-icons`}>{this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</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 type=\"button\" class={`dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`} onClick={() => this.selectCurrency(option)}>\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/components/dda-pagination.js.map

@@ -1 +0,0 @@
-{"file":"dda-pagination.js","mappings":"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","names":["DdaPagination"],"sources":["src/components/dda-pagination/dda-pagination.css?tag=dda-pagination","src/global/global.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 url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.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@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n  font-weight: 300;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n:root{\r\n  --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n  font-family: \"Dubai\", Helvetica, sans-serif;\r\n  font-size: var(--dda-fs-body-lg);\r\n  font-weight: var(--dda-fw-400);\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0);\r\n  margin: 0;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\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;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\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-black {\r\n  color: var(--dda-on-surface-0);\r\n}\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\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n  display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n  display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n  margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n  padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n  padding-top: 0px !important;\r\n  padding-bottom: 0px !important;\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","import { Component, Prop, h, Host, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-pagination',\r\n  styleUrls: ['dda-pagination.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaPagination {\r\n  @Prop() total_pages: number = 8;\r\n  @Prop() 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\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 class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i> Prev</button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}>Next <i class=\"material-icons\">arrow_forward</i></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 class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i> Prev</button>\r\n            {this.renderPageButtons()}\r\n            <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}>Next <i class=\"material-icons\">arrow_forward</i></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 class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></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 class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n            {this.renderPageButtons()}\r\n            <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></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 class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n            {this.renderPageButtons()}\r\n            <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></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 class=\"prev\" disabled={this.current_page === 1} onClick={() => this.setcurrentpage(this.current_page - 1)}><i class=\"material-icons\">arrow_back</i></button>\r\n            <button class=\"next\" disabled={this.current_page === this.total_pages} onClick={() => this.setcurrentpage(this.current_page + 1)}><i class=\"material-icons\">arrow_forward</i></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\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 class={i === this.current_page ? 'active' : ''} onClick={() => this.setcurrentpage(i)}>\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      this.current_page = 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/components/dda-phonefield.js.map

@@ -1 +0,0 @@
-{"file":"dda-phonefield.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/global/input.css?tag=dda-phonefield","src/global/global.css?tag=dda-phonefield","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",".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(--dda-fs-title-sm);\r\n    color: var(--dda-on-surface-0);\r\n    line-height: 22px;\r\n    font-weight: var(--dda-fw-400);\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\r\n    color: var(--dda-on-surface-0);\r\n    font-weight: var(--dda-fw-400);\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.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(--dda-fs-body-lg);\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.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(--dda-fs-body-lg);\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    background-color: var(--dda-neutral-variant-95);\r\n    outline: 0;\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(--dda-fs-body-md);\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(--dda-fs-body-md);\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: 24px;\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}\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\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}\r\n\r\n.dda-input-size-small .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n.dda-search-area .icon-close {\r\n    display: flex;\r\n    color: var(--dda-on-surface-variant-30);\r\n    font-size: 20px;\r\n    margin: 0px;\r\n    margin-inline-end: 15px;\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 .icon-close{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-search-field {\r\n    padding: 8px 40px 8px 40px;\r\n}\r\n\r\n.dda-search-action .dda-search-field {\r\n    padding: 8px 110px 8px 40px;\r\n}\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\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\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(--dda-fs-body-lg);\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(--dda-fs-body-lg);\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\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    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(--dda-fs-body-lg);\r\n}\r\n.dda-file-name {\r\n    font-size: var(--dda-fs-body-lg);\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\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.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@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n  font-weight: 300;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n:root{\r\n  --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n  font-family: \"Dubai\", Helvetica, sans-serif;\r\n  font-size: var(--dda-fs-body-lg);\r\n  font-weight: var(--dda-fw-400);\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0);\r\n  margin: 0;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\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;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\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-black {\r\n  color: var(--dda-on-surface-0);\r\n}\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\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n  display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n  display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n  margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n  padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n  padding-top: 0px !important;\r\n  padding-bottom: 0px !important;\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","import { Component, Prop, State, h, Host } from '@stencil/core';\r\nimport { CountriesList } from '../../assets/countries';\r\n\r\n@Component({\r\n  tag: 'dda-phonefield',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css'],\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() validation_type?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() size?: string;\r\n  @State() country_code: string = '+971';\r\n  @State() country_flag: string = 'https://flagcdn.com/w320/ae.png'; // Default UAE flag\r\n  @State() phone_number: 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  @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\r\n  // componentWillLoad() {\r\n  //   fetch('/path/to/countries.json')\r\n  //     .then(response => response.json())\r\n  //     .then(data => {\r\n  //       this.countries = data;\r\n  //     });\r\n  // }\r\n\r\n  componentWillLoad() {\r\n    this.countries = CountriesList;\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  }\r\n\r\n  handlephonenumberChange(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    const targetvalue = target.value.replace(/[^0-9.]/g, '');\r\n    this.phone_number = targetvalue;\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.phone_number ? 'dda-input-focus-filled' : '' }`;\r\n    return (\r\n      <Host>\r\n        <div class={`dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}`}>\r\n          {this.label && <label htmlFor={this.input_id} class=\"dda-input-label\">{this.label}</label>}\r\n          <div class={`dda-input-field-group dda-phone-field`}>\r\n            <div class=\"dda-input-dropdown-btn\">\r\n              <button type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleDropdown()}>\r\n                <img src={this.country_flag} alt=\"\" width=\"20\" /> {this.country_code} <i class={`material-icons`}>{this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down'}</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 id={this.button_id} aria-label={this.button_aria_label} type=\"button\" class=\"dda-input-dropdown-item\" onClick={() => this.selectCountry(country)}>\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              aria-label={this.aria_label}\r\n              type=\"number\"\r\n              class={`dda-field-group-input`}\r\n              placeholder={this.placeholder}\r\n              inputmode='numeric'\r\n              pattern={\"[0-9]*\"}\r\n              value={this.phone_number}\r\n              onInput={this.handlephonenumberChange.bind(this)}\r\n              onFocus={this.handleFocus.bind(this)}\r\n              onBlur={this.handleBlur.bind(this)}\r\n              disabled={this.disabled}\r\n            />\r\n          </div>\r\n          {this.helper_text && !this.validation_type && <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/components/dda-progressbar.js.map

@@ -1 +0,0 @@
-{"file":"dda-progressbar.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,6nDAA6nD,CAAC;AACxpD,6BAAe,iBAAiB;;ACDhC,MAAM,SAAS,GAAG,y6uDAAy6uD,CAAC;AAC57uD,6BAAe,SAAS;;MCMX,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/global/global.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 url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.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@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n  font-weight: 300;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n  font-weight: 400;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n  font-weight: 500;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Dubai\";\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n  src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n    url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n  font-weight: 700;\r\n  font-style: normal;\r\n}\r\n:root{\r\n  --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n  font-family: \"Dubai\", Helvetica, sans-serif;\r\n  font-size: var(--dda-fs-body-lg);\r\n  font-weight: var(--dda-fw-400);\r\n  line-height: 1.5;\r\n  color: var(--dda-on-surface-0);\r\n  margin: 0;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\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;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\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-black {\r\n  color: var(--dda-on-surface-0);\r\n}\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\r\n::-ms-input-placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n  color: #8E9191;\r\n}\r\n\r\n.dda-flex {\r\n  display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n  display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n  align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n  justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n  margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n  padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n  padding-top: 0px !important;\r\n  padding-bottom: 0px !important;\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","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-progressbar',\r\n  styleUrls: ['dda-progressbar.css', '../../global/global.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/components/dda-radiobutton.js.map

@@ -1 +0,0 @@
-{"file":"dda-radiobutton.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1 +0,0 @@
-{"file":"dda-range-slider.js","mappings":"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","names":["DdaRangeSlider"],"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}","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\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                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                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}