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

package/www/build/p-1fa27da3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaHeaderMenuCss","DdaHeaderMenuStyle0","DdaHeaderMenu","constructor","hostRef","this","useNavigator","quickLinks","openIndex","openSubIndex","handleClickOutside","event","target","el","contains","parsedMenuItems","JSON","parse","_a","console","warn","handleToggle","index","hasSubmenu","item","preventDefault","navigatorClick","emit","url","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","handleKeydown","key","renderDefaultSubmenu","children","isOpen","submenuId","headerMenuLabel","h","class","id","map","subIndex","hasSubSubmenu","length","subSubmenuId","isSubOpen","href","headerMenuId","undefined","String","active","onClick","e","defaultSubMenuTitle","subItem","subItemIndex","renderMegaMenu","col","colIndex","title","items","itemIndex","showQuickLinksIcon","quickLinksIcon","description","render","Host","type","DdaInput","input_role","validation_id","required","internalValue","getValue","value","watchValue","newValue","setValue","val","onChanged","reset","componentWillLoad","componentDidLoad","dateInput","querySelector","style","color","inputClass","validation_type","size","input_status","custom_class","component_mode","filter","Boolean","join","label","htmlFor","input_id","name","input_name","role","placeholder","aria_label","onInput","inputChanged","dispatchEvent","InputEvent","bubbles","composed","data","inputType","isComposing","onBlur","trim","inputBlurred","onBlurred","FocusEvent","relatedTarget","onFocus","onKeyDown","KeyboardEvent","code","ctrlKey","shiftKey","altKey","metaKey","repeat","error_message","helper_text","ddaRadiobuttonCss","DdaRadiobuttonStyle0","DdaRadiobutton","checked","handleChange","_e","radioChange","radiobuttonClass","variants","radio_status","group_name","disabled","onChange","title_text","supporting"],"sources":["src/components/dda-header-menu/dda-header-menu.css?tag=dda-header-menu","src/components/dda-header-menu/dda-header-menu.tsx","src/components/dda-input/dda-input.tsx","src/components/dda-radiobutton/dda-radiobutton.css?tag=dda-radiobutton","src/components/dda-radiobutton/dda-radiobutton.tsx"],"sourcesContent":[".dda-mega-menu {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.dda-mega-menu > li {\r\n  position: relative;\r\n}\r\n.dda-mega-menu > li > a {\r\n  display: block;\r\n  font-size: var(--font-body);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-0);\r\n  padding: 20px 16px;\r\n  position: relative;\r\n}\r\n\r\n.dda-mega-menu > li:hover > a,\r\n.dda-mega-menu > li > a.active {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\nbody.transparent .dda-mega-menu > li > a {\r\n  color: var(--dda-neutral-100);\r\n}\r\n\r\n.dda-mega-menu > li > a::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 0;\r\n  height: 4px;\r\n  background-color: var(--dda-color-primary-40);\r\n  border-radius: 8px 8px 0px 0px;\r\n  transform: translateX(-50%);\r\n  /* transition: all 0.25s ease-in-out; */\r\n}\r\n\r\nbody.transparent .dda-mega-menu > li > a::after {\r\n  background-color: var(--dda-neutral-100);\r\n}\r\n\r\n.dda-mega-menu > li:hover > a::after,\r\n.dda-mega-menu > li > a:focus-visible:after,\r\n.dda-mega-menu > li > a.active::after {\r\n  width: calc(100% - 32px);\r\n}\r\n/********************************/\r\n.dda-header-menu li {\r\n  list-style: none;\r\n}\r\n.dda-header-menu li::marker {\r\n  display: none;\r\n}\r\n.dda-default-submenu {\r\n  display: none;\r\n  min-width: 350px;\r\n  position: absolute;\r\n  top: 100%;\r\n  inset-inline-start: 0;\r\n  padding-top: 5px;\r\n}\r\n\r\n.dda-default-submenu ul {\r\n  max-height: 325px;\r\n  overflow: visible;\r\n  overflow-x: visible;\r\n  overflow-y: auto;\r\n}\r\n\r\n.dda-default-submenu ul::-webkit-scrollbar {\r\n  width: 6px;\r\n}\r\n\r\n.dda-default-submenu ul::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n\r\n.dda-default-submenu ul::-webkit-scrollbar-thumb {\r\n    background: var(--dda-on-primary-98);\r\n}\r\n\r\n.dda-default-submenu:hover ul::-webkit-scrollbar-thumb {\r\n    background: var(--dda-on-primary-98);\r\n}\r\n\r\n.dda-default-submenu a,\r\n.dda-default-submenu .dda-submenu-title {\r\n  position: relative;\r\n  font-size: var(--font-body);\r\n  font-weight: var(--font-weight-regular);\r\n}\r\n\r\n.dda-default-submenu a.has-submenu::after {\r\n  content: '';\r\n  width: 6px;\r\n  height: 6px;\r\n  border-right: solid 1px var(--dda-color-primary-40);\r\n  border-bottom: solid 1px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 50%;\r\n  inset-inline-end: 9px;\r\n  margin-top: -4.5px;\r\n  transform: rotate(-45deg);\r\n}\r\n:root[dir='rtl'] .dda-default-submenu a.has-submenu::after {\r\n  transform: rotate(135deg);\r\n}\r\n\r\n.dda-default-submenu span {\r\n  display: block;\r\n  border-bottom: solid 1px #ddd;\r\n  padding: 5px 8px 10px 8px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.dda-default-submenu > ul {\r\n  width: 100%;\r\n  max-width: 350px;\r\n  background-color: var(--dda-surface-100);\r\n  border-radius: 5px;\r\n  padding: 10px !important;\r\n  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);\r\n}\r\n\r\n.dda-default-submenu ul li {\r\n  list-style: none;\r\n  position: relative;\r\n  margin-bottom: 1px;\r\n}\r\n.dda-default-submenu ul li a {\r\n  font-size: var(--font-body);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-0);\r\n  display: block;\r\n  padding: 10px 7px;\r\n  border-radius: 8px;\r\n}\r\n.dda-default-submenu ul li:hover > a,\r\n.dda-default-submenu ul li a.active {\r\n  background-color: var(--dda-on-primary-98);\r\n  color: var(--dda-on-primary-variant-40);\r\n}\r\n\r\n.dda-default-subsubmenu {\r\n  display: none;\r\n  width: 300px;\r\n  position: absolute;\r\n  inset-inline-start: 100%;\r\n  top: 0;\r\n  margin-inline-start: 15px;\r\n}\r\n.dda-default-subsubmenu.is-visible {\r\n  display: block;\r\n  padding: 0px 5px;\r\n}\r\n.dda-default-subsubmenu .dda-default-subsubmenu-content {\r\n  max-width: 100%;\r\n  background-color: var(--dda-surface-100);\r\n  border-radius: 5px;\r\n  padding: 10px !important;\r\n  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);\r\n  position: fixed;\r\n  width: 350px;\r\n}\r\n.dda-default-subsubmenu-content ol {\r\n  padding: 0px;\r\n}\r\n\r\n.dda-main-megamenu {\r\n  display: none;\r\n  width: 100%;\r\n  position: fixed;\r\n  inset-inline-start: 0;\r\n}\r\n.dda-megamenu-wrap {\r\n  width: 90vw;\r\n  margin: 0 auto;\r\n  padding-top: 5px;\r\n}\r\n.dda-megamenu-content {\r\n  height: 300px;\r\n  overflow-x: visible;\r\n  overflow-y: auto;\r\n  background: var(--dda-surface-100);\r\n  border-radius: 8px;\r\n  margin: 0 auto;\r\n  padding: 42px 15px;\r\n  box-shadow: 0px 10px 15px -3px rgba(16, 24, 40, 0.1);\r\n  position: relative;\r\n}\r\n\r\n.dda-megamenu-content::-webkit-scrollbar {\r\n  width: 6px;\r\n}\r\n\r\n.dda-megamenu-content::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n\r\n.dda-megamenu-content::-webkit-scrollbar-thumb {\r\n    background: var(--dda-on-primary-98);\r\n}\r\n\r\n.dda-megamenu-content::-webkit-scrollbar-thumb:hover {\r\n    background: var(--dda-on-primary-98);\r\n}\r\n.dda-mega-menu > li:hover .dda-default-submenu,\r\n.dda-mega-menu > li:hover .dda-main-megamenu,\r\n.dda-default-submenu.is-visible,\r\n.dda-main-megamenu.is-visible {\r\n  display: block;\r\n}\r\n.dda-megamenu-content ol {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 0 !important;\r\n}\r\n.dda-megamenu-content .megamemu-sub-title {\r\n  font-size: var(--font-h6);\r\n  font-weight: var(--font-weight-regular);\r\n  padding: 8px 15px 8px 15px;\r\n}\r\n\r\n.dda-megamenu-content .dda-mega-menu-link {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 10px 16px;\r\n  background: var(--dda-surface-100);\r\n  color: var(--dda-on-surface-0);\r\n  border-radius: 8px;\r\n  /* transition: all 500ms ease; */\r\n}\r\n.dda-megamenu-content .dda-mega-menu-link:hover {\r\n  background-color: var(--dda-on-primary-98);\r\n}\r\n.dda-mega-menu-link {\r\n  display: block;\r\n}\r\n\r\n.dda-mega-menu-link .dda-mega-menu-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: var(--dda-on-primary-94);\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-mega-menu-link .text-wrap {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n}\r\n\r\n.dda-mega-menu-link .dda-mega-menu-text {\r\n  display: block;\r\n  font-size: var(--font-body);\r\n  font-weight: var(--font-weight-regular);\r\n}\r\n\r\n.dda-mega-menu-link .dda-mega-menu-desc {\r\n  font-size: var(--font-caption);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-variant-30);\r\n  max-height: 40px;\r\n  overflow: hidden;\r\n}\r\n.dda-mega-menu a:focus-visible {\r\n  outline: solid 2px var(--dda-primary-variant-87) !important;\r\n  outline-offset: 0px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .dda-mega-menu {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-mega-menu > li > a::after {\r\n    transition: all 0.25s ease-in-out;\r\n  }\r\n  .dda-megamenu-content .dda-mega-menu-link {\r\n    transition: all 500ms ease;\r\n  }\r\n}\r\n","import { Component, Host, h, Prop, State, Element, Listen, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-header-menu',\r\n  styleUrls: ['dda-header-menu.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHeaderMenu {\r\n  @Element() el: HTMLElement;\r\n  \r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n\r\n  @Prop() showQuickLinksIcon: boolean;\r\n\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n  \r\n  @Prop() quickLinks: string | Array<{\r\n      headerMenuLabel: string;\r\n      headerMenuId: string;\r\n      description: string;\r\n      url: string;\r\n      quickLinksIcon: string;\r\n      type?: 'dda_default_submenu' | 'dda_main_megamenu';\r\n      children?: any;\r\n  }> = [];  @State() openIndex: number | null = null;\r\n  @State() openSubIndex: number | null = null;\r\n\r\n  get parsedMenuItems() {\r\n    if (typeof this.quickLinks === 'string') {\r\n      try {\r\n        return JSON.parse(this.quickLinks);\r\n      } catch {\r\n        console.warn('Invalid JSON in quickLinks');\r\n        return [];\r\n      }\r\n    }\r\n    return this.quickLinks;\r\n  }\r\n\r\n  handleToggle(index: number, hasSubmenu: boolean, event: Event, item: any) {\r\n    if (hasSubmenu) {\r\n      event.preventDefault();\r\n      this.openIndex = this.openIndex === index ? null : index;\r\n      this.openSubIndex = null;\r\n    }else{\r\n      if(this.useNavigator == \"true\"){\r\n\r\n        this.navigatorClick.emit(item.url)\r\n      }\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    const target = event.target as HTMLElement;\r\n    if (!this.el.contains(target)) {\r\n      this.openIndex = null;\r\n      this.openSubIndex = null;\r\n    }\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Listen('keydown', { target: 'window' })\r\n  handleKeydown(event: KeyboardEvent) {\r\n    if (event.key === 'Escape') {\r\n      this.openIndex = null;\r\n      this.openSubIndex = null;\r\n    }\r\n  }\r\n\r\n  renderDefaultSubmenu(children, isOpen, submenuId, headerMenuLabel) {\r\n    return (\r\n      <div\r\n        class={{\r\n          'dda-default-submenu': true,\r\n          'is-visible': isOpen,\r\n        }}\r\n        id={submenuId}\r\n        aria-label={`${headerMenuLabel} Submenu`}\r\n      >\r\n        <ul>\r\n          {children.map((item, subIndex) => {\r\n            const hasSubSubmenu = item.children && item.children.length > 0;\r\n            const subSubmenuId = `subsubmenu-${submenuId}-${subIndex}`;\r\n            const isSubOpen = this.openSubIndex === subIndex;\r\n\r\n            return (\r\n              <li>\r\n                \r\n\r\n                <a\r\n                  href={this.useNavigator == \"true\" ? 'javascript:void(0)' : item.url}\r\n                  id={item.headerMenuId}\r\n                  aria-haspopup={hasSubSubmenu ? 'true' : undefined}\r\n                  aria-expanded={hasSubSubmenu ? String(isSubOpen) : undefined}\r\n                  aria-controls={hasSubSubmenu ? subSubmenuId : undefined}\r\n                  class={{\r\n                    'has-submenu': hasSubSubmenu,\r\n                    'active': isSubOpen,\r\n                  }}\r\n                  onClick={e => {\r\n                    if (hasSubSubmenu) {\r\n                      e.preventDefault();\r\n                      this.openSubIndex = this.openSubIndex === subIndex ? null : subIndex;\r\n                    }else{\r\n                      if(this.useNavigator == \"true\"){\r\n\r\n                        this.navigatorClick.emit(item.url)\r\n                      }\r\n                    }\r\n                  }}\r\n                >\r\n                  {item.headerMenuLabel}\r\n                </a>\r\n\r\n                {hasSubSubmenu && (\r\n                  <div\r\n                    class={{\r\n                      'dda-default-subsubmenu': true,\r\n                      'is-visible': isSubOpen,\r\n                    }}\r\n                    id={subSubmenuId}\r\n                    aria-label={`${item.headerMenuLabel} Sub Submenu`}\r\n                  >\r\n                    <div class=\"dda-default-subsubmenu-content\">\r\n                      <span class=\"dda-submenu-title\">{item.defaultSubMenuTitle || item.headerMenuLabel}</span>\r\n                      <ul>\r\n                        {item.children.map((subItem, subItemIndex) => (\r\n                          <li>\r\n                            <a\r\n                              // href={subItem.url}\r\n                              href={this.useNavigator == \"true\" ? 'javascript:void(0)' : subItem.url}\r\n                              id={`${subSubmenuId}-${subItemIndex}`}\r\n                              onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(subItem.url) : \"\"}\r\n                            >\r\n                              {subItem.headerMenuLabel}\r\n                            </a>\r\n                          </li>\r\n                        ))}\r\n                      </ul>\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderMegaMenu(children, isOpen, submenuId, headerMenuLabel) {\r\n    return (\r\n      <div\r\n        class={{\r\n          'dda-main-megamenu': true,\r\n          'is-visible': isOpen,\r\n        }}\r\n        id={submenuId}\r\n        aria-label={`${headerMenuLabel} Mega Menu`}\r\n      >\r\n        <div class=\"dda-megamenu-wrap\">\r\n          <div class=\"dda-megamenu-content\">\r\n            <div class=\"dda-row\">\r\n              {children.map((col, colIndex) => (\r\n                <div class=\"dda-col-md-3\" key={`col-${colIndex}`}>\r\n                  {col.title && <h6 aria-label={`${col.title} section`} class=\"megamemu-sub-title\">{col.title}</h6>}\r\n                  <ul>\r\n                    {col.items.map((item, itemIndex) => (\r\n                      <li key={`item-${itemIndex}`}>\r\n                        \r\n                        <a\r\n                          class=\"dda-mega-menu-link\"\r\n                          // href={item.url}\r\n                          href={this.useNavigator == \"true\" ? 'javascript:void(0)' : item.url}\r\n                          onClick={() => this.useNavigator == \"true\"?  this.navigatorClick.emit(item.url) :\"\"}\r\n                        >\r\n                          {this.showQuickLinksIcon ? (\r\n                            <span class=\"dda-mega-menu-icon\" aria-hidden=\"true\">\r\n                              <i class=\"material-icons material-symbols-outlined\">\r\n                                {item.quickLinksIcon ? item.quickLinksIcon : \"sentiment_satisfied\"}\r\n                              </i>\r\n                            </span>\r\n                          ) : \"\"}\r\n                          <span class=\"text-wrap\">\r\n                            <span class=\"dda-mega-menu-text\">{item.headerMenuLabel}</span>\r\n                            {item.description && (\r\n                              <span class=\"dda-mega-menu-desc\">\r\n                                {item.description}\r\n                              </span>\r\n                            )}\r\n                          </span>\r\n                        </a>\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <nav aria-label=\"Main navigation\" class=\"dda-header-menu\">\r\n          <ul class=\"dda-mega-menu\">\r\n            {this.parsedMenuItems.map((item, index) => {\r\n              const isOpen = this.openIndex === index;\r\n              const hasSubmenu = item.children && item.children.length > 0;\r\n              const submenuId = `submenu-${index}`;\r\n              const type = item.type;\r\n\r\n              return (\r\n                <li key={`top-${index}`}>\r\n                  \r\n                  <a\r\n                    // href={item.url}\r\n                    href={this.useNavigator == \"true\" ? 'javascript:void(0)' : item.url}\r\n                    aria-haspopup={hasSubmenu ? 'true' : undefined}\r\n                    aria-expanded={hasSubmenu ? String(isOpen) : undefined}\r\n                    aria-controls={hasSubmenu ? submenuId : undefined}\r\n                    \r\n                    // class={isOpen ? 'active' : ''}\r\n                    class={{\r\n                      'active': item.active === 'true' || isOpen, // from props OR open state\r\n                    }}\r\n\r\n                    onClick={e => this.handleToggle(index, hasSubmenu, e, item)}\r\n                  >\r\n                    {item.headerMenuLabel}\r\n                  </a>\r\n\r\n                  {hasSubmenu && type === 'dda_default_submenu' &&\r\n                    this.renderDefaultSubmenu(item.children, isOpen, submenuId, item.headerMenuLabel)}\r\n\r\n                  {hasSubmenu && type === 'dda_main_megamenu' &&\r\n                    this.renderMegaMenu(item.children, isOpen, submenuId, item.headerMenuLabel)}\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n","import { Component, Prop, h, Host, Event, EventEmitter, Element, State, Method, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaInput {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() placeholder: string;\r\n  @Prop() value: string;\r\n  @Prop() type: string = 'text';\r\n  @Prop() input_role: string = 'text';\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() 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  @Prop() input_name?: string;\r\n  @Prop() required?: boolean = false;\r\n\r\n  @State() internalValue: string = '';\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  @Method()\r\n  async getValue() {\r\n    return this.internalValue || this.value || '';\r\n  }\r\n\r\n  @Watch('value')\r\n  watchValue(newValue: string) {\r\n    this.internalValue = newValue || '';\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.internalValue = val;\r\n    // this.inputChanged.emit(val);\r\n    this.onChanged.emit(val);\r\n  }\r\n\r\n  @Method()\r\n  async reset() {\r\n    this.internalValue = '';\r\n    // this.inputChanged.emit('');\r\n    this.onChanged.emit('');\r\n  }\r\n  \r\n  componentWillLoad() {\r\n    this.internalValue = this.value || '';\r\n  }\r\n  componentDidLoad() {\r\n    // Hide date input placeholder\r\n    if (this.type === 'date') {\r\n      const dateInput = this.el.querySelector('input[type=\"date\"]') as HTMLInputElement;\r\n      if (dateInput) {\r\n        dateInput.style.color = 'transparent';\r\n        dateInput.addEventListener('focus', () => {\r\n          dateInput.style.color = '#000';\r\n        });\r\n        dateInput.addEventListener('blur', () => {\r\n          if (!dateInput.value) {\r\n            dateInput.style.color = 'transparent';\r\n          }\r\n        });\r\n        dateInput.addEventListener('change', () => {\r\n          dateInput.style.color = '#000';\r\n        });\r\n      }\r\n    }\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,\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const describedByIds: string[] = [];\r\n    if (this.helper_text) describedByIds.push(`${this.validation_id}-helper`);\r\n    if (this.validation_type === 'error' && this.error_message) describedByIds.push(`${this.validation_id}-error`);\r\n\r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <input\r\n            id={this.input_id}\r\n            name={this.input_name}\r\n            class={`dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}`}\r\n            type={this.type}\r\n            role={this.input_role}\r\n            placeholder={this.placeholder}\r\n            value={this.internalValue}\r\n            aria-required={this.required ? 'true' : undefined}\r\n            aria-invalid={this.validation_type === 'error' ? 'true' : 'false'}\r\n            aria-describedby={`${this.input_id}-label`}\r\n            aria-label={!this.label ? this.aria_label : undefined}\r\n            onInput={event => {\r\n              this.internalValue = (event.target as HTMLInputElement).value;\r\n              this.inputChanged.emit(event);\r\n              this.onChanged.emit((event.target as HTMLInputElement).value);\r\n              this.el.dispatchEvent(\r\n                new InputEvent('input', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  data: event.data,\r\n                  inputType: event.inputType,\r\n                  isComposing: event.isComposing,\r\n                }),\r\n              );\r\n            }}\r\n            onBlur={event => {\r\n              const value = (event.target as HTMLInputElement).value.trim();\r\n              this.inputBlurred.emit({ name: this.input_name, value });\r\n              this.onBlurred.emit(value);\r\n              this.el.dispatchEvent(\r\n                new FocusEvent('blur', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  relatedTarget: event.relatedTarget,\r\n                }),\r\n              );\r\n            }}\r\n            onFocus={(event: FocusEvent) => {\r\n              this.el.dispatchEvent(\r\n                new FocusEvent('focus', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  relatedTarget: event.relatedTarget,\r\n                }),\r\n              );\r\n            }}\r\n            onKeyDown={(event: KeyboardEvent) => {\r\n              this.el.dispatchEvent(\r\n                new KeyboardEvent('keydown', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  key: event.key,\r\n                  code: event.code,\r\n                  ctrlKey: event.ctrlKey,\r\n                  shiftKey: event.shiftKey,\r\n                  altKey: event.altKey,\r\n                  metaKey: event.metaKey,\r\n                  repeat: event.repeat,\r\n                }),\r\n              );\r\n            }}\r\n          />\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",".dda-radio-container {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n.dda-radio-container input[type=\"radio\"]{\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  opacity: 0;\r\n}\r\n.dda-radio-container label {\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n}\r\n.dda-radio-container .radio-circle{\r\n  display: inline-block;\r\n  margin-top: 2px;\r\n  background: var(--dda-neutral-100);\r\n  border-radius: 50px;\r\n  box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.light-mode.dda-radio-container .radio-circle{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-container input[type=\"radio\"]:checked~label .radio-circle{\r\n  background: var(--dda-color-primary-40);\r\n  box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset;\r\n}\r\n.light-mode.dda-radio-container input[type=\"radio\"]:checked~label .radio-circle{\r\n  background: var(--dda-primary-40);\r\n  box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset;\r\n}\r\n.dda-radio-container input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n  background: var(--dda-color-primary-40);\r\n  box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-radio-container input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n  background: var(--dda-primary-40);\r\n  box-shadow: 0px 0px 0px 2px var(--dda-primary-40) inset, 0px 0px 0px 5px var(--dda-primary-95) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n.dda-radio-outlined .radio-circle{\r\n  background: var(--dda-neutral-100);\r\n  box-shadow: 0px 0px 0px 2px var(--dda-surface-90) inset;\r\n}\r\n.light-mode.dda-radio-outlined .radio-circle{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset;\r\n}\r\n.dda-radio-outlined input[type=\"radio\"]:checked~label .radio-circle{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-surface-100) inset;\r\n}\r\n.dda-radio-outlined input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-color-primary-40) inset, 0px 0px 0px 5px var(--dda-surface-100) inset, 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n\r\n.dda-radio-faded .radio-circle{\r\n  background: var(--dda-neutral-90);\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-faded input[type=\"radio\"]:checked~label .radio-circle{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n.dda-radio-faded input[type=\"radio\"]:checked:focus-within~label .radio-circle{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset, 0px 0px 0px 3px #F2F4F3;\r\n\r\n}\r\n\r\n\r\n.dda-radio-small .radio-circle{\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n.dda-radio-default .radio-circle{\r\n  width: 21px;\r\n  height: 21px;\r\n}\r\n\r\n.dda-radio-container label p{\r\n  margin: 0px;\r\n}\r\n.radio-title {\r\n  font-size: var(--font-body);\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--font-weight-regular);\r\n  display: block;\r\n}\r\n.light-mode .radio-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.dda-radio-lg label .radio-title{\r\n  font-size: var(--dda-fs-title-sm);\r\n}\r\n.radio-supporting {\r\n  display: block;\r\n  font-size: var(--font-small);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-radio-container .radio-error-message{\r\n  display: block;\r\n  font-size: var(--font-small);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-color-error-40);\r\n}\r\n.light-mode .radio-supporting {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-radio-lg label .radio-supporting{\r\n  font-size: var(--font-caption);\r\n}\r\n\r\n.dda-radio-disabled{\r\n  pointer-events: none;\r\n}\r\n.dda-radio-container.dda-radio-disabled .radio-circle{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-90) inset, 0px 0px 0px 5px var(--dda-neutral-100) inset;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { Component, Prop, h, Host, Event, EventEmitter, } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-radiobutton',\r\n  styleUrls: ['dda-radiobutton.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaRadiobutton {\r\n  @Prop() title_text: string;\r\n  @Prop() supporting?: string;\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\r\n  @Prop() radio_status?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() variants?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() contrast_noraml_text?: string;\r\n\r\n  // Emits event to parent component\r\n  @Event() radioChange: EventEmitter<{ checked: boolean; input_id: string }>;\r\n  @Event() onChanged: EventEmitter<{ checked: boolean; input_id: string }>;\r\n\r\n\r\n  private handleChange = (_e: Event) => {\r\n    this.checked = true;\r\n    this.radioChange.emit({ checked: this.checked, input_id: this.input_id });\r\n    this.onChanged.emit({ checked: this.checked, input_id: this.input_id });\r\n  };\r\n\r\n  render() {\r\n    const radiobuttonClass = [\r\n      'dda-radio-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-radio-${this.size}` : '',\r\n      this.variants ? `dda-radio-${this.variants}` : '',\r\n      this.custom_class ? `dda-radio-${this.custom_class}` : '',\r\n      this.radio_status ? `dda-radio-${this.radio_status}` : '',\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={radiobuttonClass}>\r\n          <input\r\n            type=\"radio\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            aria-label={this.aria_label}\r\n            checked={this.checked}\r\n            disabled={this.radio_status === 'disabled'}\r\n            onChange={this.handleChange}\r\n          />\r\n          <label htmlFor={this.input_id}>\r\n            <span class=\"radio-circle\"></span>\r\n            <p>\r\n              <span class=\"radio-title\">{this.title_text}</span>\r\n              {this.validation_type === 'error' && this.error_message ? (\r\n                <span class=\"radio-error-message\" id={this.validation_id}>\r\n                  {this.error_message}\r\n                </span>\r\n              ) : (\r\n                this.supporting && (\r\n                  <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                    {this.supporting}\r\n                  </span>\r\n                )\r\n              )}\r\n            </p>\r\n          </label>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-207203ae.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as d,H as e}from"./p-1b339a0a.js";const i=".dda-tabs-container{display:inline-flex;gap:1px}.dda-tab-item{min-height:48px;background:transparent;display:inline-flex;font-size:var(--font-body);color:var(--dda-on-surface-0);font-weight:var(--font-weight-regular);gap:8px;align-items:center;border:0;border-radius:8px;padding:5px 16px;cursor:pointer;position:relative;}.light-mode .dda-tab-item{color:var(--dda-neutral-0)}.dda-tab-item i{font-size:22px;color:var(--dda-neutral-variant-30)}.dda-tab-default .dda-tab-item.active,.dda-tab-default .dda-tab-item:hover{background:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40)}.light-mode.dda-tab-default .dda-tab-item.active,.light-mode.dda-tab-default .dda-tab-item:hover{color:var(--dda-primary-40)}.dda-tab-default .dda-tab-item.active i,.dda-tab-default .dda-tab-item:hover i{color:var(--dda-color-primary-40)}.dda-tab-filed .dda-tab-item.active,.dda-tab-filed .dda-tab-item:hover{background:var(--dda-color-primary-40);color:var(--dda-neutral-100)}.light-mode.dda-tab-filed .dda-tab-item.active,.light-mode.dda-tab-filed .dda-tab-item:hover{background:var(--dda-primary-40)}.dda-tab-filed .dda-tab-item.active i,.dda-tab-filed .dda-tab-item:hover i{color:var(--dda-neutral-100)}.dda-tab-underline .dda-tab-item{border-bottom:solid 1px var(--dda-neutral-90);border-radius:0px}.dda-tab-underline .dda-tab-item::after,.dda-tab-underline-filled .dda-tab-item::after{content:\"\";position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;transform:translateX(-50%);}.light-mode.dda-tab-underline .dda-tab-item::after,.light-mode.dda-tab-underline-filled .dda-tab-item::after{background-color:var(--dda-primary-40)}.dda-tab-underline .dda-tab-item:hover::after,.dda-tab-underline .dda-tab-item.active::after,.dda-tab-underline-filled .dda-tab-item:hover::after,.dda-tab-underline-filled .dda-tab-item.active::after{width:calc(100% - 32px)}.dda-tab-underline .dda-tab-item.active,.dda-tab-underline .dda-tab-item.active i,.dda-tab-underline-filled .dda-tab-item.active,.dda-tab-underline-filled .dda-tab-item.active i,.dda-tab-underline .dda-tab-item:hover,.dda-tab-underline .dda-tab-item:hover i,.dda-tab-underline-filled .dda-tab-item:hover,.dda-tab-underline-filled .dda-tab-item:hover i{color:var(--dda-color-primary-40)}.light-mode.dda-tab-underline .dda-tab-item.active,.light-mode.dda-tab-underline .dda-tab-item.active i,.light-mode.dda-tab-underline-filled .dda-tab-item.active,.light-mode.dda-tab-underline-filled .dda-tab-item.active i,.light-mode.dda-tab-underline .dda-tab-item:hover,.light-mode.dda-tab-underline .dda-tab-item:hover i,.light-mode.dda-tab-underline-filled .dda-tab-item:hover,.light-mode.dda-tab-underline-filled .dda-tab-item:hover i{color:var(--dda-primary-40)}.dda-tab-underline-filled .dda-tab-item.active,.dda-tab-underline-filled .dda-tab-item:hover{background:var(--dda-neutral-variant-94)}.dda-tabs-container.dda-vertical-tab{display:flex;flex-direction:column;gap:2px}.dda-tabs-container.dda-vertical-tab button{width:100%;text-align:start}.dda-tab-underline.dda-vertical-tab .dda-tab-item::after,.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item::after{top:50%;inset-inline-start:0;width:4px;height:0;border-radius:0px 8px 8px 0px;transform:translateY(-50%)}:root[dir='rtl'] .dda-tab-underline.dda-vertical-tab .dda-tab-item::after,:root[dir='rtl'] .dda-tab-underline-filled.dda-vertical-tab .dda-tab-item::after{border-radius:8px 0px 0px 8px}.dda-tab-underline.dda-vertical-tab .dda-tab-item:hover::after,.dda-tab-underline.dda-vertical-tab .dda-tab-item.active::after,.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item:hover::after,.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item.active::after{height:calc(100% - 14px)}@media (prefers-reduced-motion: no-preference){.dda-tab-item{transition:all 0.25s ease-in-out}.dda-tab-underline .dda-tab-item::after,.dda-tab-underline-filled .dda-tab-item::after{transition:all 0.25s ease-in-out}}";const r=i;const n=class{constructor(d){a(this,d);this.tabClick=t(this,"tabClick",7);this.type="text";this.hover_style="dda-tab-default";this.border_bottom=false;this.custom_class="";this.button_ids='["tab-btn-1", "tab-btn-2", "tab-btn-3"]';this.tab_texts='["Tab 1", "Tab 2", "Tab 3"]';this.tab_icons='["sentiment_satisfied", "sentiment_satisfied", "sentiment_satisfied"]';this.tab_type="dda-horizontal-tab";this.button_values='["", "", ""]';this.active_tab=0}get parsedButtonValues(){try{return JSON.parse(this.button_values)}catch(a){console.error("Error parsing button_values:",a);return["","",""]}}get parsedTabs(){try{return JSON.parse(this.tab_texts)}catch(a){console.error("Error parsing tab_texts:",a);return["Tab 1","Tab 2","Tab 3"]}}get parsedIcons(){try{return JSON.parse(this.tab_icons)}catch(a){console.error("Error parsing tabicons:",a);return["sentiment_satisfied","sentiment_satisfied","sentiment_satisfied"]}}get parsedButtonIds(){try{return JSON.parse(this.button_ids)}catch(a){console.error("Error parsing button_ids:",a);return["tab-btn-1","tab-btn-2","tab-btn-3"]}}setActiveTab(a){this.active_tab=a;this.tabClick.emit(a)}render(){return d(e,{key:"0efe1c91e591dc0a7a8f2924a5b39cd48a905ab4"},d("div",{key:"c82c3e4f31765534c5f797682fe0097202a11a84",role:"tablist","aria-label":"Tab Navigation",class:`dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode} ${this.tab_type}`},this.parsedTabs.map(((a,t)=>d("button",{id:this.parsedButtonIds[t]||`tab-btn-${t+1}`,name:this.button_name,"aria-label":a,type:"button",value:this.parsedButtonValues[t]||"",class:`dda-tab-item ${this.active_tab===t?"active":""}`,role:"tab","aria-selected":this.active_tab===t?"true":"false","aria-controls":`tab-btn-${t+1}`,onClick:()=>this.setActiveTab(t)},this.type==="text-icon"&&d("i",{class:`material-icons`,"aria-hidden":"true"},this.parsedIcons[t]||""),d("span",null,a))))))}};n.style=r;export{n as dda_tabs};
-//# sourceMappingURL=p-207203ae.entry.js.map

package/www/build/p-207203ae.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaTabsCss","DdaTabsStyle0","DdaTabs","constructor","hostRef","this","type","hover_style","border_bottom","custom_class","button_ids","tab_texts","tab_icons","tab_type","button_values","active_tab","parsedButtonValues","JSON","parse","error","console","parsedTabs","parsedIcons","parsedButtonIds","setActiveTab","index","tabClick","emit","render","h","Host","key","role","class","component_mode","map","title","id","name","button_name","value","onClick"],"sources":["src/components/dda-tabs/dda-tabs.css?tag=dda-tabs","src/components/dda-tabs/dda-tabs.tsx"],"sourcesContent":[".dda-tabs-container {\r\n  display: inline-flex;\r\n  gap:1px;\r\n}\r\n\r\n.dda-tab-item {\r\n  min-height: 48px;\r\n  background: transparent;\r\n  display: inline-flex;\r\n  font-size: var(--font-body);\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--font-weight-regular);\r\n  gap: 8px;\r\n  align-items: center;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  padding: 5px 16px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  /* transition: all 0.25s ease-in-out; */\r\n}\r\n\r\n.light-mode .dda-tab-item{\r\n  color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-tab-item i {\r\n  font-size: 22px;\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n/* .dda-tab-item.active span,\r\n.dda-tab-item:hover span {\r\n  font-weight: var(--dda-fw-500);\r\n} */\r\n\r\n.dda-tab-default .dda-tab-item.active,\r\n.dda-tab-default .dda-tab-item:hover {\r\n  background: var(--dda-neutral-variant-94);\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.light-mode.dda-tab-default .dda-tab-item.active,\r\n.light-mode.dda-tab-default .dda-tab-item:hover {\r\n  color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-tab-default .dda-tab-item.active i,\r\n.dda-tab-default .dda-tab-item:hover i {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-tab-filed .dda-tab-item.active,\r\n.dda-tab-filed .dda-tab-item:hover {\r\n  background: var(--dda-color-primary-40);\r\n  color: var(--dda-neutral-100);\r\n}\r\n\r\n.light-mode.dda-tab-filed .dda-tab-item.active,\r\n.light-mode.dda-tab-filed .dda-tab-item:hover {\r\n  background: var(--dda-primary-40);\r\n}\r\n\r\n.dda-tab-filed .dda-tab-item.active i,\r\n.dda-tab-filed .dda-tab-item:hover i {\r\n  color: var(--dda-neutral-100);\r\n}\r\n\r\n.dda-tab-underline .dda-tab-item {\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n\r\n.dda-tab-underline .dda-tab-item::after,\r\n.dda-tab-underline-filled .dda-tab-item::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 0;\r\n  height: 4px;\r\n  background-color: var(--dda-color-primary-40);\r\n  border-radius: 8px 8px 0px 0px;\r\n  transform: translateX(-50%);\r\n  /* transition: all 0.25s ease-in-out; */\r\n}\r\n.light-mode.dda-tab-underline .dda-tab-item::after,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item::after{\r\n  background-color: var(--dda-primary-40);\r\n}\r\n.dda-tab-underline .dda-tab-item:hover::after,\r\n.dda-tab-underline .dda-tab-item.active::after,\r\n.dda-tab-underline-filled .dda-tab-item:hover::after,\r\n.dda-tab-underline-filled .dda-tab-item.active::after{\r\n  width: calc(100% - 32px);\r\n}\r\n\r\n.dda-tab-underline .dda-tab-item.active,\r\n.dda-tab-underline .dda-tab-item.active i,\r\n.dda-tab-underline-filled .dda-tab-item.active,\r\n.dda-tab-underline-filled .dda-tab-item.active i,\r\n.dda-tab-underline .dda-tab-item:hover,\r\n.dda-tab-underline .dda-tab-item:hover i,\r\n.dda-tab-underline-filled .dda-tab-item:hover,\r\n.dda-tab-underline-filled .dda-tab-item:hover i {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.light-mode.dda-tab-underline .dda-tab-item.active,\r\n.light-mode.dda-tab-underline .dda-tab-item.active i,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item.active,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item.active i,\r\n.light-mode.dda-tab-underline .dda-tab-item:hover,\r\n.light-mode.dda-tab-underline .dda-tab-item:hover i,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item:hover,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item:hover i {\r\n  color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-tab-underline-filled .dda-tab-item.active,\r\n.dda-tab-underline-filled .dda-tab-item:hover {\r\n  background: var(--dda-neutral-variant-94);\r\n}\r\n\r\n.dda-tabs-container.dda-vertical-tab{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n.dda-tabs-container.dda-vertical-tab button{\r\n  width: 100%;\r\n  text-align: start;\r\n}\r\n\r\n\r\n.dda-tab-underline.dda-vertical-tab .dda-tab-item::after,\r\n.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item::after {\r\n  top: 50%;\r\n  inset-inline-start: 0;\r\n  width: 4px;\r\n  height: 0;\r\n  border-radius: 0px 8px 8px 0px;\r\n  transform: translateY(-50%);\r\n}\r\n:root[dir='rtl'] .dda-tab-underline.dda-vertical-tab .dda-tab-item::after,\r\n:root[dir='rtl'] .dda-tab-underline-filled.dda-vertical-tab .dda-tab-item::after{\r\n  border-radius: 8px 0px 0px 8px;\r\n}\r\n.dda-tab-underline.dda-vertical-tab .dda-tab-item:hover::after,\r\n.dda-tab-underline.dda-vertical-tab .dda-tab-item.active::after,\r\n.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item:hover::after,\r\n.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item.active::after {\r\n  height: calc(100% - 14px);\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-tab-item {\r\n    transition: all 0.25s ease-in-out;\r\n  }\r\n  .dda-tab-underline .dda-tab-item::after,\r\n  .dda-tab-underline-filled .dda-tab-item::after {\r\n    transition: all 0.25s ease-in-out;\r\n  }\r\n}","import { Component, Prop, State, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-tabs',\r\n  styleUrls: ['dda-tabs.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTabs {\r\n  @Prop() type: 'text' | 'text-icon' = 'text';\r\n  @Prop() hover_style: 'dda-tab-default' | 'dda-tab-filed' | 'dda-tab-underline' | 'dda-tab-underline-filled' = 'dda-tab-default';\r\n  @Prop() border_bottom: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_ids: string = '[\"tab-btn-1\", \"tab-btn-2\", \"tab-btn-3\"]'; // New prop for dynamic button IDs\r\n  @Prop() tab_value: string;\r\n  @Prop() tab_texts: string = '[\"Tab 1\", \"Tab 2\", \"Tab 3\"]'; // Keep it as a string\r\n  @Prop() tab_icons: string = '[\"sentiment_satisfied\", \"sentiment_satisfied\", \"sentiment_satisfied\"]';\r\n  @Prop() button_name: string;\r\n  @Prop() tab_type: 'dda-horizontal-tab' | 'dda-vertical-tab' = 'dda-horizontal-tab';\r\n  @Event() tabClick: EventEmitter<number>;\r\n\r\n  @Prop() button_values: string = '[\"\", \"\", \"\"]';\r\n\r\n  // private tabhandler = (index) => {\r\n  //   this.tabClick.emit(index);\r\n  // };\r\n\r\n  @State() active_tab: number = 0;\r\n\r\n  get parsedButtonValues() {\r\n    try {\r\n      return JSON.parse(this.button_values);\r\n    } catch (error) {\r\n      console.error('Error parsing button_values:', error);\r\n      return ['', '', ''];\r\n    }\r\n  }\r\n\r\n  get parsedTabs() {\r\n    try {\r\n      return JSON.parse(this.tab_texts); // Parse the string into an array\r\n    } catch (error) {\r\n      console.error('Error parsing tab_texts:', error);\r\n      return ['Tab 1', 'Tab 2', 'Tab 3']; // Fallback to default\r\n    }\r\n  }\r\n\r\n  get parsedIcons() {\r\n    try {\r\n      return JSON.parse(this.tab_icons); // Parse the string into an array\r\n    } catch (error) {\r\n      console.error('Error parsing tabicons:', error);\r\n      return ['sentiment_satisfied', 'sentiment_satisfied', 'sentiment_satisfied']; // Fallback to default\r\n    }\r\n  }\r\n\r\n  get parsedButtonIds() {\r\n    try {\r\n      return JSON.parse(this.button_ids);\r\n    } catch (error) {\r\n      console.error('Error parsing button_ids:', error);\r\n      return ['tab-btn-1', 'tab-btn-2', 'tab-btn-3'];\r\n    }\r\n  }\r\n\r\n  // setActiveTab(index: number) {\r\n  //   this.active_tab = index;\r\n  //   if (this.tabClick) {\r\n  //     this.tabhandler(index);\r\n  //   }\r\n  // }\r\n  setActiveTab(index: number) {\r\n    this.active_tab = index;\r\n    this.tabClick.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div role=\"tablist\" aria-label=\"Tab Navigation\" class={`dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode} ${this.tab_type}`}>\r\n          {this.parsedTabs.map((title, index) => (\r\n            <button\r\n              id={this.parsedButtonIds[index] || `tab-btn-${index + 1}`}\r\n              name={this.button_name}\r\n              aria-label={title}\r\n              type=\"button\"\r\n              value={this.parsedButtonValues[index] || ''}\r\n              class={`dda-tab-item ${this.active_tab === index ? 'active' : ''}`}\r\n              role=\"tab\"\r\n              aria-selected={this.active_tab === index ? 'true' : 'false'}\r\n              aria-controls={`tab-btn-${index + 1}`}\r\n              onClick={() => this.setActiveTab(index)}\r\n            >\r\n              {this.type === 'text-icon' && (\r\n                <i class={`material-icons`} aria-hidden=\"true\">\r\n                  {this.parsedIcons[index] || ''}\r\n                </i>\r\n              )}\r\n              <span>{title}</span>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAa,o5HACnB,MAAAC,EAAeD,E,MCMFE,EAAO,MALpB,WAAAC,CAAAC,G,6CAMUC,KAAAC,KAA6B,OAC7BD,KAAAE,YAAsG,kBACtGF,KAAAG,cAAyB,MACzBH,KAAAI,aAAwB,GAExBJ,KAAAK,WAAqB,0CAErBL,KAAAM,UAAoB,8BACpBN,KAAAO,UAAoB,wEAEpBP,KAAAQ,SAAsD,qBAGtDR,KAAAS,cAAwB,eAMvBT,KAAAU,WAAqB,C,CAE9B,sBAAIC,GACF,IACE,OAAOC,KAAKC,MAAMb,KAAKS,c,CACvB,MAAOK,GACPC,QAAQD,MAAM,+BAAgCA,GAC9C,MAAO,CAAC,GAAI,GAAI,G,EAIpB,cAAIE,GACF,IACE,OAAOJ,KAAKC,MAAMb,KAAKM,U,CACvB,MAAOQ,GACPC,QAAQD,MAAM,2BAA4BA,GAC1C,MAAO,CAAC,QAAS,QAAS,Q,EAI9B,eAAIG,GACF,IACE,OAAOL,KAAKC,MAAMb,KAAKO,U,CACvB,MAAOO,GACPC,QAAQD,MAAM,0BAA2BA,GACzC,MAAO,CAAC,sBAAuB,sBAAuB,sB,EAI1D,mBAAII,GACF,IACE,OAAON,KAAKC,MAAMb,KAAKK,W,CACvB,MAAOS,GACPC,QAAQD,MAAM,4BAA6BA,GAC3C,MAAO,CAAC,YAAa,YAAa,Y,EAUtC,YAAAK,CAAaC,GACXpB,KAAKU,WAAaU,EAClBpB,KAAKqB,SAASC,KAAKF,E,CAGrB,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,UAAS,aAAY,iBAAiBC,MAAO,sBAAsB5B,KAAKE,eAAeF,KAAKI,gBAAgBJ,KAAK6B,kBAAkB7B,KAAKQ,YAC/IR,KAAKgB,WAAWc,KAAI,CAACC,EAAOX,IAC3BI,EAAA,UACEQ,GAAIhC,KAAKkB,gBAAgBE,IAAU,WAAWA,EAAQ,IACtDa,KAAMjC,KAAKkC,YAAW,aACVH,EACZ9B,KAAK,SACLkC,MAAOnC,KAAKW,mBAAmBS,IAAU,GACzCQ,MAAO,gBAAgB5B,KAAKU,aAAeU,EAAQ,SAAW,KAC9DO,KAAK,MAAK,gBACK3B,KAAKU,aAAeU,EAAQ,OAAS,QAAO,gBAC5C,WAAWA,EAAQ,IAClCgB,QAAS,IAAMpC,KAAKmB,aAAaC,IAEhCpB,KAAKC,OAAS,aACbuB,EAAA,KAAGI,MAAO,iBAAgB,cAAc,QACrC5B,KAAKiB,YAAYG,IAAU,IAGhCI,EAAA,YAAOO,O","ignoreList":[]}

package/www/build/p-24489bc6.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as d}from"./p-1b339a0a.js";const r=".dda-team-member-card{padding:24px 32px;display:flex;flex-direction:column;gap:24px}.dda-team-member-card-header{display:flex}.dda-team-member-card-header svg path{fill:var(--dda-on-surface-0)}.light-mode .dda-team-member-card-header svg path{fill:var(--dda-neutral-0)}.dda-team-member-card-image{display:block;margin:0 auto;width:93px;height:93px;border-radius:50%}.dda-team-member-card-position{color:#666}.dda-team-member-card-body{display:flex}.dda-team-member-card.dda-team-member-card-blue{background:var(--dda-neutral-variant-92)}.dda-team-member-card-blue .dda-team-member-card-header i,.dda-team-member-card-blue .card-balance-label,.dda-team-member-card-blue .card-balance,.dda-team-member-card-blue .dda-card-name,.dda-team-member-card-blue .dda-card-number{color:var(--dda-neutral-100)}.dda-team-member-card-blue .dda-team-member-card-header svg path{fill:var(--dda-neutral-100)}";const m=r;const c=class{constructor(e){a(this,e);this.custom_class=""}render(){const a=["dda-team-member-card dda-card",this.design?`dda-team-member-card-${this.design}`:"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return e(d,{key:"2ce39741286a1ac743abeca90aa11324c17cc5a7"},e("div",{key:"857427c233a6edc4b6600648d882a21473c881ee",class:a},e("img",{key:"19bfb7efe0aff1fc6dfac5ae4f7b3e442b2720fe",class:"dda-team-member-card-image",src:this.image_src,alt:this.image_alt}),e("div",{key:"f9c1a85b02eefd9559eb883de1e7166e03a315f7",class:"dda-text-center gap-xl "},e("h5",{key:"910f6376c151618640ba0f5254362b6a73c31da6",class:"h5 Regular"},this.team_member_name),e("p",{key:"8b7e50a6bff58ce2c2d117dd499d78533ba64734",class:"body Regular dda-team-member-card-position"},this.team_member_position),e("slot",{key:"fcd40481949e024d882238ea194ccc99df6dc46b"}))))}};c.style=m;export{c as dda_team_member_card};
-//# sourceMappingURL=p-24489bc6.entry.js.map

package/www/build/p-24489bc6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaTeamMemberCardCss","DdaTeamMemberCardStyle0","DdaTeamMemberCard","constructor","hostRef","this","custom_class","render","cardClass","design","component_mode","filter","Boolean","join","h","Host","key","class","src","image_src","alt","image_alt","team_member_name","team_member_position"],"sources":["src/components/cards/dda-team-member-card/dda-team-member-card.css?tag=dda-team-member-card","src/components/cards/dda-team-member-card/dda-team-member-card.tsx"],"sourcesContent":[".dda-team-member-card{\r\n  padding: 24px 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.dda-team-member-card-header{\r\n  display: flex;\r\n}\r\n.dda-team-member-card-header svg path{\r\n  fill: var(--dda-on-surface-0);\r\n}\r\n.light-mode .dda-team-member-card-header svg path{\r\n  fill: var(--dda-neutral-0);\r\n}\r\n.dda-team-member-card-image {\r\n  display: block;\r\n  margin: 0 auto;\r\n  width: 93px;\r\n  height: 93px;\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n\r\n.dda-team-member-card-position {\r\n  color: #666;\r\n}\r\n\r\n.dda-team-member-card-body{\r\n  display: flex;\r\n}\r\n.dda-team-member-card.dda-team-member-card-blue{\r\n  background: var(--dda-neutral-variant-92);\r\n}\r\n\r\n.dda-team-member-card-blue .dda-team-member-card-header i,\r\n.dda-team-member-card-blue .card-balance-label,\r\n.dda-team-member-card-blue .card-balance,\r\n.dda-team-member-card-blue .dda-card-name,\r\n.dda-team-member-card-blue .dda-card-number{\r\n  color: var(--dda-neutral-100);\r\n}\r\n.dda-team-member-card-blue .dda-team-member-card-header svg path{\r\n  fill: var(--dda-neutral-100);\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-team-member-card',\r\n  styleUrls: ['dda-team-member-card.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTeamMemberCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() team_member_name: string;\r\n  @Prop() team_member_position: string;\r\n  @Prop() design: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-team-member-card dda-card',\r\n      this.design ? `dda-team-member-card-${this.design}` : '',\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={cardClass}>\r\n          <img class=\"dda-team-member-card-image\" src={this.image_src} alt={this.image_alt}/>\r\n          <div class=\"dda-text-center gap-xl \">\r\n            <h5 class=\"h5 Regular\">{this.team_member_name}</h5>\r\n            <p class=\"body Regular dda-team-member-card-position\">{this.team_member_position}</p>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAuB,83BAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,MAL9B,WAAAC,CAAAC,G,UAWUC,KAAAC,aAAwB,E,CAGhC,MAAAC,GACE,MAAMC,EAAY,CAChB,gCACAH,KAAKI,OAAS,wBAAwBJ,KAAKI,SAAW,GACtDJ,KAAKC,aAAe,GAAGD,KAAKC,eAAiB,GAC7CD,KAAKK,gBACLC,OAAOC,SAASC,KAAK,KAEvB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOT,GACVM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BAA6BC,IAAKb,KAAKc,UAAWC,IAAKf,KAAKgB,YACvEP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,cAAcZ,KAAKiB,kBAC7BR,EAAA,KAAAE,IAAA,2CAAGC,MAAM,8CAA8CZ,KAAKkB,sBAC5DT,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/www/build/p-24da4601.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as a}from"./p-1b339a0a.js";const h=class{constructor(e){t(this,e);this.selectChanged=s(this,"selectChanged",7);this.onChanged=s(this,"onChanged",7);this.selectBlurred=s(this,"selectBlurred",7);this.onBlurred=s(this,"onBlurred",7);this.disabled=false;this.validation_id="text";this.custom_class="";this.placeholder="";this.main_aria_label="";this.input_name="";this.is_open=false;this.handleClickOutside=t=>{if(this.is_open&&!this.el.contains(t.target)){this.is_open=false}};this.handleBlur=()=>{this.selectBlurred.emit({name:this.input_name||this.button_id,value:this.selectedText||""});this.onBlurred.emit(this.selectedId);this.el.dispatchEvent(new FocusEvent("blur",{bubbles:true,composed:true}))}}get parsedOptions(){try{return JSON.parse(this.options)}catch(t){return[]}}componentWillLoad(){const t=this.parsedOptions.find((t=>t.id.toString()===this.selected||t.text===this.selected));if(t){this.selectedId=t.id;this.selectedText=t.text}if(this.selected){this.watchSelected(this.selected)}}toggleSelect(){if(!this.disabled){this.is_open=!this.is_open}}selectOption(t){if(!this.disabled){this.selectedId=t.id;this.selectedText=t.text;this.is_open=false;this.selectChanged.emit(t);this.onChanged.emit(t.id);this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true,data:t.id,inputType:"select"}))}}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}async setSelected(t){const s=this.parsedOptions.find((s=>s.id.toString()===t.toString()||s.text===t));if(s){this.selectedId=s.id;this.selectedText=s.text;this.selected=s.id.toString()}else{this.selectedId=undefined;this.selectedText="";this.selected=""}}async setValue(t){const s=this.parsedOptions.find((s=>s.id.toString()===t.toString()||s.text===t));if(s){this.selectedId=s.id;this.selectedText=s.text;this.selected=s.id.toString()}else{this.selectedId=undefined;this.selectedText="";this.selected=""}}async getSelectedText(){return this.selectedText}async getValue(){return this.selectedText||""}watchSelected(t){const s=this.parsedOptions.find((s=>s.id.toString()===t||s.text===t));if(s){this.selectedId=s.id;this.selectedText=s.text}else{this.selectedId=undefined;this.selectedText=""}}numberToWord(t){const s=["One","Two","Three","Four","Five"];return s[t-1]||t.toString()}render(){const t=`${this.button_id}-label`;const s=`${this.button_id}-value`;return e(i,{key:"ecf43cd602ef0f98974d1c76cfd50ac7357b6a08"},e("div",{key:"4c15c3048ad62d235b7259cbf3f39921909ce5e5",class:`\n            dda-input-container ${this.custom_class} \n            ${this.component_mode} \n            ${this.disabled?"dda-input-disabled":""} \n            dda-input-size-${this.size} dda-validation-${this.validation_type}\n          `},this.label&&e("span",{key:"e58cda1941ef732a951dc06f7c01f7d904a1c8c3",id:t,class:"dda-input-label"},this.label),e("div",{key:"6885ef524717d3b8f9850b3995f56ae5194e748a",class:"dda-dropdown-container"},e("button",{key:"a4e6e30acdf55e12aa4742f9dc824c9e1eec0b57",name:this.toggle_button_name,id:this.button_id,type:"button",class:"dda-input-field dda-select-header","aria-labelledby":`${t} ${this.button_id}`,disabled:this.disabled,onClick:()=>this.toggleSelect(),onBlur:this.handleBlur},e("span",{key:"8f67e50593affdb2b558200091c2aecd53e9c387",id:s,class:"dda-select-button-label"},this.selectedText||this.placeholder),e("i",{key:"423ca7dcd2b51118ffa5e5cddaa86d05ae981e5d",class:"material-icons","aria-hidden":"true"},this.is_open?"keyboard_arrow_up":"keyboard_arrow_down")),this.is_open&&e("div",{key:"ffcefb669f4400f26ffff871092cf22ac977a2d4",class:"dda-input-dropdown-list dda-select-list"},this.parsedOptions.length>0?this.parsedOptions.map(((t,s)=>e("button",{name:`option${this.numberToWord(s+1)}`,type:"button",class:`dda-input-dropdown-item ${this.selectedId===t.id?"selected":""}`,role:"option","aria-selected":this.selectedId===t.id?"true":"false",onClick:()=>this.selectOption(t)},t.text))):e("div",{class:"dda-input-dropdown-item"},"No options available"))),this.validation_type==="error"&&this.error_message?e("span",{class:"dda-error-message",id:this.validation_id,role:"alert"},this.error_message):this.helper_text&&e("span",{class:"dda-helper-text",id:this.validation_id},this.helper_text)))}get el(){return a(this)}static get watchers(){return{selected:["watchSelected"]}}};export{h as dda_select};
-//# sourceMappingURL=p-24da4601.entry.js.map

package/www/build/p-24da4601.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Ddaselect","constructor","hostRef","this","disabled","validation_id","custom_class","placeholder","main_aria_label","input_name","is_open","handleClickOutside","event","el","contains","target","handleBlur","selectBlurred","emit","name","button_id","value","selectedText","onBlurred","selectedId","dispatchEvent","FocusEvent","bubbles","composed","parsedOptions","JSON","parse","options","_a","componentWillLoad","selectedOption","find","opt","id","toString","selected","text","watchSelected","toggleSelect","selectOption","option","selectChanged","onChanged","InputEvent","data","inputType","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","setSelected","undefined","setValue","getSelectedText","getValue","newVal","numberToWord","num","words","render","labelId","valueId","h","Host","key","class","component_mode","size","validation_type","label","toggle_button_name","type","onClick","onBlur","length","map","index","role","error_message","helper_text"],"sources":["src/components/dda-select/dda-select.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-select',\r\n  // styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class Ddaselect {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  @Prop() input_name: string = '';\r\n\r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n\r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === this.selected || opt.text === this.selected);\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n    if (this.selected) {\r\n      this.watchSelected(this.selected);\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: any; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n      this.onChanged.emit(option.id);\r\n\r\n      this.el.dispatchEvent(\r\n        new InputEvent('input', {\r\n          bubbles: true,\r\n          composed: true,\r\n          data: option.id,\r\n          inputType: 'select',\r\n        }),\r\n      );\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  handleBlur = () => {\r\n    this.selectBlurred.emit({\r\n      name: this.input_name || this.button_id,\r\n      value: this.selectedText || '',\r\n    });\r\n    this.onBlurred.emit(this.selectedId);\r\n\r\n    this.el.dispatchEvent(\r\n      new FocusEvent('blur', {\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Method()\r\n  async setSelected(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  async setValue(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async getSelectedText() {\r\n    return this.selectedText;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.selectedText || '';\r\n  }\r\n\r\n  @Watch('selected')\r\n  watchSelected(newVal: string) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal || opt.text === newVal);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n    }\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`\r\n            dda-input-container ${this.custom_class} \r\n            ${this.component_mode} \r\n            ${this.disabled ? 'dda-input-disabled' : ''} \r\n            dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n          `}\r\n        >\r\n          {this.label && (\r\n            <span id={labelId} class=\"dda-input-label\">\r\n              {this.label}\r\n            </span>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-select-header\"\r\n              aria-labelledby={`${labelId} ${this.button_id}`}\r\n              disabled={this.disabled}\r\n              onClick={() => this.toggleSelect()}\r\n              onBlur={this.handleBlur}\r\n            >\r\n              <span id={valueId} class=\"dda-select-button-label\">\r\n                {this.selectedText || this.placeholder}\r\n              </span>\r\n              <i class=\"material-icons\" aria-hidden=\"true\">\r\n                {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n              </i>\r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                      onClick={() => this.selectOption(option)}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-26bb8828.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,H as a,g as i}from"./p-1b339a0a.js";const d=class{constructor(s){t(this,s);this.selectChanged=e(this,"selectChanged",7);this.disabled=false;this.validation_id="text";this.icon_mode=false;this.custom_class="";this.placeholder="";this.main_aria_label="";this.is_open=false;this.handleClickOutside=t=>{if(this.is_open&&!this.el.contains(t.target)){this.is_open=false}}}get parsedOptions(){try{return JSON.parse(this.options)}catch(t){return[]}}componentWillLoad(){const t=this.parsedOptions.find((t=>t.id.toString()===this.selected||t.text===this.selected));if(t){this.selectedId=t.id;this.selectedText=t.text}}toggleSelect(){if(!this.disabled){this.is_open=!this.is_open}}selectOption(t){if(!this.disabled){this.selectedId=t.id;this.selectedText=t.text;this.is_open=false;this.selectChanged.emit(t)}}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}numberToWord(t){const e=["One","Two","Three","Four","Five"];return e[t-1]||t.toString()}render(){const t=`${this.button_id}-label`;const e=`${this.button_id}-value`;return s(a,{key:"8f26f0ce6740009a7a2855fcf097189e30b8bee4"},s("div",{key:"cf5e2194296f7781d6c25257e6ee454a621b8452",class:`dda-input-container ${this.custom_class} ${this.component_mode} ${this.disabled?"dda-input-disabled":""} dda-input-size-${this.size} dda-validation-${this.error}`},this.label&&s("label",{key:"ac9c5f1dcf7e8ec0ddb90fea528530a85c30ccfa",id:t,htmlFor:this.button_id,class:"dda-input-label"},this.label),s("div",{key:"f0c2ea41c9cf4a242c879c49a4ccfb7b1263f9ec",class:"dda-dropdown-container"},s("button",{key:"13b4c1e07d96a5a4bf3a7957be5148b1be2b25d5",name:this.toggle_button_name,id:this.button_id,type:"button",class:"dda-input-field dda-dropdown-header",onClick:()=>this.toggleSelect(),"aria-labelledby":this.button_id,disabled:this.disabled},s("i",{key:"c28ccd3e1dbea156df11076faf2aa7df17d91153",class:`three-dots material-icons`,"aria-hidden":"true"},this.is_open?"more_vert":"more_vert"),!this.icon_mode&&s("span",{key:"4b89e24472ed892582930efe9e75477a9d2ad159",id:e,class:"dda-dropdown-text"},s("span",{key:"304680bea1cc26e014936421d04ae3635ae8a46a"},this.selectedText||this.placeholder),s("i",{key:"6ef436facac48161a48a83cc0a63d00a4170ead9",class:"material-icons"},this.is_open?"keyboard_arrow_up":"keyboard_arrow_down"))),this.is_open&&s("div",{key:"91cf673e440c7290a34855722a1dc5c6845cb4c7",class:"dda-input-dropdown-list dda-select-list"},this.parsedOptions.length>0?this.parsedOptions.map(((t,e)=>s("button",{name:`option${this.numberToWord(e+1)}`,type:"button",class:`dda-input-dropdown-item ${this.selectedId===t.id?"selected":""}`,onClick:()=>this.selectOption(t),role:"option","aria-selected":this.selectedId===t.id?"true":"false"},t.text))):s("div",{class:"dda-input-dropdown-item"},"No options available"))),this.helper_text&&s("span",{key:"4acbd34bf7d5e1979f193e094995388f4afdcde5",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&s("span",{key:"986b728e335fa2c699282f7ed4dddc16c99d0f4f",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return i(this)}};export{d as dda_dropdown};
-//# sourceMappingURL=p-26bb8828.entry.js.map

package/www/build/p-26bb8828.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaDropdown","constructor","hostRef","this","disabled","validation_id","icon_mode","custom_class","placeholder","main_aria_label","is_open","handleClickOutside","event","el","contains","target","parsedOptions","JSON","parse","options","_a","componentWillLoad","selectedOption","find","opt","id","toString","selected","text","selectedId","selectedText","toggleSelect","selectOption","option","selectChanged","emit","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","numberToWord","num","words","render","labelId","button_id","valueId","h","Host","key","class","component_mode","size","error","label","htmlFor","name","toggle_button_name","type","onClick","length","map","index","role","helper_text","error_message"],"sources":["src/components/dda-dropdown/dda-dropdown.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-dropdown',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaDropdown {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() icon_mode: boolean = false; // New prop for icon mode\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  \r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n  \r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(\r\n      (opt) => opt.id.toString() === this.selected || opt.text === this.selected\r\n    );\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: number; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-input-container ${this.custom_class} ${this.component_mode} ${\r\n            this.disabled ? 'dda-input-disabled' : ''\r\n          } dda-input-size-${this.size} dda-validation-${this.error}`}\r\n        >\r\n          {this.label && (\r\n            <label id={labelId} htmlFor={this.button_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-dropdown-header\"\r\n              onClick={() => this.toggleSelect()}\r\n              aria-labelledby={this.button_id}\r\n              disabled={this.disabled}\r\n            >\r\n              <i class={`three-dots material-icons`} aria-hidden=\"true\">{this.is_open ? 'more_vert' : 'more_vert'}</i>\r\n              {!this.icon_mode && (\r\n              <span id={valueId} class=\"dda-dropdown-text\">\r\n                <span>{this.selectedText || this.placeholder}</span>\r\n                <i class=\"material-icons\">{this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n              </span>\r\n              )}\r\n              \r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      onClick={() => this.selectOption(option)}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.helper_text && (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              {this.helper_text}\r\n            </span>\r\n          )}\r\n          {this.error_message && (\r\n            <span class=\"dda-error-message\" id={this.validation_id}>\r\n              {this.error_message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-2821386c.entry.js

@@ -1,2 +0,0 @@
-import{r as M,c as d,h as i,H as a}from"./p-1b339a0a.js";const N="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNiA3LjQ0MzM2SDEzLjVDMTIuNjczIDcuNDQzMzYgMTIgNi43NzAzNiAxMiA1Ljk0MzM2VjIuNDQzMzZINFYxOC40NDM0SDE2VjcuNDQzMzZaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTE2IDYuNDQzMzZWNi4xNTAzNkwxMyAzLjE1MDM2VjUuOTQzMzZDMTMgNi4yMTgzNiAxMy4yMjUgNi40NDMzNiAxMy41IDYuNDQzMzZIMTZaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggb3BhY2l0eT0iMC42NCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43MDcgNS40NDMzNkwxMyAxLjczNjM2QzEyLjgxMjUgMS41NDg4MSAxMi41NTgyIDEuNDQzNDIgMTIuMjkzIDEuNDQzMzZINEMzLjQ0NzcyIDEuNDQzMzYgMyAxLjg5MTA3IDMgMi40NDMzNlYxOC40NDM0QzMgMTguOTk1NiAzLjQ0NzcyIDE5LjQ0MzQgNCAxOS40NDM0SDE2QzE2LjU1MjMgMTkuNDQzNCAxNyAxOC45OTU2IDE3IDE4LjQ0MzRWNi4xNTAzNkMxNi45OTk5IDUuODg1MTYgMTYuODk0NSA1LjYzMDg1IDE2LjcwNyA1LjQ0MzM2Wk0xNiA2LjE1MDM2VjYuNDQzMzZIMTMuNUMxMy4yMjQxIDYuNDQyODEgMTMuMDAwNiA2LjIxOTI3IDEzIDUuOTQzMzZWMy4xNTAzNkwxNiA2LjE1MDM2Wk00IDIuNjQzMzZWMTguMjQzNEM0IDE4LjM1MzggNC4wODk1NCAxOC40NDM0IDQuMiAxOC40NDM0SDE1LjhDMTUuOTEwNSAxOC40NDM0IDE2IDE4LjM1MzggMTYgMTguMjQzNFY3LjQ0MzM2SDEzLjVDMTIuNjcxNiA3LjQ0MzM2IDEyIDYuNzcxNzkgMTIgNS45NDMzNlYyLjQ0MzM2SDQuMkM0LjA5IDIuNDQzMzYgNCAyLjUzMzM2IDQgMi42NDMzNloiIGZpbGw9IiMzRjQ5NDgiLz4NCjxwYXRoIGQ9Ik0xNC41IDEwLjQ0MzRINS41QzUuMjIzODYgMTAuNDQzNCA1IDEwLjIxOTUgNSA5Ljk0MzM2QzUgOS42NjcyMiA1LjIyMzg2IDkuNDQzMzYgNS41IDkuNDQzMzZIMTQuNUMxNC43NzYxIDkuNDQzMzYgMTUgOS42NjcyMiAxNSA5Ljk0MzM2QzE1IDEwLjIxOTUgMTQuNzc2MSAxMC40NDM0IDE0LjUgMTAuNDQzNFoiIGZpbGw9IiNFMEUzRTIiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNiAxNi40NDM0VjEyLjQ0MzRDNiAxMS44OTExIDYuNDQ3NzIgMTEuNDQzNCA3IDExLjQ0MzRIMTNDMTMuNTUyMyAxMS40NDM0IDE0IDExLjg5MTEgMTQgMTIuNDQzNFYxNi40NDM0QzE0IDE2Ljk5NTYgMTMuNTUyMyAxNy40NDM0IDEzIDE3LjQ0MzRIN0M2LjQ0NzcyIDE3LjQ0MzQgNiAxNi45OTU2IDYgMTYuNDQzNFpNNy4yIDE2LjQ0MzRIMTIuNzk0QzEyLjg0NjggMTYuNDQ1IDEyLjg5OCAxNi40MjUgMTIuOTM1OCAxNi4zODhDMTIuOTczNSAxNi4zNTEgMTIuOTk0NiAxNi4zMDAyIDEyLjk5NCAxNi4yNDc0QzEyLjk4OCAxNS41Njk0IDEyLjk5NiAxMy4zMTU0IDEzIDEyLjYzNzRDMTMgMTIuNTI3NCAxMi45MSAxMi40NDM0IDEyLjggMTIuNDQzNEg3LjJDNy4wOSAxMi40NDM0IDcgMTIuNTMzNCA3IDEyLjY0MzRWMTYuMjQzNEM3IDE2LjM1MzggNy4wODk1NCAxNi40NDM0IDcuMiAxNi40NDM0Wk00Ljc1IDE2LjQ0MzRIM0MyLjQ0NzcyIDE2LjQ0MzQgMiAxNS45OTU2IDIgMTUuNDQzNFYxMy40NDM0QzIgMTIuODkxMSAyLjQ0NzcyIDEyLjQ0MzQgMyAxMi40NDM0SDQuNzVDNC44ODgwNyAxMi40NDM0IDUgMTIuNTU1MyA1IDEyLjY5MzRWMTYuMTkzNEM1IDE2LjMzMTQgNC44ODgwNyAxNi40NDM0IDQuNzUgMTYuNDQzNFpNMTUuMjUgMTYuNDQzNEgxN0MxNy41NTIzIDE2LjQ0MzQgMTggMTUuOTk1NiAxOCAxNS40NDM0VjEzLjQ0MzRDMTggMTIuODkxMSAxNy41NTIzIDEyLjQ0MzQgMTcgMTIuNDQzNEgxNS4yNUMxNS4xMTE5IDEyLjQ0MzQgMTUgMTIuNTU1MyAxNSAxMi42OTM0VjE2LjE5MzRDMTUgMTYuMzMxNCAxNS4xMTE5IDE2LjQ0MzQgMTUuMjUgMTYuNDQzNFoiIGZpbGw9IiNERDZCNTEiLz4NCjwvc3ZnPg0K";const e="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOCA3LjQ0MzM2SDE1LjVDMTQuNjczIDcuNDQzMzYgMTQgNi43NzAzNiAxNCA1Ljk0MzM2VjIuNDQzMzZINlYxOC40NDM0SDE4VjcuNDQzMzZaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTE4IDYuNDQzMzZWNi4xNTAzNkwxNSAzLjE1MDM2VjUuOTQzMzZDMTUgNi4yMTgzNiAxNS4yMjUgNi40NDMzNiAxNS41IDYuNDQzMzZIMThaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggb3BhY2l0eT0iMC42NCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC43MDcgNS40NDMzNkwxNSAxLjczNjM2QzE0LjgxMjUgMS41NDg4MSAxNC41NTgyIDEuNDQzNDIgMTQuMjkzIDEuNDQzMzZINkM1LjQ0NzcyIDEuNDQzMzYgNSAxLjg5MTA3IDUgMi40NDMzNlYxOC40NDM0QzUgMTguOTk1NiA1LjQ0NzcyIDE5LjQ0MzQgNiAxOS40NDM0SDE4QzE4LjU1MjMgMTkuNDQzNCAxOSAxOC45OTU2IDE5IDE4LjQ0MzRWNi4xNTAzNkMxOC45OTk5IDUuODg1MTYgMTguODk0NSA1LjYzMDg1IDE4LjcwNyA1LjQ0MzM2Wk0xOCA2LjE1MDM2VjYuNDQzMzZIMTUuNUMxNS4yMjQxIDYuNDQyODEgMTUuMDAwNiA2LjIxOTI3IDE1IDUuOTQzMzZWMy4xNTAzNkwxOCA2LjE1MDM2Wk02IDIuNjQzMzZWMTguMjQzNEM2IDE4LjM1MzggNi4wODk1NCAxOC40NDM0IDYuMiAxOC40NDM0SDE3LjhDMTcuOTEwNSAxOC40NDM0IDE4IDE4LjM1MzggMTggMTguMjQzNFY3LjQ0MzM2SDE1LjVDMTQuNjcxNiA3LjQ0MzM2IDE0IDYuNzcxNzkgMTQgNS45NDMzNlYyLjQ0MzM2SDYuMkM2LjA5IDIuNDQzMzYgNiAyLjUzMzM2IDYgMi42NDMzNloiIGZpbGw9IiMzRjQ5NDgiLz4NCjxwYXRoIGQ9Ik0xNS45NSAxMS40NDM0SDE0TDEzIDEwLjQ0MzRMMTIgMTEuNDQzNFYxMy45MzI0QzEyLjQxOSAxNC4yNDg0IDEyLjkzNSAxNC40NDM0IDEzLjUgMTQuNDQzNEMxNC4yNTA4IDE0LjQ0MzUgMTQuOTYxOSAxNC4xMDYyIDE1LjQzNjggMTMuNTI0N0MxNS45MTE4IDEyLjk0MzIgMTYuMTAwMiAxMi4xNzkgMTUuOTUgMTEuNDQzNFoiIGZpbGw9IiNERDZCNTEiLz4NCjxwYXRoIGQ9Ik0xMy41IDkuNDQzMzZDMTIuOTU3OCA5LjQ0NDQ5IDEyLjQzMDkgOS42MjMyOCAxMiA5Ljk1MjM2VjExLjQ0MzRIMTRWOS40OTMzNkMxMy44MzU0IDkuNDYwMDEgMTMuNjY3OSA5LjQ0MzI2IDEzLjUgOS40NDMzNlY5LjQ0MzM2WiIgZmlsbD0iI0ZGRUJFNiIvPg0KPHBhdGggZD0iTTE1IDEwLjQ0MzRIMTdDMTYuNzkzOSA5LjQzNjQxIDE2LjAwNjkgOC42NDk1IDE1IDguNDQzMzZWMTAuNDQzNEgxNVoiIGZpbGw9IiNGRkVCRTYiLz4NCjxwYXRoIGQ9Ik0yIDE2LjQ0MzRIMTBDMTAuNTUyMyAxNi40NDM0IDExIDE1Ljk5NTYgMTEgMTUuNDQzNFY3LjQ0MzM2QzExIDYuODkxMDcgMTAuNTUyMyA2LjQ0MzM2IDEwIDYuNDQzMzZIMkMxLjQ0NzcyIDYuNDQzMzYgMSA2Ljg5MTA3IDEgNy40NDMzNlYxNS40NDM0QzEgMTUuOTk1NiAxLjQ0NzcyIDE2LjQ0MzQgMiAxNi40NDM0WiIgZmlsbD0iI0RENkI1MSIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjUwNDk2IDguOTI0MzZDNy4xNzU5NiA4LjYwMzM2IDYuNjk5OTYgOC40NDMzNiA2LjA3OTk2IDguNDQzMzZINC4wMTE5NlYxNC40NDM0SDQuOTk5OTZWMTIuMzIyNEg2LjAxNDk2QzYuMzc5MDEgMTIuMzMgNi43Mzg3OCAxMi4yNDI4IDcuMDU4OTYgMTIuMDY5NEM3LjM1OTk2IDExLjkwMDQgNy41OTA5NiAxMS42NjQ0IDcuNzU0OTYgMTEuMzU5NEM3LjkxODk2IDExLjA1NTQgNy45OTk5NiAxMC43MDc0IDcuOTk5OTYgMTAuMzE3NEM3Ljk5OTk2IDkuNzEwMzYgNy44MzQ5NiA5LjI0NTM2IDcuNTA0OTYgOC45MjQzNlpNNS44OTg5NiAxMS40NDM0SDQuOTk5OTZWOS40MzEzNkg1LjkzMDk2QzYuMzU4OTYgOS40MzEzNiA2Ljk5OTk2IDkuNDM1MzYgNi45OTk5NiAxMC40NDM0QzYuOTk5OTYgMTEuMzQxNCA2LjQwNTk2IDExLjQ0MzQgNS44OTg5NiAxMS40NDM0WiIgZmlsbD0iI0UwRTNFMiIvPg0KPC9zdmc+DQo=";const D="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOCA3LjQ0MzM2SDE1LjVDMTQuNjczIDcuNDQzMzYgMTQgNi43NzAzNiAxNCA1Ljk0MzM2VjIuNDQzMzZINlYxOC40NDM0SDE4VjcuNDQzMzZaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTE4IDYuNDQzMzZWNi4xNTAzNkwxNSAzLjE1MDM2VjUuOTQzMzZDMTUgNi4yMTgzNiAxNS4yMjUgNi40NDMzNiAxNS41IDYuNDQzMzZIMThaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggb3BhY2l0eT0iMC42NCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC43MDcgNS40NDMzNkwxNSAxLjczNjM2QzE0LjgxMjUgMS41NDg4MSAxNC41NTgyIDEuNDQzNDIgMTQuMjkzIDEuNDQzMzZINkM1LjQ0NzcyIDEuNDQzMzYgNSAxLjg5MTA3IDUgMi40NDMzNlYxOC40NDM0QzUgMTguOTk1NiA1LjQ0NzcyIDE5LjQ0MzQgNiAxOS40NDM0SDE4QzE4LjU1MjMgMTkuNDQzNCAxOSAxOC45OTU2IDE5IDE4LjQ0MzRWNi4xNTAzNkMxOC45OTk5IDUuODg1MTYgMTguODk0NSA1LjYzMDg1IDE4LjcwNyA1LjQ0MzM2Wk0xOCA2LjE1MDM2VjYuNDQzMzZIMTUuNUMxNS4yMjQxIDYuNDQyODEgMTUuMDAwNiA2LjIxOTI3IDE1IDUuOTQzMzZWMy4xNTAzNkwxOCA2LjE1MDM2Wk02IDIuNjQzMzZWMTguMjQzNEM2IDE4LjM1MzggNi4wODk1NCAxOC40NDM0IDYuMiAxOC40NDM0SDE3LjhDMTcuOTEwNSAxOC40NDM0IDE4IDE4LjM1MzggMTggMTguMjQzNFY3LjQ0MzM2SDE1LjVDMTQuNjcxNiA3LjQ0MzM2IDE0IDYuNzcxNzkgMTQgNS45NDMzNlYyLjQ0MzM2SDYuMkM2LjA5IDIuNDQzMzYgNiAyLjUzMzM2IDYgMi42NDMzNloiIGZpbGw9IiMzRjQ5NDgiLz4NCjxwYXRoIGQ9Ik0xNi41IDEyLjQ0MzRIMTJWMTMuNDQzNEgxNi41QzE2Ljc3NjEgMTMuNDQzNCAxNyAxMy4yMTk1IDE3IDEyLjk0MzRDMTcgMTIuNjY3MiAxNi43NzYxIDEyLjQ0MzQgMTYuNSAxMi40NDM0WiIgZmlsbD0iIzAwNkE2NyIvPg0KPHBhdGggZD0iTTE2LjUgMTAuNDQzNEgxMlYxMS40NDM0SDE2LjVDMTYuNzc2MSAxMS40NDM0IDE3IDExLjIxOTUgMTcgMTAuOTQzNEMxNyAxMC42NjcyIDE2Ljc3NjEgMTAuNDQzNCAxNi41IDEwLjQ0MzRaIiBmaWxsPSIjMDA2QTY3Ii8+DQo8cGF0aCBkPSJNMTYuNSA4LjQ0MzM2SDEyVjkuNDQzMzZIMTYuNUMxNi43NzYxIDkuNDQzMzYgMTcgOS4yMTk1IDE3IDguOTQzMzZDMTcgOC42NjcyMiAxNi43NzYxIDguNDQzMzYgMTYuNSA4LjQ0MzM2WiIgZmlsbD0iIzAwNjY4NyIvPg0KPHBhdGggZD0iTTIgMTYuNDQzNEgxMEMxMC41NTIzIDE2LjQ0MzQgMTEgMTUuOTk1NiAxMSAxNS40NDM0VjcuNDQzMzZDMTEgNi44OTEwNyAxMC41NTIzIDYuNDQzMzYgMTAgNi40NDMzNkgyQzEuNDQ3NzIgNi40NDMzNiAxIDYuODkxMDcgMSA3LjQ0MzM2VjE1LjQ0MzRDMSAxNS45OTU2IDEuNDQ3NzIgMTYuNDQzNCAyIDE2LjQ0MzRaIiBmaWxsPSIjMDA2QTY3Ii8+DQo8cGF0aCBkPSJNNy4yMSAxNC4zNzk0TDYgOS45MzkzNUw0Ljc5NCAxNC4zNzk0SDMuOTE4TDIuNzU1IDguNTM3MzVIMy42NDFMNC40NDkgMTIuMzYzNEw1LjUyMyA4LjUzNzM1SDYuMzg5TDcuNTQyMDEgMTIuNDUzNEw4LjM0NDAxIDguNTM3MzVIOS4yMjlMOC4wODUgMTQuMzc5NEg3LjIxWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K";const o="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOCA3LjQ0MzM2SDE1LjVDMTQuNjczIDcuNDQzMzYgMTQgNi43NzAzNiAxNCA1Ljk0MzM2VjIuNDQzMzZINlYxOC40NDM0SDE4VjcuNDQzMzZaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZD0iTTE4IDYuNDQzMzZWNi4xNTAzNkwxNSAzLjE1MDM2VjUuOTQzMzZDMTUgNi4yMTgzNiAxNS4yMjUgNi40NDMzNiAxNS41IDYuNDQzMzZIMThaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggb3BhY2l0eT0iMC42NCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC43MDcgNS40NDMzNkwxNSAxLjczNjM2QzE0LjgxMjUgMS41NDg4MSAxNC41NTgyIDEuNDQzNDIgMTQuMjkzIDEuNDQzMzZINkM1LjQ0NzcyIDEuNDQzMzYgNSAxLjg5MTA3IDUgMi40NDMzNlYxOC40NDM0QzUgMTguOTk1NiA1LjQ0NzcyIDE5LjQ0MzQgNiAxOS40NDM0SDE4QzE4LjU1MjMgMTkuNDQzNCAxOSAxOC45OTU2IDE5IDE4LjQ0MzRWNi4xNTAzNkMxOC45OTk5IDUuODg1MTYgMTguODk0NSA1LjYzMDg1IDE4LjcwNyA1LjQ0MzM2Wk0xOCA2LjE1MDM2VjYuNDQzMzZIMTUuNUMxNS4yMjQxIDYuNDQyODEgMTUuMDAwNiA2LjIxOTI3IDE1IDUuOTQzMzZWMy4xNTAzNkwxOCA2LjE1MDM2Wk02IDIuNjQzMzZWMTguMjQzNEM2IDE4LjM1MzggNi4wODk1NCAxOC40NDM0IDYuMiAxOC40NDM0SDE3LjhDMTcuOTEwNSAxOC40NDM0IDE4IDE4LjM1MzggMTggMTguMjQzNFY3LjQ0MzM2SDE1LjVDMTQuNjcxNiA3LjQ0MzM2IDE0IDYuNzcxNzkgMTQgNS45NDMzNlYyLjQ0MzM2SDYuMkM2LjA5IDIuNDQzMzYgNiAyLjUzMzM2IDYgMi42NDMzNloiIGZpbGw9IiMzRjQ5NDgiLz4NCjxwYXRoIGQ9Ik0yIDE2LjQ0MzRIMTBDMTAuNTUyMyAxNi40NDM0IDExIDE1Ljk5NTYgMTEgMTUuNDQzNFY3LjQ0MzM2QzExIDYuODkxMDcgMTAuNTUyMyA2LjQ0MzM2IDEwIDYuNDQzMzZIMkMxLjQ0NzcyIDYuNDQzMzYgMSA2Ljg5MTA3IDEgNy40NDMzNlYxNS40NDM0QzEgMTUuOTk1NiAxLjQ0NzcyIDE2LjQ0MzQgMiAxNi40NDM0WiIgZmlsbD0iIzBENkQyRCIvPg0KPHBhdGggZD0iTTQuNjA2MDIgMTQuNDQzNEw4LjMxMzAyIDguNDQzMzZINy4xNTAwMkwzLjM5NTAyIDE0LjQ0MzRINC42MDYwMloiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNNy4zNzI5OSAxNC40NDM0TDMuNjY2OTkgOC40NDMzNkg0LjgyODk5TDguNTgyOTkgMTQuNDQzNEg3LjM3Mjk5WiIgZmlsbD0id2hpdGUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYuMDg0IDE0LjMyNTRIMTdWMTAuNTgzNEMxNyA5LjE1NjM2IDE2LjMyNyA4LjQ0MzM2IDE0Ljk4MiA4LjQ0MzM2QzE0LjYxNDYgOC40NTE2MiAxNC4yNTAxIDguNTEwODUgMTMuODk5IDguNjE5MzZDMTMuNDkzIDguNzM2MzYgMTMuMjA2IDguODU4MzYgMTMuMDM5IDguOTg1MzZWOS45MjMzNkMxMy41OTQgOS40NTgzNiAxNC4yMTYgOS4yMjUzNiAxNC45MDQgOS4yMjUzNkMxNS42OTEgOS4yMjUzNiAxNi4wODQgOS43MDkzNiAxNi4wODQgMTAuNjc4NEwxNC4zNjkgMTAuOTE4NEMxMy4xMDkgMTEuMDk3NCAxMi40NzkgMTEuNzE4NCAxMi40NzkgMTIuNzgzNEMxMi40NzkgMTMuMjkxNCAxMi42NDYgMTMuNjkzNCAxMi45NzcgMTMuOTkzNEMxMy4zMDggMTQuMjkzNCAxMy43NTEgMTQuNDQzNCAxNC4zMDEgMTQuNDQzNEMxNS4wNzUgMTQuNDQzNCAxNS42NjMgMTQuMDk5NCAxNi4wNjEgMTMuNDEwNEgxNi4wODRWMTQuMzI1NFpNMTQuNjk4IDExLjYwNTRMMTYuMDg0IDExLjQxMDRWMTEuOTc5NEMxNi4wODQgMTIuNDYwNCAxNS45MzUgMTIuODYxNCAxNS42MzkgMTMuMTgxNEMxNS4zNDQgMTMuNTAxNCAxNC45NjggMTMuNjYxNCAxNC41MTQgMTMuNjYxNEMxNC4xOTMgMTMuNjYxNCAxMy45MyAxMy41NzU0IDEzLjcyNSAxMy40MDI0QzEzLjUyIDEzLjIyODQgMTMuNDE4IDEyLjk5ODQgMTMuNDE4IDEyLjcxMjRDMTMuNDE4IDEyLjM1NzQgMTMuNTEzIDEyLjEwMjQgMTMuNzAzIDExLjk0MzRDMTMuODkzIDExLjc4NTQgMTQuMjI1IDExLjY3MjQgMTQuNjk4IDExLjYwNTRaIiBmaWxsPSIjMEQ2RDJEIi8+DQo8L3N2Zz4NCg==";const z="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjUgMTcuNDQzNEgxNi41QzE2Ljc3NSAxNy40NDM0IDE3IDE3LjIxODQgMTcgMTYuOTQzNFYzLjk0MzM2QzE3IDMuNjY4MzYgMTYuNzc1IDMuNDQzMzYgMTYuNSAzLjQ0MzM2SDMuNUMzLjIyNSAzLjQ0MzM2IDMgMy42NjgzNiAzIDMuOTQzMzZWMTYuOTQzNEMzIDE3LjIxODQgMy4yMjUgMTcuNDQzNCAzLjUgMTcuNDQzNFoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjY5MSAxMS4xMDA0TDEwLjgxMyAxMi4zODY0TDkuMTI1OTkgMTAuMDYwNEM4LjkzNzg4IDkuODAxMDEgOC42MzY4OSA5LjY0NzQ5IDguMzE2NDkgOS42NDc0OUM3Ljk5NjEgOS42NDc0OSA3LjY5NTEgOS44MDEwMSA3LjUwNjk5IDEwLjA2MDRMNS4xMTY5OSAxMy4zNTY0QzQuODk2MzIgMTMuNjYwNyA0Ljg2NDk4IDE0LjA2MzEgNS4wMzU4OSAxNC4zOThDNS4yMDY3OSAxNC43MzI4IDUuNTUxMDUgMTQuOTQzNSA1LjkyNjk5IDE0Ljk0MzRIMTQuMDczQzE0LjQ0MzggMTQuOTQzNSAxNC43ODQzIDE0LjczODMgMTQuOTU3NSAxNC40MTA0QzE1LjEzMDcgMTQuMDgyNSAxNS4xMDgyIDEzLjY4NTYgMTQuODk5IDEzLjM3OTRMMTMuMzQzIDExLjA5OTRDMTMuMTU2NyAxMC44MjY0IDEyLjg0NzUgMTAuNjYzIDEyLjUxNyAxMC42NjNDMTIuMTg2NSAxMC42NjMgMTEuODc3MyAxMC44MjY0IDExLjY5MSAxMS4wOTk0VjExLjEwMDRaIiBzdHJva2U9IiNFMEUzRTIiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNSA3Ljk0MzM2QzE0LjA1MjMgNy45NDMzNiAxNC41IDcuNDk1NjQgMTQuNSA2Ljk0MzM2QzE0LjUgNi4zOTEwNyAxNC4wNTIzIDUuOTQzMzYgMTMuNSA1Ljk0MzM2QzEyLjk0NzcgNS45NDMzNiAxMi41IDYuMzkxMDcgMTIuNSA2Ljk0MzM2QzEyLjUgNy40OTU2NCAxMi45NDc3IDcuOTQzMzYgMTMuNSA3Ljk0MzM2WiIgc3Ryb2tlPSIjODM1NDAwIi8+DQo8cGF0aCBvcGFjaXR5PSIwLjY0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNSAxOC40NDM0SDE2LjVDMTcuMzI3IDE4LjQ0MzQgMTggMTcuNzcwNCAxOCAxNi45NDM0VjMuOTQzMzZDMTggMy4xMTYzNiAxNy4zMjcgMi40NDMzNiAxNi41IDIuNDQzMzZIMy41QzIuNjczIDIuNDQzMzYgMiAzLjExNjM2IDIgMy45NDMzNlYxNi45NDM0QzIgMTcuNzcwNCAyLjY3MyAxOC40NDM0IDMuNSAxOC40NDM0Wk0zIDMuOTQzMzZDMyAzLjY2NzIyIDMuMjIzODYgMy40NDMzNiAzLjUgMy40NDMzNkgxNi41QzE2Ljc3NjEgMy40NDMzNiAxNyAzLjY2NzIyIDE3IDMuOTQzMzZWMTYuOTQzNEMxNyAxNy4yMTk1IDE2Ljc3NjEgMTcuNDQzNCAxNi41IDE3LjQ0MzRIMy41QzMuMjIzODYgMTcuNDQzNCAzIDE3LjIxOTUgMyAxNi45NDM0VjMuOTQzMzZaIiBmaWxsPSIjM0Y0OTQ4Ii8+DQo8L3N2Zz4NCg==";const r="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0zLjUgMTcuNDQzNEgxNi41QzE2Ljc3NSAxNy40NDM0IDE3IDE3LjIxODQgMTcgMTYuOTQzNFYzLjk0MzM2QzE3IDMuNjY4MzYgMTYuNzc1IDMuNDQzMzYgMTYuNSAzLjQ0MzM2SDMuNUMzLjIyNSAzLjQ0MzM2IDMgMy42NjgzNiAzIDMuOTQzMzZWMTYuOTQzNEMzIDE3LjIxODQgMy4yMjUgMTcuNDQzNCAzLjUgMTcuNDQzNFoiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBvcGFjaXR5PSIwLjY0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNSAxOC40NDM0SDE2LjVDMTcuMzI3IDE4LjQ0MzQgMTggMTcuNzcwNCAxOCAxNi45NDM0VjMuOTQzMzZDMTggMy4xMTYzNiAxNy4zMjcgMi40NDMzNiAxNi41IDIuNDQzMzZIMy41QzIuNjczIDIuNDQzMzYgMiAzLjExNjM2IDIgMy45NDMzNlYxNi45NDM0QzIgMTcuNzcwNCAyLjY3MyAxOC40NDM0IDMuNSAxOC40NDM0Wk0zIDMuOTQzMzZDMyAzLjY2NzIyIDMuMjIzODYgMy40NDMzNiAzLjUgMy40NDMzNkgxNi41QzE2Ljc3NjEgMy40NDMzNiAxNyAzLjY2NzIyIDE3IDMuOTQzMzZWMTYuOTQzNEMxNyAxNy4yMTk1IDE2Ljc3NjEgMTcuNDQzNCAxNi41IDE3LjQ0MzRIMy41QzMuMjIzODYgMTcuNDQzNCAzIDE3LjIxOTUgMyAxNi45NDM0VjMuOTQzMzZaIiBmaWxsPSIjM0Y0OTQ4Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjUgMTAuNDQzNEw4LjUgNy45NDMzNlYxMi45NDM0TDEyLjUgMTAuNDQzNFoiIHN0cm9rZT0iIzAwNjY4NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==";const t="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIG9wYWNpdHk9IjAuNjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi41IDE5LjQ0MzRIMTYuNUMxNy4zMjcgMTkuNDQzNCAxOCAxOC43NzA0IDE4IDE3Ljk0MzRWNy40NDMzNkMxOC41NTIzIDcuNDQzMzYgMTkgNi45OTU2NCAxOSA2LjQ0MzM2VjMuNDQzMzZDMTkgMi44OTEwNyAxOC41NTIzIDIuNDQzMzYgMTggMi40NDMzNkgxNy45MTRDMTcuNzA4IDEuODYxMzYgMTcuMTUyIDEuNDQzMzYgMTYuNSAxLjQ0MzM2SDYuNUM1LjY3MyAxLjQ0MzM2IDUgMi4xMTYzNiA1IDIuOTQzMzZWMTcuOTQzNEM1IDE4Ljc3MDQgNS42NzMgMTkuNDQzNCA2LjUgMTkuNDQzNFpNNiAyLjk0MzM2QzYgMi42NjcyMiA2LjIyMzg2IDIuNDQzMzYgNi41IDIuNDQzMzZIMTYuNUMxNi43NzYxIDIuNDQzMzYgMTcgMi42NjcyMiAxNyAyLjk0MzM2VjMuNDQzMzZIMThWNi40NDMzNkgxN1YxNy45NDM0QzE3IDE4LjIxOTUgMTYuNzc2MSAxOC40NDM0IDE2LjUgMTguNDQzNEg2LjVDNi4yMjM4NiAxOC40NDM0IDYgMTguMjE5NSA2IDE3Ljk0MzRWMi45NDMzNloiIGZpbGw9IiMzRjQ5NDgiLz4NCjxwYXRoIGQ9Ik0xOCAzLjQ0MzM2SDE3VjIuOTQzMzZDMTcgMi42NjcyMiAxNi43NzYxIDIuNDQzMzYgMTYuNSAyLjQ0MzM2SDYuNUM2LjIyMzg2IDIuNDQzMzYgNiAyLjY2NzIyIDYgMi45NDMzNlYxNy45NDM0QzYgMTguMjE5NSA2LjIyMzg2IDE4LjQ0MzQgNi41IDE4LjQ0MzRIMTYuNUMxNi43NzYxIDE4LjQ0MzQgMTcgMTguMjE5NSAxNyAxNy45NDM0VjYuNDQzMzZIMThWMy40NDMzNloiIGZpbGw9IndoaXRlIi8+DQo8cGF0aCBkPSJNMiAxNi40NDM0SDEwQzEwLjU1MjMgMTYuNDQzNCAxMSAxNS45OTU2IDExIDE1LjQ0MzRWNy40NDMzNkMxMSA2Ljg5MTA3IDEwLjU1MjMgNi40NDMzNiAxMCA2LjQ0MzM2SDJDMS40NDc3MiA2LjQ0MzM2IDEgNi44OTEwNyAxIDcuNDQzMzZWMTUuNDQzNEMxIDE1Ljk5NTYgMS40NDc3MiAxNi40NDM0IDIgMTYuNDQzNFoiIGZpbGw9IiM5MDRFREIiLz4NCjxwYXRoIGQ9Ik05IDE0LjQ0MzRINy42MDRDNy42MDQgMTQuNDQzNCAzLjk5NSA5Ljc2MDM2IDQgOS43NTUzNlYxNC40NDM0SDNWOC40NDMzNkg0LjI3QzQuMjcgOC40NDMzNiA3Ljg5OCAxMy4xMDU0IDggMTMuMjcxNFY4LjQ0MzM2SDlWMTQuNDQzNFoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==";const u="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgZmlsbD0iIzNGNDk0OCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTAuODMsODUuMTdsLTU2LTU2QTQsNCwwLDAsMCwxNTIsMjhINTZBMTIsMTIsMCwwLDAsNDQsNDBWMjE2YTEyLDEyLDAsMCwwLDEyLDEySDIwMGExMiwxMiwwLDAsMCwxMi0xMlY4OEE0LDQsMCwwLDAsMjEwLjgzLDg1LjE3Wk0xNTYsNDEuNjUsMTk4LjM0LDg0SDE1NlpNMjAwLDIyMEg1NmE0LDQsMCwwLDEtNC00VjQwYTQsNCwwLDAsMSw0LTRoOTJWODhhNCw0LDAsMCwwLDQsNGg1MlYyMTZBNCw0LDAsMCwxLDIwMCwyMjBaIj48L3BhdGg+PC9zdmc+";const l='.dda-input-container{display:flex;flex-direction:column;gap:8px;position:relative}.dda-input-label{font-size:var(--font-body);color:var(--dda-on-surface-0);line-height:24px;font-weight:var(--font-weight-regular)}.light-mode .dda-input-label{color:var(--dda-neutral-0)}.dda-input-field-wrapper{position:relative}.dda-field-group-input{height:32px;background-color:transparent;flex:1;font-size:var(--font-caption);font-weight:var(--dda-fw-400);padding:0px;color:var(--dda-on-surface-0);border:none;outline:none}.light-mode .dda-field-group-input{color:var(--dda-neutral-0)}.dda-input-field-group{width:100%;height:55px;padding:8px 16px;background:var(--dda-surface-100);border:1px solid var(--dda-surface-90);border-radius:8px;font-size:var(--font-caption);color:var(--dda-on-surface-0);position:relative;display:flex;align-items:center;gap:10px}.light-mode .dda-input-field-group{background:var(--dda-neutral-100);border:1px solid var(--dda-neutral-90);color:var(--dda-neutral-0)}.dda-input-field{width:100%;height:55px;padding:8px 16px;background:var(--dda-surface-100);border:1px solid var(--dda-surface-90);border-radius:8px;font-size:var(--font-body);color:var(--dda-on-surface-0);font-weight:var(--dda-fw-400)}.dda-date-picker input{color:var(--dda-on-surface-40)}.dda-date-picker input[type="date"]::-webkit-calendar-picker-indicator{color:var(--dda-on-surface-40)}.dda-date-picker input[type="date"]::-moz-calendar-picker-indicator{}.dda-date-picker input[type="date"].has-value{color:var(--dda-on-surface-0)}.light-mode .dda-input-field{background:var(--dda-neutral-100);border:1px solid var(--dda-neutral-90);color:var(--dda-neutral-0)}.dda-input-size-small .dda-input-field-group,.dda-input-size-small .dda-input-field{height:48px;padding:8px 12px}.dda-input-focus-filled .dda-phone-field,.dda-input-focus .dda-input-field-group,.dda-input-field:focus{border-color:var(--dda-color-primary-40);box-shadow:0px 0px 0px 3px var(--dda-primary-variant-95)}.dda-input-field:focus-visible{outline:1px solid var(--dda-color-primary-40);outline-offset:-1px}.light-mode.dda-input-focus-filled .dda-phone-field,.light-mode.dda-input-focus .dda-input-field-group,.light-mode .dda-input-field:focus{outline:none;border-color:var(--dda-primary-40);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.dda-input-dropdown-btn{min-width:110px;position:relative;display:inline-block;padding:0}.dda-dropdown-select{width:100%;height:32px;display:flex;justify-content:space-between;background:transparent;border:transparent;font-size:var(--font-caption);color:var(--dda-on-surface-0);padding:0;align-items:center;cursor:pointer;gap:6px}.dda-dropdown-select:focus-visible{outline:1px solid var(--dda-color-primary-40);outline-offset:1px}.light-mode .dda-dropdown-select{color:var(--dda-neutral-0)}.dda-dropdown-select img{width:24px}.dda-dropdown-container{position:relative;width:auto;}.dda-dropdown-container.bg-transparent .dda-dropdown-header{padding:0px;height:auto;background:transparent;border:transparent;box-shadow:none}.dda-dropdown-header{width:auto;display:flex;align-items:center;gap:15px}.dda-dropdown-header .three-dots{font-size:25px;color:var(--dda-neutral-variant-60)}.dda-dropdown-header .three-dots path{fill:var(--dda-neutral-variant-60)}.dda-dropdown-header .dda-dropdown-text{flex:1;display:flex;justify-content:space-between;gap:15px}.dda-dropdown-header .dda-dropdown-text span{color:var(--dda-on-surface-variant-30);display:flex;align-items:center}.light-mode .dda-dropdown-text span{color:var(--dda-neutral-variant-30)}.dda-dropdown-header .dda-dropdown-text i{font-size:31px}.dda-dropdown-header .dda-dropdown-text path{fill:var(--dda-on-surface-variant-30)}.light-mode .dda-dropdown-header .dda-dropdown-text path{fill:var(--dda-neutral-variant-30)}.dda-dropdown-header:focus .three-dots path{fill:var(--dda-on-surface-variant-30)}.dda-input-dropdown-list{width:100%;min-width:150px;max-height:200px;background-color:var(--dda-neutral-100);border:1px solid var(--dda-neutral-90);border-radius:8px;overflow-y:auto;position:absolute;top:100%;margin-top:1px;inset-inline-start:0px;z-index:9999;box-shadow:0px 8px 10px -6px #1018281A}.dda-input-dropdown-list::-webkit-scrollbar-track{border-radius:4px}.dda-input-dropdown-list::-webkit-scrollbar{width:4px}.dda-input-dropdown-list::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--dda-neutral-variant-30)}.dda-input-dropdown-item{display:flex;align-items:center;gap:7px;width:100%;font-size:var(--font-caption);background:transparent;border:transparent;padding:10px;cursor:pointer}.dda-input-dropdown-item:focus-visible,.dda-input-dropdown-item:hover,.dda-input-dropdown-item.selected{background-color:var(--dda-neutral-variant-95);outline:0}.dda-input-dropdown-list .country-select img{width:20px}.dda-helper-text{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-caption);color:var(--dda-on-surface-variant-30)}.light-mode .dda-helper-text{color:var(--dda-neutral-30)}.dda-error-message{display:flex;justify-content:space-between;font-size:var(--font-caption);color:var(--dda-color-error-40)}.dda-helper-text i,.dda-helper-text svg,.dda-error-message i,.dda-error-message svg{font-size:21px}.dda-success-text{display:flex;justify-content:space-between;font-size:var(--font-caption);color:var(--dda-color-success-40)}.dda-validation-error .dda-input-field-group,.dda-validation-error .dda-input-field{color:var(--dda-color-error-40);border-color:var(--dda-color-error-40);box-shadow:none}.light-mode.dda-validation-error .dda-input-field-group,.light-mode.dda-validation-error .dda-input-field{color:var(--dda-error-40);border-color:var(--dda-error-40);box-shadow:none}.dda-validation-error .icon-close,.dda-validation-error .dda-error-message,.dda-validation-error .dda-field-group-input,.dda-validation-error .dda-file-input span{color:var(--dda-color-error-40) !important}.light-mode.dda-validation-error .icon-close,.light-mode.dda-validation-error .dda-error-message,.light-mode.dda-validation-error .dda-field-group-input,.light-mode.dda-validation-error .dda-file-input span{color:var(--dda-error-40) !important}.dda-validation-error .dda-input-field::-ms-input-placeholder,.dda-validation-error .dda-field-group-input::-ms-input-placeholder{color:var(--dda-color-error-40)}.light-mode.dda-validation-error .dda-input-field::-ms-input-placeholder,.light-mode.dda-validation-error .dda-field-group-input::-ms-input-placeholder{color:var(--dda-error-40)}.dda-validation-error .dda-input-field::placeholder,.dda-validation-error .dda-field-group-input::placeholder{color:var(--dda-color-error-40)}.light-mode.dda-validation-error .dda-input-field::placeholder,.light-mode.dda-validation-error .dda-field-group-input::placeholder{color:var(--dda-error-40)}.dda-input-disabled .dda-input-label,.dda-input-disabled .dda-helper-text,.dda-input-disabled .dda-error-message,.dda-input-disabled i,.dda-input-disabled .dda-dropdown-select,.dda-input-disabled .dda-file-input span,.dda-input-disabled .dda-file-choose{color:var(--dda-neutral-60) !important}.dda-input-disabled .dda-input-field-group,.dda-input-disabled .dda-input-field{background:var(--dda-neutral-92);border-color:var(--dda-neutral-90);color:var(--dda-neutral-60) !important;box-shadow:none;pointer-events:none;outline:none}.dda-input-disabled i{color:var(--dda-neutral-variant-60)}.dda-input-disabled svg path{fill:var(--dda-neutral-variant-60)}.dda-input-disabled .dda-input-field::-ms-input-placeholder{color:var(--dda-neutral-60)}.dda-input-disabled .dda-input-field::placeholder{color:var(--dda-neutral-60)}.dda-input-disabled .dda-btn{background-color:var(--dda-neutral-70) !important;border-color:var(--dda-neutral-70) !important}.dda-input-disabled .dda-dropdown-select img,.dda-input-disabled .dda-input-field-wrapper img{filter:grayscale(1)}.dda-number-field .dda-field-group-input{padding-inline-end:10px;border-inline-end:solid 1px var(--dda-neutral-90)}.dda-number-field .dda-field-group-input:focus,.dda-phone-field .dda-field-group-input:focus{border-inline-start:solid 1px var(--dda-color-primary-40)}.dda-number-field .dda-field-group-input:focus-visible,.dda-phone-field .dda-field-group-input:focus-visible{outline:1px solid var(--dda-surface-100);outline-offset:-1px}.dda-number-field .dda-input-dropdown-btn{min-width:80px}.dda-number-field .dda-input-dropdown-list{top:44px}.dda-input-size-small .dda-number-field .dda-input-dropdown-list{top:41px}.dda-input-textarea{height:auto;min-height:120px;resize:vertical}.dda-search-area{position:relative}.dda-search-area .icon-left{position:absolute;top:16px;inset-inline-start:15px;font-size:24px;color:var(--dda-on-surface-variant-30)}.light-mode .dda-search-area .icon-left{color:var(--dda-neutral-variant-30)}.dda-input-size-small .dda-search-area .icon-left{top:14px}.dda-search-area .dda-search-btngroup{height:40px;position:absolute;top:7px;inset-inline-end:7px;display:inline-flex;align-items:center;gap:5px}.dda-input-size-small .dda-search-btngroup{top:4px}.dda-search-area .dda-search-close-icon{display:flex;color:var(--dda-on-surface-variant-30);font-size:20px;margin:0px;padding:0px;background:none;border:0;cursor:pointer}.light-mode .dda-search-area .dda-search-close-icon{color:var(--dda-neutral-variant-30)}.dda-search-field{padding:8px 26px 8px 40px}.dda-search-action .dda-search-field{padding-top:8px;padding-bottom:8px;padding-inline-start:40px}.dda-search-action .dda-search-field.has-search-button{padding-inline-end:110px}.dda-search-sm .icon-left{top:14px}.dda-search-sm .dda-search-btngroup{top:4px}.dda-phone-field-group{display:flex;justify-content:space-between;align-items:center}.dda-phone-field-group.dda-phone-field-small{height:48px}.dda-phone-field-group.focused,.dda-phone-field-group.filled{outline:none;border-color:var(--dda-color-primary-40);box-shadow:0px 0px 0px 3px var(--dda-primary-variant-95)}.dda-phone-field-group.error{border-color:var(--dda-color-error-40);box-shadow:none}.phone-field-country-code{border:none;background:none;margin-inline-end:0.5rem;font-size:1rem;color:var(--dda-on-surface-0)}.phone-field-country-code:focus-within{outline:0}.dda-phone-field .dda-input-dropdown-list{top:44px}.dda-input-size-small .dda-phone-field .dda-input-dropdown-list{top:41px}.dda-credit-card-field .dda-creditcard-icon{width:40px;position:absolute;top:14px;inset-inline-start:15px}.dda-input-size-small .dda-creditcard-icon{top:11px}.dda-credit-card-field .dda-input-field{padding:8px 16px 8px 65px}[dir="rtl"] .dda-credit-card-field .dda-input-field{padding:8px 65px 8px 16px}.dda-select-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.dda-select-header i{font-size:28px;color:var(--dda-on-surface-variant-30)}.dda-select-header .dda-select-button-label:empty{flex-grow:1}.dda-input-container.dda-richtext-editor{gap:0px}.dda-richtext-editor .dda-input-label{margin-bottom:8px}.dda-richtext-editor .dda-helper-text,.dda-richtext-editor .dda-error-message{margin-top:8px}.dda-richtext-editor .ql-toolbar.ql-snow{border:1px solid var(--dda-neutral-90) !important;border-radius:8px 8px 0 0}.dda-richeditor-field{border:1px solid var(--dda-neutral-90) !important;border-radius:0 0 8px 8px}.dda-richeditor-field .ql-editor{height:100px;font-size:var(--font-caption)}.dda-input-field-group.dda-attach-file{padding-inline-end:6px}.dda-file-input{width:100%;display:flex;justify-content:space-between;align-items:center}.dda-file-input span{font-size:var(--font-caption);color:var(--dda-on-surface-variant-30)}.light-mode .dda-file-input span{color:var(--dda-neutral-variant-30)}.dda-file-choose{height:40px;background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);color:var(--dda-color-primary-40);font-weight:var(--dda-fw-500);padding:8px 16px;border-radius:8px;cursor:pointer}.dda-file-choose:focus{outline:solid 1px var(--dda-color-primary-40);outline-offset:-1px}.light-mode .dda-file-choose{color:var(--dda-primary-40)}.dda-input-disabled .dda-file-choose{background-color:var(--dda-neutral-95)}.dda-file-choose input{display:none}.dda-file-details{width:100%;display:flex;align-items:center;justify-content:space-between;padding-inline-end:10px}.dda-file-icon{width:34px;height:34px}.dda-items{width:calc(100% - 30px);display:flex;align-items:center;gap:8px}.dda-file-details .remove-file{margin:0;padding:0;background:transparent;border:transparent}.dda-file-details .remove-file svg{font-size:var(--font-caption)}.dda-file-name{width:100%;font-size:var(--font-caption);white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;position:relative;text-overflow:ellipsis}.dda-file-name::-webkit-scrollbar{display:none}.dda-remove-file{font-size:20px;background:transparent;border:transparent;color:var(--dda-on-surface-variant-30);cursor:pointer;padding:0px}input[type="date"]::-webkit-input-placeholder{color:transparent}input[type="date"]::-moz-placeholder{color:transparent}input[type="date"]::placeholder{color:transparent}';const g=l;const n=class{constructor(i){M(this,i);this.fileChanged=d(this,"fileChanged",7);this.validation_id="text";this.custom_class="";this.aria_label="";this.button_aria_label="";this.disabled=false;this.max_file_size=5;this.file_size_error_message="File size should not exceed {max} MB";this.file=null;this.isFileUploaded=false;this.internalErrorMessage="";this.fileIcons={pdf:N,pptx:e,docx:D,xlsx:o,png:z,jpg:z,jpeg:z,mp4:r,mkv:r,one:t}}async getFile(){return this.file}handleFileInput(M){var d;console.log(this.fileInputRef.value);const i=(d=M.target)===null||d===void 0?void 0:d.files;if(i&&i.length>0){const M=i[0];const d=M.size/(1024*1024);if(this.max_file_size&&d>this.max_file_size){this.file=null;this.isFileUploaded=false;this.internalErrorMessage=this.file_size_error_message.replace("{max}",this.max_file_size.toString());this.validation_type="error";this.fileChanged.emit(null);return}this.file=M;this.isFileUploaded=true;this.internalErrorMessage="";this.validation_type="normal";this.fileChanged.emit(this.file)}else{this.file=null;this.isFileUploaded=false;this.internalErrorMessage="";this.validation_type="normal";this.fileChanged.emit(null)}}removeFile(){this.file=null;this.isFileUploaded=false;if(this.fileInputRef){this.fileInputRef.value=null}this.internalErrorMessage="";this.validation_type="normal";this.fileChanged.emit(null)}getFileIcon(M){var d;const i=(d=M.split(".").pop())===null||d===void 0?void 0:d.toLowerCase();return this.fileIcons[i]||u}render(){const M=["dda-input-container",this.validation_type?`dda-validation-${this.validation_type}`:"",this.size?`dda-input-size-${this.size}`:"",this.input_type?`dda-input-${this.input_type}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const d=this.validation_type==="error"&&(this.internalErrorMessage||this.error_message);return i(a,{key:"8812bfa5646ae5d21174169a27875982bbe9ba0f"},i("div",{key:"b97d929e83b405979b6f4f2a546dc216a85a758c",class:M},this.label&&i("span",{key:"3b2e1d9567a3edff51e363854eecb5ed2279482f",class:"dda-input-label",id:`${this.input_id}-label`},this.label),i("div",{key:"593f8bf572c819b8ead52968cf878a49719fdb84",class:"dda-input-field-group dda-attach-file"},this.file?i("div",{class:"dda-file-details"},i("div",{class:"dda-items"},i("img",{src:this.getFileIcon(this.file.name),alt:"File Icon",class:"dda-file-icon"}),i("span",{class:"dda-file-name",title:this.file.name},this.file.name)),i("button",{type:"button",class:"remove-file",name:this.button_name,id:this.delete_button_id,role:"button",tabIndex:0,"aria-label":this.button_aria_label||"Remove file",onClick:()=>this.removeFile(),disabled:this.disabled},i("i",{class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close"))):i("div",{class:"dda-file-input"},i("span",null,this.place_holder||"No File Selected"),i("button",{type:"button",class:"dda-file-choose",name:this.button_name,id:this.button_id,tabIndex:0,"aria-labelledby":`${this.button_id}-label`,onClick:()=>{var M;return(M=this.fileInputRef)===null||M===void 0?void 0:M.click()},disabled:this.disabled},this.upload_button_text||"Choose File"),i("span",{id:`${this.button_id}-label`,class:"visually-hidden"},this.upload_button_text||"Choose File"),i("label",{htmlFor:this.input_id,class:"visually-hidden"},this.label),i("input",{id:this.input_id,name:this.input_name,type:"file",accept:this.accept,disabled:this.disabled,hidden:true,ref:M=>this.fileInputRef=M,onInput:M=>this.handleFileInput(M)}))),d?i("span",{class:"dda-error-message",id:this.validation_id,role:"alert","aria-live":"assertive"},i("span",{class:"dda-d-flex dda-align-items-start dda-gap-2"},i("i",{class:"material-icons material-symbols-outlined","aria-hidden":"true"},"info"),i("span",null,this.internalErrorMessage||this.error_message))):this.isFileUploaded&&this.success_text?i("span",{class:"dda-success-text",id:this.validation_id,role:"status","aria-live":"polite"},i("span",{class:"dda-d-flex dda-align-items-start dda-gap-2"},i("i",{class:"material-icons material-symbols-outlined","aria-hidden":"true"},"check"),i("span",null,this.success_text))):this.helper_text?i("span",{class:"dda-helper-text",id:this.validation_id},i("span",{class:"dda-d-flex dda-align-items-start dda-gap-2"},i("i",{class:"material-icons material-symbols-outlined","aria-hidden":"true"},"info"),i("span",null,this.helper_text))):null))}};n.style=g;export{n as dda_attach_file};
-//# sourceMappingURL=p-2821386c.entry.js.map

package/www/build/p-2821386c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icnPDFSvg","icnPowerPointSvg","icnWordSvg","icnExcelSvg","icnImageSvg","icnVideoSvg","icnOneNoteSvg","icnDefaultSvg","inputCss","DdaAttachFileStyle0","DdaAttachFile","constructor","hostRef","this","validation_id","custom_class","aria_label","button_aria_label","disabled","max_file_size","file_size_error_message","file","isFileUploaded","internalErrorMessage","fileIcons","pdf","pdfIcon","pptx","pptIcon","docx","wordIcon","xlsx","excelIcon","png","imageIcon","jpg","jpeg","mp4","videoIcon","mkv","one","onenoteIcon","getFile","handleFileInput","event","console","log","fileInputRef","value","files","_a","target","length","selectedFile","fileSizeInMB","size","replace","toString","validation_type","fileChanged","emit","removeFile","getFileIcon","fileName","extension","split","pop","toLowerCase","defaultIcon","render","inputClass","input_type","component_mode","filter","Boolean","join","shouldShowError","error_message","h","Host","key","class","label","id","input_id","src","name","alt","title","type","button_name","delete_button_id","role","tabIndex","onClick","place_holder","button_id","click","upload_button_text","htmlFor","input_name","accept","hidden","ref","el","onInput","success_text","helper_text"],"sources":["src/assets/img/icn/file_icons/icn-PDF.svg","src/assets/img/icn/file_icons/icn-PowerPoint.svg","src/assets/img/icn/file_icons/icn-Word.svg","src/assets/img/icn/file_icons/icn-Excel.svg","src/assets/img/icn/file_icons/icn-Image.svg","src/assets/img/icn/file_icons/icn-Video.svg","src/assets/img/icn/file_icons/icn-OneNote.svg","src/assets/img/icn/file_icons/icn-default.svg","src/global/input.css?tag=dda-attach-file","src/components/dda-attach-file/dda-attach-file.tsx"],"sourcesContent":["<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M16 7.44336H13.5C12.673 7.44336 12 6.77036 12 5.94336V2.44336H4V18.4434H16V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M16 6.44336V6.15036L13 3.15036V5.94336C13 6.21836 13.225 6.44336 13.5 6.44336H16Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.707 5.44336L13 1.73636C12.8125 1.54881 12.5582 1.44342 12.293 1.44336H4C3.44772 1.44336 3 1.89107 3 2.44336V18.4434C3 18.9956 3.44772 19.4434 4 19.4434H16C16.5523 19.4434 17 18.9956 17 18.4434V6.15036C16.9999 5.88516 16.8945 5.63085 16.707 5.44336ZM16 6.15036V6.44336H13.5C13.2241 6.44281 13.0006 6.21927 13 5.94336V3.15036L16 6.15036ZM4 2.64336V18.2434C4 18.3538 4.08954 18.4434 4.2 18.4434H15.8C15.9105 18.4434 16 18.3538 16 18.2434V7.44336H13.5C12.6716 7.44336 12 6.77179 12 5.94336V2.44336H4.2C4.09 2.44336 4 2.53336 4 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M14.5 10.4434H5.5C5.22386 10.4434 5 10.2195 5 9.94336C5 9.66722 5.22386 9.44336 5.5 9.44336H14.5C14.7761 9.44336 15 9.66722 15 9.94336C15 10.2195 14.7761 10.4434 14.5 10.4434Z\" fill=\"#E0E3E2\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 16.4434V12.4434C6 11.8911 6.44772 11.4434 7 11.4434H13C13.5523 11.4434 14 11.8911 14 12.4434V16.4434C14 16.9956 13.5523 17.4434 13 17.4434H7C6.44772 17.4434 6 16.9956 6 16.4434ZM7.2 16.4434H12.794C12.8468 16.445 12.898 16.425 12.9358 16.388C12.9735 16.351 12.9946 16.3002 12.994 16.2474C12.988 15.5694 12.996 13.3154 13 12.6374C13 12.5274 12.91 12.4434 12.8 12.4434H7.2C7.09 12.4434 7 12.5334 7 12.6434V16.2434C7 16.3538 7.08954 16.4434 7.2 16.4434ZM4.75 16.4434H3C2.44772 16.4434 2 15.9956 2 15.4434V13.4434C2 12.8911 2.44772 12.4434 3 12.4434H4.75C4.88807 12.4434 5 12.5553 5 12.6934V16.1934C5 16.3314 4.88807 16.4434 4.75 16.4434ZM15.25 16.4434H17C17.5523 16.4434 18 15.9956 18 15.4434V13.4434C18 12.8911 17.5523 12.4434 17 12.4434H15.25C15.1119 12.4434 15 12.5553 15 12.6934V16.1934C15 16.3314 15.1119 16.4434 15.25 16.4434Z\" fill=\"#DD6B51\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M18 7.44336H15.5C14.673 7.44336 14 6.77036 14 5.94336V2.44336H6V18.4434H18V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M18 6.44336V6.15036L15 3.15036V5.94336C15 6.21836 15.225 6.44336 15.5 6.44336H18Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.707 5.44336L15 1.73636C14.8125 1.54881 14.5582 1.44342 14.293 1.44336H6C5.44772 1.44336 5 1.89107 5 2.44336V18.4434C5 18.9956 5.44772 19.4434 6 19.4434H18C18.5523 19.4434 19 18.9956 19 18.4434V6.15036C18.9999 5.88516 18.8945 5.63085 18.707 5.44336ZM18 6.15036V6.44336H15.5C15.2241 6.44281 15.0006 6.21927 15 5.94336V3.15036L18 6.15036ZM6 2.64336V18.2434C6 18.3538 6.08954 18.4434 6.2 18.4434H17.8C17.9105 18.4434 18 18.3538 18 18.2434V7.44336H15.5C14.6716 7.44336 14 6.77179 14 5.94336V2.44336H6.2C6.09 2.44336 6 2.53336 6 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M15.95 11.4434H14L13 10.4434L12 11.4434V13.9324C12.419 14.2484 12.935 14.4434 13.5 14.4434C14.2508 14.4435 14.9619 14.1062 15.4368 13.5247C15.9118 12.9432 16.1002 12.179 15.95 11.4434Z\" fill=\"#DD6B51\"/>\r\n<path d=\"M13.5 9.44336C12.9578 9.44449 12.4309 9.62328 12 9.95236V11.4434H14V9.49336C13.8354 9.46001 13.6679 9.44326 13.5 9.44336V9.44336Z\" fill=\"#FFEBE6\"/>\r\n<path d=\"M15 10.4434H17C16.7939 9.43641 16.0069 8.6495 15 8.44336V10.4434H15Z\" fill=\"#FFEBE6\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#DD6B51\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.50496 8.92436C7.17596 8.60336 6.69996 8.44336 6.07996 8.44336H4.01196V14.4434H4.99996V12.3224H6.01496C6.37901 12.33 6.73878 12.2428 7.05896 12.0694C7.35996 11.9004 7.59096 11.6644 7.75496 11.3594C7.91896 11.0554 7.99996 10.7074 7.99996 10.3174C7.99996 9.71036 7.83496 9.24536 7.50496 8.92436ZM5.89896 11.4434H4.99996V9.43136H5.93096C6.35896 9.43136 6.99996 9.43536 6.99996 10.4434C6.99996 11.3414 6.40596 11.4434 5.89896 11.4434Z\" fill=\"#E0E3E2\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M18 7.44336H15.5C14.673 7.44336 14 6.77036 14 5.94336V2.44336H6V18.4434H18V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M18 6.44336V6.15036L15 3.15036V5.94336C15 6.21836 15.225 6.44336 15.5 6.44336H18Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.707 5.44336L15 1.73636C14.8125 1.54881 14.5582 1.44342 14.293 1.44336H6C5.44772 1.44336 5 1.89107 5 2.44336V18.4434C5 18.9956 5.44772 19.4434 6 19.4434H18C18.5523 19.4434 19 18.9956 19 18.4434V6.15036C18.9999 5.88516 18.8945 5.63085 18.707 5.44336ZM18 6.15036V6.44336H15.5C15.2241 6.44281 15.0006 6.21927 15 5.94336V3.15036L18 6.15036ZM6 2.64336V18.2434C6 18.3538 6.08954 18.4434 6.2 18.4434H17.8C17.9105 18.4434 18 18.3538 18 18.2434V7.44336H15.5C14.6716 7.44336 14 6.77179 14 5.94336V2.44336H6.2C6.09 2.44336 6 2.53336 6 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M16.5 12.4434H12V13.4434H16.5C16.7761 13.4434 17 13.2195 17 12.9434C17 12.6672 16.7761 12.4434 16.5 12.4434Z\" fill=\"#006A67\"/>\r\n<path d=\"M16.5 10.4434H12V11.4434H16.5C16.7761 11.4434 17 11.2195 17 10.9434C17 10.6672 16.7761 10.4434 16.5 10.4434Z\" fill=\"#006A67\"/>\r\n<path d=\"M16.5 8.44336H12V9.44336H16.5C16.7761 9.44336 17 9.2195 17 8.94336C17 8.66722 16.7761 8.44336 16.5 8.44336Z\" fill=\"#006687\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#006A67\"/>\r\n<path d=\"M7.21 14.3794L6 9.93935L4.794 14.3794H3.918L2.755 8.53735H3.641L4.449 12.3634L5.523 8.53735H6.389L7.54201 12.4534L8.34401 8.53735H9.229L8.085 14.3794H7.21Z\" fill=\"white\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M18 7.44336H15.5C14.673 7.44336 14 6.77036 14 5.94336V2.44336H6V18.4434H18V7.44336Z\" fill=\"white\"/>\r\n<path d=\"M18 6.44336V6.15036L15 3.15036V5.94336C15 6.21836 15.225 6.44336 15.5 6.44336H18Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.707 5.44336L15 1.73636C14.8125 1.54881 14.5582 1.44342 14.293 1.44336H6C5.44772 1.44336 5 1.89107 5 2.44336V18.4434C5 18.9956 5.44772 19.4434 6 19.4434H18C18.5523 19.4434 19 18.9956 19 18.4434V6.15036C18.9999 5.88516 18.8945 5.63085 18.707 5.44336ZM18 6.15036V6.44336H15.5C15.2241 6.44281 15.0006 6.21927 15 5.94336V3.15036L18 6.15036ZM6 2.64336V18.2434C6 18.3538 6.08954 18.4434 6.2 18.4434H17.8C17.9105 18.4434 18 18.3538 18 18.2434V7.44336H15.5C14.6716 7.44336 14 6.77179 14 5.94336V2.44336H6.2C6.09 2.44336 6 2.53336 6 2.64336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#0D6D2D\"/>\r\n<path d=\"M4.60602 14.4434L8.31302 8.44336H7.15002L3.39502 14.4434H4.60602Z\" fill=\"white\"/>\r\n<path d=\"M7.37299 14.4434L3.66699 8.44336H4.82899L8.58299 14.4434H7.37299Z\" fill=\"white\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.084 14.3254H17V10.5834C17 9.15636 16.327 8.44336 14.982 8.44336C14.6146 8.45162 14.2501 8.51085 13.899 8.61936C13.493 8.73636 13.206 8.85836 13.039 8.98536V9.92336C13.594 9.45836 14.216 9.22536 14.904 9.22536C15.691 9.22536 16.084 9.70936 16.084 10.6784L14.369 10.9184C13.109 11.0974 12.479 11.7184 12.479 12.7834C12.479 13.2914 12.646 13.6934 12.977 13.9934C13.308 14.2934 13.751 14.4434 14.301 14.4434C15.075 14.4434 15.663 14.0994 16.061 13.4104H16.084V14.3254ZM14.698 11.6054L16.084 11.4104V11.9794C16.084 12.4604 15.935 12.8614 15.639 13.1814C15.344 13.5014 14.968 13.6614 14.514 13.6614C14.193 13.6614 13.93 13.5754 13.725 13.4024C13.52 13.2284 13.418 12.9984 13.418 12.7124C13.418 12.3574 13.513 12.1024 13.703 11.9434C13.893 11.7854 14.225 11.6724 14.698 11.6054Z\" fill=\"#0D6D2D\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M3.5 17.4434H16.5C16.775 17.4434 17 17.2184 17 16.9434V3.94336C17 3.66836 16.775 3.44336 16.5 3.44336H3.5C3.225 3.44336 3 3.66836 3 3.94336V16.9434C3 17.2184 3.225 17.4434 3.5 17.4434Z\" fill=\"white\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.691 11.1004L10.813 12.3864L9.12599 10.0604C8.93788 9.80101 8.63689 9.64749 8.31649 9.64749C7.9961 9.64749 7.6951 9.80101 7.50699 10.0604L5.11699 13.3564C4.89632 13.6607 4.86498 14.0631 5.03589 14.398C5.20679 14.7328 5.55105 14.9435 5.92699 14.9434H14.073C14.4438 14.9435 14.7843 14.7383 14.9575 14.4104C15.1307 14.0825 15.1082 13.6856 14.899 13.3794L13.343 11.0994C13.1567 10.8264 12.8475 10.663 12.517 10.663C12.1865 10.663 11.8773 10.8264 11.691 11.0994V11.1004Z\" stroke=\"#E0E3E2\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5 7.94336C14.0523 7.94336 14.5 7.49564 14.5 6.94336C14.5 6.39107 14.0523 5.94336 13.5 5.94336C12.9477 5.94336 12.5 6.39107 12.5 6.94336C12.5 7.49564 12.9477 7.94336 13.5 7.94336Z\" stroke=\"#835400\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.5 18.4434H16.5C17.327 18.4434 18 17.7704 18 16.9434V3.94336C18 3.11636 17.327 2.44336 16.5 2.44336H3.5C2.673 2.44336 2 3.11636 2 3.94336V16.9434C2 17.7704 2.673 18.4434 3.5 18.4434ZM3 3.94336C3 3.66722 3.22386 3.44336 3.5 3.44336H16.5C16.7761 3.44336 17 3.66722 17 3.94336V16.9434C17 17.2195 16.7761 17.4434 16.5 17.4434H3.5C3.22386 17.4434 3 17.2195 3 16.9434V3.94336Z\" fill=\"#3F4948\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M3.5 17.4434H16.5C16.775 17.4434 17 17.2184 17 16.9434V3.94336C17 3.66836 16.775 3.44336 16.5 3.44336H3.5C3.225 3.44336 3 3.66836 3 3.94336V16.9434C3 17.2184 3.225 17.4434 3.5 17.4434Z\" fill=\"white\"/>\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.5 18.4434H16.5C17.327 18.4434 18 17.7704 18 16.9434V3.94336C18 3.11636 17.327 2.44336 16.5 2.44336H3.5C2.673 2.44336 2 3.11636 2 3.94336V16.9434C2 17.7704 2.673 18.4434 3.5 18.4434ZM3 3.94336C3 3.66722 3.22386 3.44336 3.5 3.44336H16.5C16.7761 3.44336 17 3.66722 17 3.94336V16.9434C17 17.2195 16.7761 17.4434 16.5 17.4434H3.5C3.22386 17.4434 3 17.2195 3 16.9434V3.94336Z\" fill=\"#3F4948\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5 10.4434L8.5 7.94336V12.9434L12.5 10.4434Z\" stroke=\"#006687\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n","<svg width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path opacity=\"0.64\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 19.4434H16.5C17.327 19.4434 18 18.7704 18 17.9434V7.44336C18.5523 7.44336 19 6.99564 19 6.44336V3.44336C19 2.89107 18.5523 2.44336 18 2.44336H17.914C17.708 1.86136 17.152 1.44336 16.5 1.44336H6.5C5.673 1.44336 5 2.11636 5 2.94336V17.9434C5 18.7704 5.673 19.4434 6.5 19.4434ZM6 2.94336C6 2.66722 6.22386 2.44336 6.5 2.44336H16.5C16.7761 2.44336 17 2.66722 17 2.94336V3.44336H18V6.44336H17V17.9434C17 18.2195 16.7761 18.4434 16.5 18.4434H6.5C6.22386 18.4434 6 18.2195 6 17.9434V2.94336Z\" fill=\"#3F4948\"/>\r\n<path d=\"M18 3.44336H17V2.94336C17 2.66722 16.7761 2.44336 16.5 2.44336H6.5C6.22386 2.44336 6 2.66722 6 2.94336V17.9434C6 18.2195 6.22386 18.4434 6.5 18.4434H16.5C16.7761 18.4434 17 18.2195 17 17.9434V6.44336H18V3.44336Z\" fill=\"white\"/>\r\n<path d=\"M2 16.4434H10C10.5523 16.4434 11 15.9956 11 15.4434V7.44336C11 6.89107 10.5523 6.44336 10 6.44336H2C1.44772 6.44336 1 6.89107 1 7.44336V15.4434C1 15.9956 1.44772 16.4434 2 16.4434Z\" fill=\"#904EDB\"/>\r\n<path d=\"M9 14.4434H7.604C7.604 14.4434 3.995 9.76036 4 9.75536V14.4434H3V8.44336H4.27C4.27 8.44336 7.898 13.1054 8 13.2714V8.44336H9V14.4434Z\" fill=\"white\"/>\r\n</svg>\r\n","<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"21\" fill=\"#3F4948\" viewBox=\"0 0 256 256\"><path d=\"M210.83,85.17l-56-56A4,4,0,0,0,152,28H56A12,12,0,0,0,44,40V216a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V88A4,4,0,0,0,210.83,85.17ZM156,41.65,198.34,84H156ZM200,220H56a4,4,0,0,1-4-4V40a4,4,0,0,1,4-4h92V88a4,4,0,0,0,4,4h52V216A4,4,0,0,1,200,220Z\"></path></svg>",".dda-input-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    position: relative;\r\n}\r\n\r\n.dda-input-label {\r\n    font-size: var(--font-body);\r\n    color: var(--dda-on-surface-0);\r\n    line-height: 24px;\r\n    font-weight: var(--font-weight-regular);\r\n}\r\n.light-mode .dda-input-label {\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field-wrapper {\r\n    position: relative;\r\n}\r\n\r\n.dda-field-group-input {\r\n    height: 32px;\r\n    background-color: transparent;\r\n    flex: 1;\r\n    font-size: var(--font-caption);\r\n    font-weight: var(--dda-fw-400);\r\n    padding: 0px;\r\n    color: var(--dda-on-surface-0);\r\n    border: none;\r\n    outline: none;\r\n}\r\n.light-mode .dda-field-group-input{\r\n    color: var(--dda-neutral-0);\r\n} \r\n.dda-input-field-group {\r\n    width: 100%;\r\n    height: 55px;\r\n    padding: 8px 16px;\r\n    background: var(--dda-surface-100);\r\n    border: 1px solid var(--dda-surface-90);\r\n    border-radius: 8px;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-0);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n.light-mode .dda-input-field-group{\r\n    background: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-field {\r\n    width: 100%;\r\n    height: 55px;\r\n    padding: 8px 16px;\r\n    background: var(--dda-surface-100);\r\n    border: 1px solid var(--dda-surface-90);\r\n    border-radius: 8px;\r\n    font-size: var(--font-body);\r\n    color: var(--dda-on-surface-0);\r\n    font-weight: var(--dda-fw-400);\r\n}\r\n.dda-date-picker input{\r\n    color: var(--dda-on-surface-40)\r\n}\r\n.dda-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n  color: var(--dda-on-surface-40);\r\n}\r\n.dda-date-picker input[type=\"date\"]::-moz-calendar-picker-indicator {\r\n  /* filter: invert(20%) sepia(90%) saturate(300%) hue-rotate(180deg); */\r\n}\r\n.dda-date-picker input[type=\"date\"].has-value {\r\n    color: var(--dda-on-surface-0);\r\n}\r\n.light-mode .dda-input-field{\r\n    background: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    color: var(--dda-neutral-0);\r\n}\r\n.dda-input-size-small .dda-input-field-group,\r\n.dda-input-size-small .dda-input-field {\r\n    height: 48px;\r\n    padding: 8px 12px;\r\n}\r\n\r\n.dda-input-focus-filled .dda-phone-field,   \r\n.dda-input-focus .dda-input-field-group,\r\n.dda-input-field:focus {\r\n    /* outline: none; */\r\n    border-color: var(--dda-color-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n.dda-input-field:focus-visible {\r\n    outline: 1px solid var(--dda-color-primary-40);\r\n    outline-offset: -1px;\r\n}\r\n.light-mode.dda-input-focus-filled .dda-phone-field,\r\n.light-mode.dda-input-focus .dda-input-field-group,\r\n.light-mode .dda-input-field:focus {\r\n    outline: none;\r\n    border-color: var(--dda-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n\r\n.dda-input-dropdown-btn {\r\n    min-width: 110px;\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 0;\r\n}\r\n\r\n.dda-dropdown-select {\r\n    width: 100%;\r\n    height: 32px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background: transparent;\r\n    border: transparent;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-0);\r\n    padding: 0;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    gap: 6px;\r\n}\r\n.dda-dropdown-select:focus-visible{\r\n    outline: 1px solid var(--dda-color-primary-40);\r\n    outline-offset: 1px;\r\n}\r\n.light-mode .dda-dropdown-select{\r\n    color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-dropdown-select img {\r\n    width: 24px;\r\n}\r\n\r\n\r\n.dda-dropdown-container {\r\n    position: relative;\r\n    width: auto;\r\n    /* min-width: 140px; */\r\n}\r\n.dda-dropdown-container.bg-transparent .dda-dropdown-header{\r\n    padding: 0px;\r\n    height: auto;\r\n    background: transparent;\r\n    border: transparent;\r\n    box-shadow: none;\r\n}\r\n.dda-dropdown-header {\r\n    width: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n.dda-dropdown-header .three-dots{\r\n    font-size: 25px;\r\n    color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .three-dots path{\r\n    fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text{\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text span{\r\n    color: var(--dda-on-surface-variant-30);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.light-mode .dda-dropdown-text span{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header .dda-dropdown-text i{\r\n    font-size: 31px;\r\n}\r\n.dda-dropdown-header .dda-dropdown-text path{\r\n    fill: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-dropdown-header .dda-dropdown-text path{\r\n    fill: var(--dda-neutral-variant-30);\r\n}\r\n.dda-dropdown-header:focus .three-dots path{\r\n    fill: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-input-dropdown-list {\r\n    width: 100%;\r\n    min-width: 150px;\r\n    max-height: 200px;\r\n    background-color: var(--dda-neutral-100);\r\n    border: 1px solid var(--dda-neutral-90);\r\n    border-radius: 8px;\r\n    overflow-y: auto;\r\n    position: absolute;\r\n    top: 100%;\r\n    margin-top: 1px;\r\n    inset-inline-start: 0px;\r\n    z-index: 9999;\r\n    box-shadow: 0px 8px 10px -6px #1018281A;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-track {\r\n    border-radius: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar {\r\n    width: 4px;\r\n}\r\n\r\n.dda-input-dropdown-list::-webkit-scrollbar-thumb {\r\n    border-radius: 4px;\r\n    background-color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-dropdown-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    width: 100%;\r\n    font-size: var(--font-caption);\r\n    background: transparent;\r\n    border: transparent;\r\n    padding: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.dda-input-dropdown-item:focus-visible,\r\n.dda-input-dropdown-item:hover,\r\n.dda-input-dropdown-item.selected {\r\n    background-color: var(--dda-neutral-variant-95);\r\n    outline: 0;\r\n}\r\n.dda-input-dropdown-list .country-select img{\r\n    width: 20px;\r\n}\r\n\r\n.dda-helper-text {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-helper-text{\r\n    color: var(--dda-neutral-30);\r\n}\r\n.dda-error-message {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.dda-helper-text i,\r\n.dda-helper-text svg,\r\n.dda-error-message i,\r\n.dda-error-message svg  {\r\n    font-size: 21px;\r\n}\r\n\r\n.dda-success-text {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-color-success-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field-group,\r\n.dda-validation-error .dda-input-field {\r\n    color: var(--dda-color-error-40);\r\n    border-color: var(--dda-color-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field-group,\r\n.light-mode.dda-validation-error .dda-input-field {\r\n    color: var(--dda-error-40);\r\n    border-color: var(--dda-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.dda-validation-error .icon-close,\r\n.dda-validation-error .dda-error-message,\r\n.dda-validation-error .dda-field-group-input,\r\n.dda-validation-error .dda-file-input span {\r\n    color: var(--dda-color-error-40) !important;\r\n}\r\n\r\n.light-mode.dda-validation-error .icon-close,\r\n.light-mode.dda-validation-error .dda-error-message,\r\n.light-mode.dda-validation-error .dda-field-group-input,\r\n.light-mode.dda-validation-error .dda-file-input span {\r\n    color: var(--dda-error-40) !important;\r\n}\r\n\r\n.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::-ms-input-placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::-ms-input-placeholder {\r\n    color: var(--dda-error-40);\r\n}\r\n\r\n.dda-validation-error .dda-input-field::placeholder,\r\n.dda-validation-error .dda-field-group-input::placeholder {\r\n    color: var(--dda-color-error-40);\r\n}\r\n\r\n.light-mode.dda-validation-error .dda-input-field::placeholder,\r\n.light-mode.dda-validation-error .dda-field-group-input::placeholder {\r\n    color: var(--dda-error-40);\r\n}\r\n\r\n.dda-input-disabled .dda-input-label,\r\n.dda-input-disabled .dda-helper-text,\r\n.dda-input-disabled .dda-error-message,\r\n.dda-input-disabled i,\r\n.dda-input-disabled .dda-dropdown-select,\r\n.dda-input-disabled .dda-file-input span,\r\n.dda-input-disabled .dda-file-choose {\r\n    color: var(--dda-neutral-60) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-input-field-group,\r\n.dda-input-disabled .dda-input-field {\r\n    background: var(--dda-neutral-92);\r\n    border-color: var(--dda-neutral-90);\r\n    color: var(--dda-neutral-60) !important;\r\n    box-shadow: none;\r\n    pointer-events: none;\r\n    outline: none;\r\n}\r\n.dda-input-disabled i{\r\n    color: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled svg path{\r\n    fill: var(--dda-neutral-variant-60);\r\n}\r\n.dda-input-disabled .dda-input-field::-ms-input-placeholder {\r\n    color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-input-field::placeholder {\r\n    color: var(--dda-neutral-60);\r\n}\r\n\r\n.dda-input-disabled .dda-btn {\r\n    background-color: var(--dda-neutral-70) !important;\r\n    border-color: var(--dda-neutral-70) !important;\r\n}\r\n\r\n.dda-input-disabled .dda-dropdown-select img,\r\n.dda-input-disabled .dda-input-field-wrapper img {\r\n    filter: grayscale(1);\r\n}\r\n\r\n/*Specifications*/\r\n\r\n/*Number Field*/\r\n.dda-number-field .dda-field-group-input {\r\n    padding-inline-end: 10px;\r\n    border-inline-end: solid 1px var(--dda-neutral-90);\r\n}\r\n\r\n.dda-number-field .dda-field-group-input:focus,\r\n.dda-phone-field .dda-field-group-input:focus {\r\n    border-inline-start: solid 1px var(--dda-color-primary-40);\r\n}   \r\n.dda-number-field .dda-field-group-input:focus-visible,\r\n.dda-phone-field .dda-field-group-input:focus-visible {\r\n    outline: 1px solid var(--dda-surface-100);\r\n    outline-offset: -1px;\r\n}\r\n.dda-number-field .dda-input-dropdown-btn {\r\n    min-width: 80px;\r\n}\r\n\r\n.dda-number-field .dda-input-dropdown-list {\r\n    top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-number-field .dda-input-dropdown-list {\r\n    top: 41px;\r\n}\r\n\r\n/*text ares*/\r\n.dda-input-textarea {\r\n    height: auto;\r\n    min-height: 120px;\r\n    resize: vertical;\r\n}\r\n\r\n/*Search Field*/\r\n.dda-search-area {\r\n    position: relative;\r\n}\r\n\r\n.dda-search-area .icon-left {\r\n    position: absolute;\r\n    top: 16px;\r\n    inset-inline-start: 15px;\r\n    font-size: 24px;\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.light-mode .dda-search-area .icon-left{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-input-size-small .dda-search-area .icon-left {\r\n    top: 14px;\r\n}\r\n\r\n.dda-search-area .dda-search-btngroup {\r\n    height: 40px;\r\n    position: absolute;\r\n    top: 7px;\r\n    inset-inline-end: 7px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.dda-input-size-small .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n.dda-search-area .dda-search-close-icon {\r\n    display: flex;\r\n    color: var(--dda-on-surface-variant-30);\r\n    font-size: 20px;\r\n    margin: 0px;\r\n    padding: 0px;\r\n    background: none;\r\n    border: 0;\r\n    cursor: pointer;\r\n}\r\n\r\n.light-mode .dda-search-area .dda-search-close-icon{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-search-field {\r\n    padding: 8px 26px 8px 40px;\r\n}\r\n\r\n.dda-search-action .dda-search-field {\r\n    padding-top: 8px;\r\n    padding-bottom: 8px;\r\n    padding-inline-start: 40px;\r\n}\r\n.dda-search-action .dda-search-field.has-search-button{\r\n    padding-inline-end: 110px;\r\n}\r\n.dda-search-sm .icon-left {\r\n    top: 14px;\r\n}\r\n\r\n.dda-search-sm .dda-search-btngroup {\r\n    top: 4px;\r\n}\r\n\r\n/*Phone Field*/\r\n.dda-phone-field-group {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.dda-phone-field-group.dda-phone-field-small {\r\n    height: 48px;\r\n}\r\n\r\n.dda-phone-field-group.focused,\r\n.dda-phone-field-group.filled {\r\n    outline: none;\r\n    border-color: var(--dda-color-primary-40);\r\n    box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n\r\n.dda-phone-field-group.error {\r\n    border-color: var(--dda-color-error-40);\r\n    box-shadow: none;\r\n}\r\n\r\n.phone-field-country-code {\r\n    border: none;\r\n    background: none;\r\n    margin-inline-end: 0.5rem;\r\n    font-size: 1rem;\r\n    color: var(--dda-on-surface-0);\r\n}\r\n\r\n.phone-field-country-code:focus-within {\r\n    outline: 0;\r\n}\r\n\r\n.dda-phone-field .dda-input-dropdown-list {\r\n    top: 44px;\r\n}\r\n\r\n.dda-input-size-small .dda-phone-field .dda-input-dropdown-list {\r\n    top: 41px;\r\n}\r\n\r\n/*Credit Card Field*/\r\n.dda-credit-card-field .dda-creditcard-icon {\r\n    width: 40px;\r\n    position: absolute;\r\n    top: 14px;\r\n    inset-inline-start: 15px;\r\n}\r\n\r\n.dda-input-size-small .dda-creditcard-icon {\r\n    top: 11px;\r\n}\r\n\r\n.dda-credit-card-field .dda-input-field {\r\n    padding: 8px 16px 8px 65px;\r\n}\r\n[dir=\"rtl\"]  .dda-credit-card-field .dda-input-field {\r\n    padding: 8px 65px 8px 16px;\r\n}\r\n/*Select Field*/\r\n.dda-select-header {\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.dda-select-header i {\r\n    font-size: 28px;\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.dda-select-header .dda-select-button-label:empty {\r\n  flex-grow: 1;\r\n}\r\n/*Rich Text Editor*/\r\n.dda-input-container.dda-richtext-editor {\r\n    gap: 0px;\r\n}\r\n\r\n.dda-richtext-editor .dda-input-label {\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.dda-richtext-editor .dda-helper-text,\r\n.dda-richtext-editor .dda-error-message {\r\n    margin-top: 8px;\r\n}\r\n\r\n.dda-richtext-editor .ql-toolbar.ql-snow {\r\n    border: 1px solid var(--dda-neutral-90) !important;\r\n    border-radius: 8px 8px 0 0;\r\n}\r\n\r\n.dda-richeditor-field {\r\n    border: 1px solid var(--dda-neutral-90) !important;\r\n    border-radius: 0 0 8px 8px;\r\n}\r\n\r\n.dda-richeditor-field .ql-editor {\r\n    height: 100px;\r\n    font-size: var(--font-caption);\r\n}\r\n\r\n/*Attach Files*/\r\n\r\n.dda-input-field-group.dda-attach-file {\r\n    padding-inline-end: 6px;\r\n}\r\n\r\n.dda-file-input {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.dda-file-input span {\r\n    font-size: var(--font-caption);\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-file-input span{\r\n    color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-file-choose {\r\n    height: 40px;\r\n    background-color: var(--dda-neutral-100);\r\n    border: solid 1px var(--dda-neutral-90);\r\n    color: var(--dda-color-primary-40);\r\n    font-weight: var(--dda-fw-500);\r\n    padding: 8px 16px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n.dda-file-choose:focus{\r\n    outline: solid 1px var(--dda-color-primary-40);\r\n    outline-offset: -1px;\r\n}\r\n\r\n.light-mode .dda-file-choose {\r\n    color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-input-disabled .dda-file-choose {\r\n    background-color: var(--dda-neutral-95);\r\n}\r\n\r\n.dda-file-choose input {\r\n    display: none;\r\n}\r\n\r\n.dda-file-details {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-inline-end: 10px;\r\n}\r\n\r\n.dda-file-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n}\r\n\r\n.dda-items {\r\n    width: calc(100% - 30px);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.dda-file-details .remove-file{\r\n    margin: 0;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: transparent;\r\n}\r\n.dda-file-details .remove-file svg{\r\n    font-size: var(--font-caption);\r\n}\r\n.dda-file-name {\r\n    width: 100%;\r\n    font-size: var(--font-caption);\r\n    white-space: nowrap;\r\n    overflow-x: auto;\r\n    -ms-overflow-style: none;\r\n    scrollbar-width: none;\r\n    position: relative;\r\n    text-overflow: ellipsis\r\n}\r\n.dda-file-name::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n\r\n\r\n\r\n.dda-remove-file {\r\n    font-size: 20px;\r\n    background: transparent;\r\n    border: transparent;\r\n    color: var(--dda-on-surface-variant-30);\r\n    cursor: pointer;\r\n    padding: 0px;\r\n}\r\n\r\ninput[type=\"date\"]::-webkit-input-placeholder {\r\n    color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::-moz-placeholder {\r\n    color: transparent;\r\n}\r\n\r\ninput[type=\"date\"]::placeholder {\r\n    color: transparent;\r\n}\r\n","import { Component, Prop, State, Event, EventEmitter, Method, h, Host } from '@stencil/core';\r\nimport pdfIcon from '../../assets/img/icn/file_icons/icn-PDF.svg';\r\nimport pptIcon from '../../assets/img/icn/file_icons/icn-PowerPoint.svg';\r\nimport wordIcon from '../../assets/img/icn/file_icons/icn-Word.svg';\r\nimport excelIcon from '../../assets/img/icn/file_icons/icn-Excel.svg';\r\nimport imageIcon from '../../assets/img/icn/file_icons/icn-Image.svg';\r\nimport videoIcon from '../../assets/img/icn/file_icons/icn-Video.svg';\r\nimport onenoteIcon from '../../assets/img/icn/file_icons/icn-OneNote.svg';\r\nimport defaultIcon from '../../assets/img/icn/file_icons/icn-default.svg';\r\n\r\n@Component({\r\n  tag: 'dda-attach-file',\r\n  styleUrls: ['../../global/input.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAttachFile {\r\n  @Prop() label: string;\r\n  @Prop() place_holder: string;\r\n  @Prop() upload_button_text: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() success_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() size?: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() input_type?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_aria_label?: string = '';\r\n  @Prop() input_id: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() delete_button_id: string;\r\n  @Prop() button_name?: string;\r\n  @Prop() accept?: string;\r\n  @Prop() disabled: boolean = false;\r\n\r\n  @Prop() max_file_size: number = 5; // in MB\r\n  @Prop() file_size_error_message: string = 'File size should not exceed {max} MB';\r\n  \r\n  @State() file: File | null = null;\r\n  @State() isFileUploaded: boolean = false;\r\n  @State() internalErrorMessage: string = '';\r\n\r\n  private fileInputRef: HTMLInputElement;\r\n\r\n  @Event() fileChanged: EventEmitter<File | null>;\r\n\r\n  @Method()\r\n  async getFile(): Promise<File | null> {\r\n    return this.file;\r\n  }\r\n\r\n  private fileIcons = {\r\n    pdf: pdfIcon,\r\n    pptx: pptIcon,\r\n    docx: wordIcon,\r\n    xlsx: excelIcon,\r\n    png: imageIcon,\r\n    jpg: imageIcon,\r\n    jpeg: imageIcon,\r\n    mp4: videoIcon,\r\n    mkv: videoIcon,\r\n    one: onenoteIcon,\r\n  };\r\n\r\n  handleFileInput(event: Event) {\r\n    console.log(this.fileInputRef.value);\r\n    \r\n    const files = (event.target as HTMLInputElement)?.files;\r\n    if (files && files.length > 0) {\r\n      const selectedFile = files[0];\r\n      const fileSizeInMB = selectedFile.size / (1024 * 1024);\r\n\r\n      if (this.max_file_size && fileSizeInMB > this.max_file_size) {\r\n        this.file = null;\r\n        this.isFileUploaded = false;\r\n        this.internalErrorMessage = this.file_size_error_message.replace('{max}', this.max_file_size.toString());\r\n        this.validation_type = 'error';\r\n        this.fileChanged.emit(null);\r\n        return;\r\n      }\r\n\r\n      this.file = selectedFile;\r\n      this.isFileUploaded = true;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(this.file);\r\n    } else {\r\n      this.file = null;\r\n      this.isFileUploaded = false;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(null);\r\n    }\r\n  }\r\n\r\n  removeFile() {\r\n    this.file = null;\r\n    this.isFileUploaded = false;\r\n   if (this.fileInputRef) {\r\n  this.fileInputRef.value = null;\r\n}\r\n    this.internalErrorMessage = '';\r\n    this.validation_type = 'normal';\r\n    this.fileChanged.emit(null);\r\n  }\r\n\r\n  getFileIcon(fileName: string) {\r\n    const extension = fileName.split('.').pop()?.toLowerCase();\r\n    return this.fileIcons[extension] || defaultIcon;\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_type ? `dda-input-${this.input_type}` : '',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    const shouldShowError = this.validation_type === 'error' && (this.internalErrorMessage || this.error_message);\r\n\r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && (\r\n            <span class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n              {this.label}\r\n            </span>\r\n          )}\r\n\r\n          <div class=\"dda-input-field-group dda-attach-file\">\r\n            {this.file ? (\r\n              <div class=\"dda-file-details\">\r\n                <div class=\"dda-items\">\r\n                  <img src={this.getFileIcon(this.file.name)} alt=\"File Icon\" class=\"dda-file-icon\" />\r\n                  <span class=\"dda-file-name\" title={this.file.name}>{this.file.name}</span>\r\n                </div>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"remove-file\"\r\n                  name={this.button_name}\r\n                  id={this.delete_button_id}\r\n                  role=\"button\"\r\n                  tabIndex={0}\r\n                  aria-label={this.button_aria_label || 'Remove file'}\r\n                  onClick={() => this.removeFile()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n                </button>\r\n              </div>\r\n            ) : (\r\n              <div class=\"dda-file-input\">\r\n                <span>{this.place_holder || 'No File Selected'}</span>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dda-file-choose\"\r\n                  name={this.button_name}\r\n                  id={this.button_id}\r\n                  tabIndex={0}\r\n                  aria-labelledby={`${this.button_id}-label`}\r\n                  onClick={() => this.fileInputRef?.click()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </button>\r\n                <span id={`${this.button_id}-label`} class=\"visually-hidden\">\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </span>\r\n\r\n                <label htmlFor={this.input_id} class=\"visually-hidden\">\r\n                  {this.label}\r\n                </label>\r\n                <input\r\n                  id={this.input_id}\r\n                  name={this.input_name}\r\n                  type=\"file\"\r\n                  accept={this.accept}\r\n                  disabled={this.disabled}\r\n                  hidden\r\n                  ref={(el) => (this.fileInputRef = el as HTMLInputElement)}\r\n                  onInput={(event) => this.handleFileInput(event)}\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {shouldShowError ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\" aria-live=\"assertive\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.internalErrorMessage || this.error_message}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.isFileUploaded && this.success_text ? (\r\n            <span class=\"dda-success-text\" id={this.validation_id} role=\"status\" aria-live=\"polite\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">check</i>\r\n                <span>{this.success_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.helper_text ? (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.helper_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : null}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-2d505693.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as d}from"./p-1b339a0a.js";const t=class{constructor(e){a(this,e);this.custom_class="";this.chip_list=[];this.avatar_list=[]}componentWillRender(){const a=document.querySelector("dda-event-card");const e=a===null||a===void 0?void 0:a.getAttribute("data-chip-list");if(e){try{const a=JSON.parse(e);if(Array.isArray(a)){this.chip_list=a}}catch(a){console.warn("Invalid chip_list JSON:",a)}}const d=a===null||a===void 0?void 0:a.getAttribute("data-avatar-list");if(d){try{const a=JSON.parse(d);if(Array.isArray(a)){this.avatar_list=a}}catch(a){console.warn("Invalid avatar_list JSON:",a)}}}render(){var a;const t=["dda-card",this.custom_class].filter(Boolean).join(" ");return e(d,{key:"ba598b9116c5aae3c6787406c020163adff982c7"},e("div",{key:"902f6fb71e807a866c682f66bb3d236c0ad877ff",class:t,role:"region","aria-label":this.header_text?`Card: ${this.header_text}`:"Information card"},this.card_header_text&&e("div",{key:"5cf64ae0d37d8ab5603c9905089f74eb9cd13222",class:"dda-card-header",role:"heading","aria-level":"2"},e("h6",{key:"5f3fc8c65b15ee6321c99f5af126a2c23e6effaa",class:"h6 Regular","aria-label":"Card header"},this.card_header_text),this.card_header_icon&&e("dda-button",{key:"20fdf80bb8e511114ebb0dbb06dc1e4b4750f27d",button_color:"onsurface-link",icon_button_shape:"circle",start_icon:this.card_header_icon,custom_class:"dda-header-dots",component_mode:"",button_id:this.card_header_icon_id,aria_label:"Card options menu",onClick:()=>console.log("clicked"),button_name:"Card menu",size:"md",class:"hydrated"})),this.image_src&&e("div",{key:"b402119cff3c369c4e7257b2e72c1614f417a444",class:"dda-position-relative"},e("img",{key:"a783400de17e2ca95bf798b894347c2051876325",src:this.image_src,class:"dda-card-img",alt:this.header_text?`${this.header_text} image`:"Card image"}),e("div",{key:"49222113d0c4b313546fa77ec14a5dd6a484fb06",class:"dda-card-event-date","aria-label":"Event date"},e("p",{key:"a482fe2d68d762e1d3ad12eac78e6eb76b79990f",class:"caption Regular dda-m-0 dda-p-0","aria-label":`Month: ${this.event_month}`},this.event_month),e("h4",{key:"d29df49fded18727ce6c97523e3f043793ed1274",class:"h4 Regular","aria-label":`Date: ${this.event_date}`},this.event_date))),e("div",{key:"aad73efaed04714d4352bc4c889b625cefe9ba86",class:"dda-card-body"},e("h5",{key:"0bbc73e406dbb341b7d83051b7f3be4e0b514ee0",class:"h5 Regular","aria-label":"Card title"},this.header_text),e("p",{key:"97968b273f8e1a60120d0b21365afdbe5fda48c6",class:"dda-card-text dda-d-flex dda-align-items-start dda-gap-2","aria-label":"Card description"},this.body_text),e("ul",{key:"f8251747c5add301d30fa6dc52072c83ebfcbb7a",class:"chips-container","aria-label":"Tags"},this.chip_list.map(((a,d)=>e("li",{key:d},e("dda-chip",{chip_text:a.chip_text,chip_icon:"fiber_manual_record",chip_icon_family:"material-icons",chip_icon_size:"sm",rounded:"circle",size:"lg",bg_color:"grey"}))))),((a=this.avatar_list)===null||a===void 0?void 0:a.some((a=>a.src)))&&e("div",{key:"e3369969013c520f76fe9b41090ab94f9689a57c",class:"avatar-container dda-d-flex dda-align-items-center dda-gap-3",role:"group","aria-label":"Assigned team members"},e("ul",{key:"b59f27a80f632ad8491ff781e96abd96a9738140",class:"dda-avatar-group dda-d-flex"},this.avatar_list.map(((a,d)=>{var t;return a.src&&e("li",{key:d},e("dda-avatar",{type:"photo",size:"md",design:"default",rounded:"circle",src:a.src,aria_label:a.aria_label||`Team member ${d+1}`,button_id:a.button_id||"",button_name:a.button_name||"",dropdown_enabled:(t=a.dropdown_enabled)!==null&&t!==void 0?t:false}))}))),e("dda-button",{key:"eb4fe1b9e6b20b8db23c2ad87897d8697aead062",button_color:"default-tertiary",icon_button_shape:"default",start_icon:"add",custom_class:"",component_mode:"",button_id:"add-member-btn",aria_label:"Add team member",button_name:"Add",button_shape:"circle",size:"sm"},e("span",{key:"b45ad866db12ce99921fea650394209577b70333",class:"visualy-hidden"},"Add team member")))),e("div",{key:"3ed12d8217f79c143f798565368e0383905e829b",class:"dda-card-footer"},e("a",{key:"ed02f6bf0022ba61bc318153778f24750fc20245",href:"#",class:"caption Regular dda-color-primary",role:"link","aria-label":`Open ${this.header_text?this.header_text:"card"}`},"Open"))))}};export{t as dda_event_card};
-//# sourceMappingURL=p-2d505693.entry.js.map

package/www/build/p-2d505693.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaEventCard","constructor","hostRef","this","custom_class","chip_list","avatar_list","componentWillRender","element","document","querySelector","chipAttr","getAttribute","parsed","JSON","parse","Array","isArray","e","console","warn","avatarAttr","render","cardClass","filter","Boolean","join","h","Host","key","class","role","header_text","card_header_text","card_header_icon","button_color","icon_button_shape","start_icon","component_mode","button_id","card_header_icon_id","aria_label","onClick","log","button_name","size","image_src","src","alt","event_month","event_date","body_text","map","chip","index","chip_text","chip_icon","chip_icon_family","chip_icon_size","rounded","bg_color","_a","some","avatar","type","design","dropdown_enabled","button_shape","href"],"sources":["src/components/dda-cards/dda-image-cards/dda-event-card/dda-event-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-event-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaEventCard {\r\n  @Prop() card_header_text: string;\r\n  @Prop() card_header_icon: string;\r\n  @Prop() card_header_icon_id: string;\r\n\r\n  @Prop() image_src: string;\r\n  @Prop() event_month: string;\r\n  @Prop() event_date: string;\r\n\r\n  @Prop() header_text: string;\r\n  @Prop() body_text: string;\r\n\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  @Prop({ mutable: true }) chip_list: {\r\n    chip_text: string;\r\n  }[] = [];\r\n\r\n  @Prop({ mutable: true }) avatar_list: {\r\n    src: string;\r\n    aria_label?: string;\r\n    button_id?: string;\r\n    button_name?: string;\r\n    dropdown_enabled?: boolean;\r\n  }[] = [];\r\n\r\n  componentWillRender() {\r\n    const element = document.querySelector('dda-event-card') as HTMLElement;\r\n\r\n    const chipAttr = element?.getAttribute('data-chip-list');\r\n    if (chipAttr) {\r\n      try {\r\n        const parsed = JSON.parse(chipAttr);\r\n        if (Array.isArray(parsed)) {\r\n          this.chip_list = parsed;\r\n        }\r\n      } catch (e) {\r\n        console.warn('Invalid chip_list JSON:', e);\r\n      }\r\n    }\r\n\r\n    const avatarAttr = element?.getAttribute('data-avatar-list');\r\n    if (avatarAttr) {\r\n      try {\r\n        const parsed = JSON.parse(avatarAttr);\r\n        if (Array.isArray(parsed)) {\r\n          this.avatar_list = parsed;\r\n        }\r\n      } catch (e) {\r\n        console.warn('Invalid avatar_list JSON:', e);\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');\r\n    \r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={cardClass}\r\n          role=\"region\"\r\n          aria-label={this.header_text ? `Card: ${this.header_text}` : 'Information card'}\r\n        >\r\n          {this.card_header_text && (\r\n            <div class=\"dda-card-header\" role=\"heading\" aria-level=\"2\">\r\n              <h6 class=\"h6 Regular\" aria-label=\"Card header\">{this.card_header_text}</h6>\r\n\r\n              {this.card_header_icon && (\r\n                <dda-button\r\n                  button_color=\"onsurface-link\"\r\n                  icon_button_shape=\"circle\"\r\n                  start_icon={this.card_header_icon}\r\n                  custom_class=\"dda-header-dots\"\r\n                  component_mode=\"\"\r\n                  button_id={this.card_header_icon_id}\r\n                  aria_label=\"Card options menu\"\r\n                  onClick={() => console.log('clicked')}\r\n                  button_name=\"Card menu\"\r\n                  size=\"md\"\r\n                  class=\"hydrated\"\r\n                ></dda-button>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {this.image_src && (\r\n            <div class=\"dda-position-relative\">\r\n              <img\r\n                src={this.image_src}\r\n                class=\"dda-card-img\"\r\n                alt={this.header_text ? `${this.header_text} image` : 'Card image'}\r\n              />\r\n              <div class=\"dda-card-event-date\" aria-label=\"Event date\">\r\n                <p class=\"caption Regular dda-m-0 dda-p-0\" aria-label={`Month: ${this.event_month}`}>{this.event_month}</p>\r\n                <h4 class=\"h4 Regular\" aria-label={`Date: ${this.event_date}`}>{this.event_date}</h4>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          <div class=\"dda-card-body\">\r\n            <h5 class=\"h5 Regular\" aria-label=\"Card title\">{this.header_text}</h5>\r\n\r\n            <p\r\n              class=\"dda-card-text dda-d-flex dda-align-items-start dda-gap-2\"\r\n              aria-label=\"Card description\"\r\n            >\r\n              {this.body_text}\r\n            </p>\r\n\r\n            <ul class=\"chips-container\" aria-label=\"Tags\">\r\n              {this.chip_list.map((chip, index) => (\r\n                <li key={index}>\r\n                  <dda-chip\r\n                    chip_text={chip.chip_text}\r\n                    chip_icon=\"fiber_manual_record\"\r\n                    chip_icon_family=\"material-icons\"\r\n                    chip_icon_size=\"sm\"\r\n                    rounded=\"circle\"\r\n                    size=\"lg\"\r\n                    bg_color=\"grey\"\r\n                  ></dda-chip>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n\r\n            {this.avatar_list?.some(avatar => avatar.src) && (\r\n              <div\r\n                class=\"avatar-container dda-d-flex dda-align-items-center dda-gap-3\"\r\n                role=\"group\"\r\n                aria-label=\"Assigned team members\"\r\n              >\r\n                <ul class=\"dda-avatar-group dda-d-flex\">\r\n                  {this.avatar_list.map((avatar, index) => (\r\n                    avatar.src && (\r\n                      <li key={index}>\r\n                        <dda-avatar\r\n                          type=\"photo\"\r\n                          size=\"md\"\r\n                          design=\"default\"\r\n                          rounded=\"circle\"\r\n                          src={avatar.src}\r\n                          aria_label={avatar.aria_label || `Team member ${index + 1}`}\r\n                          button_id={avatar.button_id || ''}\r\n                          button_name={avatar.button_name || ''}\r\n                          dropdown_enabled={avatar.dropdown_enabled ?? false}\r\n                        ></dda-avatar>\r\n                      </li>\r\n                    )\r\n                  ))}\r\n                </ul>\r\n\r\n                <dda-button\r\n                  button_color=\"default-tertiary\"\r\n                  icon_button_shape=\"default\"\r\n                  start_icon=\"add\"\r\n                  custom_class=\"\"\r\n                  component_mode=\"\"\r\n                  button_id=\"add-member-btn\"\r\n                  aria_label=\"Add team member\"\r\n                  button_name=\"Add\"\r\n                  button_shape=\"circle\"\r\n                  size=\"sm\"\r\n                >\r\n                  <span class=\"visualy-hidden\">Add team member</span>\r\n                </dda-button>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          <div class=\"dda-card-footer\">\r\n            <a\r\n              href=\"#\"\r\n              class=\"caption Regular dda-color-primary\"\r\n              role=\"link\"\r\n              aria-label={`Open ${this.header_text ? this.header_text : 'card'}`}\r\n            >\r\n              Open\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-37dbab49.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as a,h as i,H as s}from"./p-1b339a0a.js";const d=class{constructor(i){t(this,i);this.navigatorClick=a(this,"navigatorClick",7);this.left_button_start_icon="";this.left_button_end_icon="";this.left_button_target="";this.right_button_start_icon="";this.right_button_end_icon="";this.right_button_target="";this.custom_class="";this.useNavigator="false"}render(){const t=["dda-card",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return i(s,{key:"fd307cfbc256d14e55c283e844569416f3d71f17"},i("div",{key:"55069b9b2eff514b416e0f6c5a51c3652b2e7602",class:t},i("div",{key:"4fad52a5622ffa21047a676efa4dc3ad4fc62580",class:"dda-py-4 dda-px-3 "},this.image_src?i("img",{class:"dda-information-card-image",src:this.image_src,alt:this.image_alt}):null,i("p",{key:"bac98acf1dcfd74116548a46f8e4e789e9d9da56",class:"dda-card-title dda-m-0"},this.header_text),this.body_text&&i("p",{key:"ca662952601ae0c7aa4247e87483f1c2ffcb7ef6",class:"dda-card-text dda-m-0"},this.body_text)),i("div",{key:"739d13b3b2db656da9e5f3dea443b7b88859a437",class:"dda-container-fluid"},i("div",{key:"6512561eb285c6368159c784ea7ea0aba85801e7",class:"dda-row"},this.left_button_name?i("div",{class:"dda-col dda-py-3 dda-card-button-wrap"},i("dda-link-button",{button_color:"default-tertiary",start_icon:this.left_button_start_icon,end_icon:this.left_button_end_icon,custom_class:"dda-w-100",href:this.useNavigator=="true"?"javascript:void(0)":this.left_button_href,onClick:()=>this.useNavigator=="true"?this.navigatorClick.emit(this.left_button_href):"",rel:this.left_button_rel,button_id:"link-button",aria_label:"link-Button",link_button_text:this.left_button_name,target:this.left_button_target})):null,this.right_button_name?i("div",{class:"dda-col dda-py-3 dda-card-button-wrap"},i("dda-link-button",{button_color:"default-primary",start_icon:this.right_button_start_icon,end_icon:this.right_button_end_icon,custom_class:"dda-w-100",href:this.useNavigator=="true"?"javascript:void(0)":this.right_button_href,onClick:()=>this.useNavigator=="true"?this.navigatorClick.emit(this.right_button_href):"",rel:this.right_button_rel,button_id:"link-button",aria_label:"link-Button",link_button_text:this.right_button_name,target:this.right_button_target})):null)),i("slot",{key:"1e41bf6c5f8c925aa3b617665181bd7008eda135"})))}};export{d as dda_information_card};
-//# sourceMappingURL=p-37dbab49.entry.js.map

package/www/build/p-37dbab49.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaInformationCard","constructor","hostRef","this","left_button_start_icon","left_button_end_icon","left_button_target","right_button_start_icon","right_button_end_icon","right_button_target","custom_class","useNavigator","render","cardClass","component_mode","filter","Boolean","join","h","Host","key","class","image_src","src","alt","image_alt","header_text","body_text","left_button_name","button_color","start_icon","end_icon","href","left_button_href","onClick","navigatorClick","emit","rel","left_button_rel","button_id","aria_label","link_button_text","target","right_button_name","right_button_href","right_button_rel"],"sources":["src/components/cards/dda-information-card/dda-information-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-information-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaInformationCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() header_text: string;\r\n  @Prop() body_text: string;\r\n\r\n  @Prop() left_button_name: string;\r\n  @Prop() left_button_href?: string;\r\n  @Prop() left_button_rel?: string;\r\n  @Prop() left_button_data_fancybox: string;\r\n  @Prop() left_button_start_icon: string = '';\r\n  @Prop() left_button_end_icon: string = '';\r\n  @Prop() left_button_target: string = '';\r\n\r\n  @Prop() right_button_name: string;\r\n  @Prop() right_button_href?: string;\r\n  @Prop() right_button_rel?: string;\r\n  @Prop() right_button_data_fancybox: string;\r\n  @Prop() right_button_start_icon: string = '';\r\n  @Prop() right_button_end_icon: string = '';\r\n  @Prop() right_button_target: string = '';\r\n\r\n  @Prop() left_button: string;\r\n  @Prop() right_button: string;\r\n  @Prop() single_button: boolean;\r\n\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-py-4 dda-px-3 \">\r\n            {this.image_src ? <img class=\"dda-information-card-image\" src={this.image_src} alt={this.image_alt} /> : null}\r\n            <p class=\"dda-card-title dda-m-0\">{this.header_text}</p>\r\n            {this.body_text && <p class=\"dda-card-text dda-m-0\">{this.body_text}</p>}\r\n          </div>\r\n\r\n          <div class=\"dda-container-fluid\">\r\n            <div class=\"dda-row\">\r\n              {this.left_button_name ? (\r\n                <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button\r\n                    button_color=\"default-tertiary\"\r\n                    start_icon={this.left_button_start_icon}\r\n                    end_icon={this.left_button_end_icon}\r\n                    custom_class=\"dda-w-100\"\r\n                    href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href}\r\n                    onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : '')}\r\n                    // href={this.left_button_href || ''}\r\n                    rel={this.left_button_rel}\r\n                    button_id=\"link-button\"\r\n                    aria_label=\"link-Button\"\r\n                    link_button_text={this.left_button_name}\r\n                    target={this.left_button_target}\r\n                  ></dda-link-button>\r\n                </div>\r\n              ) : null}\r\n\r\n              {this.right_button_name ? (\r\n                <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n                  <dda-link-button\r\n                    button_color=\"default-primary\"\r\n                    start_icon={this.right_button_start_icon}\r\n                    end_icon={this.right_button_end_icon}\r\n                    custom_class=\"dda-w-100\"\r\n                    // href={this.right_button_href || ''}\r\n                    href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href}\r\n                    onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : '')}\r\n                    rel={this.right_button_rel}\r\n                    button_id=\"link-button\"\r\n                    aria_label=\"link-Button\"\r\n                    link_button_text={this.right_button_name}\r\n                    target={this.right_button_target}\r\n                  ></dda-link-button>\r\n                </div>\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n          <slot></slot>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"+DAOaA,EAAkB,MAL/B,WAAAC,CAAAC,G,yDAeUC,KAAAC,uBAAiC,GACjCD,KAAAE,qBAA+B,GAC/BF,KAAAG,mBAA6B,GAM7BH,KAAAI,wBAAkC,GAClCJ,KAAAK,sBAAgC,GAChCL,KAAAM,oBAA8B,GAM9BN,KAAAO,aAAwB,GAIxBP,KAAAQ,aAAiC,O,CAEzC,MAAAC,GACE,MAAMC,EAAY,CAAC,WAAYV,KAAKO,aAAe,GAAGP,KAAKO,eAAiB,GAAIP,KAAKW,gBAAgBC,OAAOC,SAASC,KAAK,KAE1H,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOR,GACVK,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACRlB,KAAKmB,UAAYJ,EAAA,OAAKG,MAAM,6BAA6BE,IAAKpB,KAAKmB,UAAWE,IAAKrB,KAAKsB,YAAgB,KACzGP,EAAA,KAAAE,IAAA,2CAAGC,MAAM,0BAA0BlB,KAAKuB,aACvCvB,KAAKwB,WAAaT,EAAA,KAAAE,IAAA,2CAAGC,MAAM,yBAAyBlB,KAAKwB,YAG5DT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACRlB,KAAKyB,iBACJV,EAAA,OAAKG,MAAM,yCACTH,EAAA,mBACEW,aAAa,mBACbC,WAAY3B,KAAKC,uBACjB2B,SAAU5B,KAAKE,qBACfK,aAAa,YACbsB,KAAM7B,KAAKQ,cAAgB,OAAS,qBAAuBR,KAAK8B,iBAChEC,QAAS,IAAO/B,KAAKQ,cAAgB,OAASR,KAAKgC,eAAeC,KAAKjC,KAAK8B,kBAAoB,GAEhGI,IAAKlC,KAAKmC,gBACVC,UAAU,cACVC,WAAW,cACXC,iBAAkBtC,KAAKyB,iBACvBc,OAAQvC,KAAKG,sBAGf,KAEHH,KAAKwC,kBACJzB,EAAA,OAAKG,MAAM,yCACTH,EAAA,mBACEW,aAAa,kBACbC,WAAY3B,KAAKI,wBACjBwB,SAAU5B,KAAKK,sBACfE,aAAa,YAEbsB,KAAM7B,KAAKQ,cAAgB,OAAS,qBAAuBR,KAAKyC,kBAChEV,QAAS,IAAO/B,KAAKQ,cAAgB,OAASR,KAAKgC,eAAeC,KAAKjC,KAAKyC,mBAAqB,GACjGP,IAAKlC,KAAK0C,iBACVN,UAAU,cACVC,WAAW,cACXC,iBAAkBtC,KAAKwC,kBACvBD,OAAQvC,KAAKM,uBAGf,OAGRS,EAAA,QAAAE,IAAA,8C","ignoreList":[]}