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

package/dist/dda/p-6d955874.entry.js.map

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

package/dist/dda/p-6fd79768.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i}from"./p-1b339a0a.js";const r='.h-stepper-container{display:flex;align-items:flex-start;width:100%}.h-step{width:100%;text-align:center;padding:0px 0px 16px 0px}.h-step-indicator{position:relative}.h-step-indicator .circle{width:24px;height:24px;margin:0 auto;border-radius:50%;background-color:var(--dda-surface-100);border:solid 2px var(--dda-neutral-80);display:flex;justify-content:center;align-items:center;position:relative;z-index:3}.h-step-indicator::before{content:"";width:calc(100% - 3px);height:1px;border-top:dashed 1px var(--dda-neutral-variant-80);position:absolute;top:50%;left:0;z-index:1;transform:translate(0%, -50%)}.h-step .h-step-content{padding:8px 16px 0px 16px}.h-step .h-step-title{font-size:var(--font-caption);font-weight:var(--font-weight-medium);color:var(--dda-on-surface-40);margin-bottom:10px}.h-step .h-step-subtitle{font-size:var(--font-body);color:var(--dda-on-surface-40)}.h-step.completed .h-step-subtitle{font-weight:var(--dda-fw-400)}.h-step .h-step-description{font-size:14px;color:var(--dda-on-surface-40)}.h-step.completed .circle{background:var(--dda-color-primary-40);border:0px;position:relative}.h-step.completed .circle::before{content:"";width:10px;height:4px;border-left:solid 1px #fff;border-bottom:solid 1px #fff;position:absolute;transform:rotate(-45deg);top:8px;left:6px}.h-step.active .circle{background-color:var(--dda-primary-variant-95);border:solid 4px var(--dda-color-primary-40);}.h-step.completed .h-step-indicator::before{width:100%;border-top:solid 1px var(--dda-color-primary-40)}.h-step.active .h-step-title{color:var(--dda-color-primary-40)}.h-step.completed .h-step-subtitle,.h-step.active .h-step-subtitle{color:var(--dda-neutral-0)}.h-step.completed .h-step-description,.h-step.active .h-step-description{color:var(--dda-neutral-variant-30)}@media (max-width: 768px){.h-stepper-container{display:flex;align-items:flex-start;flex-direction:column;width:100%}}';const o=r;const s=class{constructor(e){t(this,e);this.current_step=1;this.parsedSteps=[]}componentWillLoad(){this.parsedSteps=JSON.parse(this.steps)}render(){return e(i,{key:"ae8b9217d5753d8b46cce579513820865ef8d66f"},e("div",{key:"5bebfc14a19654fb57fb4888d7426cf36417df04",class:`${this.custom_class} ${this.component_mode} h-stepper-container`},this.parsedSteps.map(((t,i)=>e("div",{class:`h-step ${i===this.current_step?"active":""} ${i<this.current_step?"completed":""}`},e("div",{class:"h-step-indicator"},e("div",{class:"circle"})),e("div",{class:"h-step-content"},e("p",{class:"h-step-title"},t.title),e("p",{class:"h-step-subtitle"},t.subtitle),e("p",{class:"h-step-description"},t.description)))))))}};s.style=o;export{s as dda_horizontal_stepper};
-//# sourceMappingURL=p-6fd79768.entry.js.map

package/dist/dda/p-6fd79768.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaHorizontalStepperCss","DdaHorizontalStepperStyle0","DdaHorizontalStepper","constructor","hostRef","this","current_step","parsedSteps","componentWillLoad","JSON","parse","steps","render","h","Host","key","class","custom_class","component_mode","map","step","index","title","subtitle","description"],"sources":["src/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.css?tag=dda-horizontal-stepper","src/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.tsx"],"sourcesContent":[".h-stepper-container {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n}\r\n\r\n.h-step {\r\n  width: 100%;\r\n  text-align: center;\r\n  padding: 0px 0px 16px 0px;\r\n}\r\n\r\n.h-step-indicator {\r\n  position: relative;\r\n}\r\n\r\n.h-step-indicator .circle {\r\n  width: 24px;\r\n  height: 24px;\r\n  margin: 0 auto;\r\n  border-radius: 50%;\r\n  background-color: var(--dda-surface-100);\r\n  border: solid 2px var(--dda-neutral-80);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.h-step-indicator::before {\r\n  content: \"\";\r\n  width: calc(100% - 3px);\r\n  height: 1px;\r\n  border-top: dashed 1px var(--dda-neutral-variant-80);\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  z-index: 1;\r\n  transform: translate(0%, -50%);\r\n}\r\n.h-step .h-step-content {\r\n  padding: 8px 16px 0px 16px;\r\n}\r\n\r\n.h-step .h-step-title {\r\n  font-size: var(--font-caption);\r\n  font-weight: var(--font-weight-medium);\r\n  color: var(--dda-on-surface-40);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.h-step .h-step-subtitle {\r\n  font-size: var(--font-body);\r\n  color: var(--dda-on-surface-40);\r\n}\r\n\r\n.h-step.completed .h-step-subtitle{\r\n  font-weight: var(--dda-fw-400);\r\n}\r\n\r\n.h-step .h-step-description {\r\n  font-size: 14px;\r\n  color: var(--dda-on-surface-40);\r\n}\r\n\r\n.h-step.completed .circle{\r\n  background: var(--dda-color-primary-40);\r\n  border: 0px;\r\n  position: relative;\r\n}\r\n.h-step.completed .circle::before{\r\ncontent: \"\";\r\n    width: 10px;\r\n    height: 4px;\r\n    border-left: solid 1px #fff;\r\n    border-bottom: solid 1px #fff;\r\n    position: absolute;\r\n    transform: rotate(-45deg);\r\n    top: 8px;\r\n    left: 6px;\r\n}\r\n.h-step.active .circle {\r\n  background-color: var(--dda-primary-variant-95);\r\n  /* background-color: var(--dda-color-primary-40); */\r\n  border: solid 4px var(--dda-color-primary-40);\r\n  /* box-shadow: 0px 0px 0px 3px var(--dda-color-primary-95); */\r\n\r\n}\r\n\r\n.h-step.completed .h-step-indicator::before {\r\n  width: 100%;\r\n  border-top: solid 1px var(--dda-color-primary-40);\r\n}\r\n\r\n.h-step.active .h-step-title{\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.h-step.completed .h-step-subtitle,\r\n.h-step.active .h-step-subtitle{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.h-step.completed .h-step-description,\r\n.h-step.active .h-step-description{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .h-stepper-container {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n}","import { Component, Prop,  State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-horizontal-stepper',\r\n  styleUrls: ['dda-horizontal-stepper.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHorizontalStepper {\r\n  @Prop() steps: string; // JSON string of steps\r\n  @Prop() current_step: number = 1;\r\n  @Prop() custom_class?: string; \r\n  @Prop() component_mode?: string; \r\n  @State() parsedSteps: { title: string, subtitle: string, description: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.parsedSteps = JSON.parse(this.steps);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`${this.custom_class} ${this.component_mode} h-stepper-container`}>\r\n          {this.parsedSteps.map((step, index) => (\r\n            <div class={`h-step ${index === this.current_step ? 'active' : ''} ${index < this.current_step  ? 'completed' : ''}`}>\r\n              <div class=\"h-step-indicator\">\r\n                <div class=\"circle\"></div>\r\n              </div>\r\n              <div class=\"h-step-content\">\r\n                <p class=\"h-step-title\">{step.title}</p>\r\n                <p class=\"h-step-subtitle\">{step.subtitle}</p>\r\n                <p class=\"h-step-description\">{step.description}</p>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"kDAAA,MAAMA,EAA0B,42DAChC,MAAAC,EAAeD,E,MCMFE,EAAoB,MALjC,WAAAC,CAAAC,G,UAOUC,KAAAC,aAAuB,EAGtBD,KAAAE,YAA0E,E,CAEnF,iBAAAC,GACEH,KAAKE,YAAcE,KAAKC,MAAML,KAAKM,M,CAGrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,GAAGX,KAAKY,gBAAgBZ,KAAKa,sCACtCb,KAAKE,YAAYY,KAAI,CAACC,EAAMC,IAC3BR,EAAA,OAAKG,MAAO,UAAUK,IAAUhB,KAAKC,aAAe,SAAW,MAAMe,EAAQhB,KAAKC,aAAgB,YAAc,MAC9GO,EAAA,OAAKG,MAAM,oBACTH,EAAA,OAAKG,MAAM,YAEbH,EAAA,OAAKG,MAAM,kBACTH,EAAA,KAAGG,MAAM,gBAAgBI,EAAKE,OAC9BT,EAAA,KAAGG,MAAM,mBAAmBI,EAAKG,UACjCV,EAAA,KAAGG,MAAM,sBAAsBI,EAAKI,kB","ignoreList":[]}

package/dist/dda/p-764d2be3.entry.js

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

package/dist/dda/p-764d2be3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaImageCard","constructor","hostRef","this","custom_class","chip_list","componentWillRender","attrValue","_a","document","querySelector","getAttribute","parsed","JSON","parse","Array","isArray","e","console","warn","render","cardClass","filter","Boolean","join","h","Host","key","class","src","image_src","alt","bg_color","image_chip_label","image_chip_icon","image_chip_icon_family","image_chip_icon_size","size","rounded","header_text","button_color","start_icon","header_text_icon","end_icon","component_mode","button_id","card_header_icon_id","aria_label","onClick","log","button_name","body_text_icon","body_text","price_text","price_period","map","chip","index","chip_text","chip_icon","chip_icon_family","chip_icon_size"],"sources":["src/components/dda-cards/dda-image-cards/dda-pricing-card/dda-pricing-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-pricing-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaImageCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_chip_icon: string;\r\n  @Prop() image_chip_icon_family: string;\r\n  @Prop() image_chip_label: string;\r\n  @Prop() image_chip_icon_size: string;\r\n\r\n  @Prop() header_text: string;\r\n  @Prop() header_text_icon: string;\r\n  @Prop() card_header_icon_id: string;\r\n  @Prop() body_text_icon: string;\r\n  @Prop() body_text: string;\r\n  @Prop() price_text: string;\r\n  @Prop() price_period: string;\r\n\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  @Prop({ mutable: true }) chip_list: {\r\n    chip_text: string;\r\n  }[] = [];\r\n\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n  \r\n\r\n  componentWillRender() {\r\n    const attrValue = (document.querySelector('dda-pricing-card') as HTMLElement)?.getAttribute('data-chip-list');\r\n    if (attrValue) {\r\n      try {\r\n        const parsed = JSON.parse(attrValue);\r\n        if (Array.isArray(parsed)) {\r\n          this.chip_list = parsed;\r\n        }\r\n      } catch (e) {\r\n        console.warn('Invalid chip_list JSON:', e);\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-row no-gutters\">\r\n            <div class=\"dda-col-sm-4 dda-p-0 dda-position-relative\">\r\n              <img src={this.image_src} class=\"dda-card-img\" alt=\"card-img-1\" />\r\n              <dda-chip\r\n                bg_color=\"grey\"\r\n                image_chip_label={this.image_chip_label}\r\n                image_chip_icon={this.image_chip_icon}\r\n                image_chip_icon_family={this.image_chip_icon_family}\r\n                image_chip_icon_size={this.image_chip_icon_size}\r\n                size=\"md\"\r\n                rounded=\"circle\"\r\n                custom_class=\"image-chip\"\r\n              ></dda-chip>\r\n            </div>\r\n            <div class=\"dda-col-sm-8 dda-p-0\">\r\n              <div class=\"dda-card-body \">\r\n                <div class=\"dda-d-flex dda-align-items-start dda-justify-content-between\">\r\n                  <h5 class=\"dda-card-title dda-d-flex \">{this.header_text}</h5>\r\n                  <div>\r\n                    <dda-button\r\n                      button_color=\"onsurface-link\"\r\n                      // start_icon=\"more_horiz\"\r\n                      start_icon={this.header_text_icon}\r\n                      end_icon=\"\"\r\n                      custom_class=\"\"\r\n                      component_mode=\"\"\r\n                      button_id={this.card_header_icon_id}\r\n                      aria_label=\"button\"\r\n                      onClick={() => console.log('clicked')} \r\n                      button_name=\"button\"\r\n                    ></dda-button>\r\n                  </div>\r\n                </div>\r\n                <p class=\"dda-card-text dda-d-flex dda-align-items-start dda-gap-2\">\r\n                  {this.body_text_icon && (\r\n                    <i class=\"material-icons material-symbols-outlined mr-2\" aria-hidden=\"true\">\r\n                      {this.body_text_icon}\r\n                    </i>\r\n                  )}\r\n                  {this.body_text}\r\n                </p>\r\n                <div class=\"dda-d-flex dda-items-center\">\r\n                  <h5 class=\"dda-card-title dda-color-primary\">{this.price_text}</h5>\r\n                  <p class=\"dda-color-neutralvariant\"> / {this.price_period}</p>\r\n                </div>\r\n\r\n                <ul class=\"chips-container\">\r\n                  {this.chip_list.map((chip, index) => (\r\n\r\n                    <li key={index}>\r\n                      <dda-chip\r\n                        chip_text={chip.chip_text}\r\n                        chip_icon=\"fiber_manual_record\"\r\n                        chip_icon_family=\"material-icons\"\r\n                        chip_icon_size=\"sm\"\r\n                        rounded=\"circle\"\r\n                        size=\"lg\"\r\n                        bg_color=\"grey\"\r\n                      ></dda-chip>\r\n                    </li>\r\n                    \r\n                  ))}\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"wDAOaA,EAAY,MALzB,WAAAC,CAAAC,G,UAoBUC,KAAAC,aAAwB,GAGPD,KAAAE,UAEnB,E,CAKN,mBAAAC,G,MACE,MAAMC,GAAYC,EAACC,SAASC,cAAc,uBAAmC,MAAAF,SAAA,SAAAA,EAAEG,aAAa,kBAC5F,GAAIJ,EAAW,CACb,IACE,MAAMK,EAASC,KAAKC,MAAMP,GAC1B,GAAIQ,MAAMC,QAAQJ,GAAS,CACzBT,KAAKE,UAAYO,C,EAEnB,MAAOK,GACPC,QAAQC,KAAK,0BAA2BF,E,GAK9C,MAAAG,GACE,MAAMC,EAAY,CAAC,WAAYlB,KAAKC,cAAckB,OAAOC,SAASC,KAAK,KAEvE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOP,GACVI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8CACTH,EAAA,OAAAE,IAAA,2CAAKE,IAAK1B,KAAK2B,UAAWF,MAAM,eAAeG,IAAI,eACnDN,EAAA,YAAAE,IAAA,2CACEK,SAAS,OACTC,iBAAkB9B,KAAK8B,iBACvBC,gBAAiB/B,KAAK+B,gBACtBC,uBAAwBhC,KAAKgC,uBAC7BC,qBAAsBjC,KAAKiC,qBAC3BC,KAAK,KACLC,QAAQ,SACRlC,aAAa,gBAGjBqB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gEACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,8BAA8BzB,KAAKoC,aAC7Cd,EAAA,OAAAE,IAAA,4CACEF,EAAA,cAAAE,IAAA,2CACEa,aAAa,iBAEbC,WAAYtC,KAAKuC,iBACjBC,SAAS,GACTvC,aAAa,GACbwC,eAAe,GACfC,UAAW1C,KAAK2C,oBAChBC,WAAW,SACXC,QAAS,IAAM9B,QAAQ+B,IAAI,WAC3BC,YAAY,aAIlBzB,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4DACNzB,KAAKgD,gBACJ1B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,gDAA+C,cAAa,QAClEzB,KAAKgD,gBAGThD,KAAKiD,WAER3B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,oCAAoCzB,KAAKkD,YACnD5B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BAA0B,MAAKzB,KAAKmD,eAG/C7B,EAAA,MAAAE,IAAA,2CAAIC,MAAM,mBACPzB,KAAKE,UAAUkD,KAAI,CAACC,EAAMC,IAEzBhC,EAAA,MAAIE,IAAK8B,GACPhC,EAAA,YACEiC,UAAWF,EAAKE,UAChBC,UAAU,sBACVC,iBAAiB,iBACjBC,eAAe,KACfvB,QAAQ,SACRD,KAAK,KACLL,SAAS,iB","ignoreList":[]}

package/dist/dda/p-7caaf11f.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as a}from"./p-1b339a0a.js";const r='.dda-progress-bar-container{display:flex;align-items:center}.dda-progress-bar{width:100%;position:relative;height:8px;background-color:var(--dda-neutral-variant-92);border-radius:4px}.dda-progress-value{height:100%;background-color:var(--dda-color-primary-40);position:relative;border-radius:4px;display:flex;align-items:center;justify-content:center}.light-mode .dda-progress-value{background-color:var(--dda-primary-40)}.dda-tooltip{height:35px;background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);padding:4px 8px;border-radius:4px;-webkit-box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);-moz-box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);font-size:16px;color:var(--dda-neutral-0);font-weight:var(--dda-fw-500);white-space:nowrap;display:grid;align-items:center;position:absolute;top:0px;right:0px;transform:translateX(40%)}.tooltip-top{top:-45px}.dda-tooltip::before,.dda-tooltip::after{content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;left:50%;margin-left:-10px}.dda-tooltip.tooltip-top::before{top:100%;border-top:8px solid var(--dda-neutral-90);margin-top:0px}.dda-tooltip.tooltip-top::after{top:100%;border-top:8px solid var(--dda-neutral-100);margin-top:-2px;z-index:1}.tooltip-bottom{top:17px}.dda-tooltip.tooltip-bottom::before{bottom:100%;border-bottom:8px solid var(--dda-neutral-90);margin-bottom:0px}.dda-tooltip.tooltip-bottom::after{bottom:100%;border-bottom:8px solid var(--dda-neutral-100);margin-bottom:-2px;z-index:1}.dda-percentage-text{margin-inline-start:8px;font-size:16px;color:var(--dda-neutral-0)}';const d=r;const e=class{constructor(o){t(this,o);this.progress=0;this.tooltip=false;this.tooltip_position="top";this.show_percentage_text=false}render(){const t={width:`${this.progress}%`};return o(a,{key:"f87c4b9d0d0b956d9c9f6760a8167722ed28ea44"},o("div",{key:"47ce0ba1604c5acf56339afb6e9bef2bfdfe36e1",class:`dda-progress-bar-container ${this.custom_class} ${this.component_mode}`},o("div",{key:"a304e65015e1c30e72f608351b8d84c46be79196",class:"dda-progress-bar"},o("div",{key:"4cd508e514f68410a1f142b79adadab06d07ee22",class:"dda-progress-value",style:t},this.tooltip&&o("div",{key:"c21537bcda0f2b87dd9acca51915b3e6b91dde50",class:`dda-tooltip tooltip-${this.tooltip_position}`},this.progress,"%"))),this.show_percentage_text&&o("span",{key:"d1c3381994237e99cf45c22204f5d4f585e489b2",class:"dda-percentage-text"},this.progress,"%")))}};e.style=d;export{e as dda_progressbar};
-//# sourceMappingURL=p-7caaf11f.entry.js.map

package/dist/dda/p-7caaf11f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaProgressbarCss","DdaProgressbarStyle0","DdaProgressBar","constructor","hostRef","this","progress","tooltip","tooltip_position","show_percentage_text","render","progressStyle","width","h","Host","key","class","custom_class","component_mode","style"],"sources":["src/components/dda-progressbar/dda-progressbar.css?tag=dda-progressbar","src/components/dda-progressbar/dda-progressbar.tsx"],"sourcesContent":[".dda-progress-bar-container {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-progress-bar {\r\n  width: 100%;\r\n  position: relative;\r\n  height: 8px;\r\n  background-color: var(--dda-neutral-variant-92);\r\n  border-radius: 4px;\r\n}\r\n\r\n.dda-progress-value {\r\n  height: 100%;\r\n  background-color: var(--dda-color-primary-40);\r\n  position: relative;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.light-mode .dda-progress-value{\r\n  background-color: var(--dda-primary-40);\r\n}\r\n.dda-tooltip {\r\n  height: 35px;\r\n  background-color: var(--dda-neutral-100);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  -moz-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  font-size: 16px;\r\n  color: var(--dda-neutral-0);\r\n  font-weight: var(--dda-fw-500);\r\n  white-space: nowrap;\r\n  display: grid;\r\n  align-items: center;\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0px;\r\n  transform: translateX(40%);\r\n}\r\n\r\n.tooltip-top {\r\n  top: -45px;\r\n}\r\n\r\n.dda-tooltip::before,\r\n.dda-tooltip::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  left: 50%;\r\n  margin-left: -10px;\r\n}\r\n\r\n.dda-tooltip.tooltip-top::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n\r\n.dda-tooltip.tooltip-top::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n.tooltip-bottom {\r\n  top: 17px;\r\n}\r\n\r\n.dda-tooltip.tooltip-bottom::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.dda-tooltip.tooltip-bottom::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-percentage-text {\r\n  margin-inline-start: 8px;\r\n  font-size: 16px;\r\n  color: var(--dda-neutral-0);\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-progressbar',\r\n  styleUrls: ['dda-progressbar.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaProgressBar {\r\n  @Prop() progress: number = 0;\r\n  @Prop() tooltip: boolean = false;\r\n  @Prop() tooltip_position: 'top' | 'bottom' = 'top';\r\n  @Prop() show_percentage_text: boolean = false;\r\n  @Prop() custom_class: string;\r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    const progressStyle = {\r\n      width: `${this.progress}%`,\r\n    };\r\n\r\n    return (\r\n      <Host>\r\n        <div class={`dda-progress-bar-container ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"dda-progress-bar\">\r\n            <div class=\"dda-progress-value\" style={progressStyle}>\r\n              {this.tooltip && (\r\n                <div class={`dda-tooltip tooltip-${this.tooltip_position}`}>\r\n                  {this.progress}%\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n          {this.show_percentage_text && (\r\n            <span class=\"dda-percentage-text\">{this.progress}%</span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAoB,4nDAC1B,MAAAC,EAAeD,E,MCMFE,EAAc,MAL3B,WAAAC,CAAAC,G,UAMUC,KAAAC,SAAmB,EACnBD,KAAAE,QAAmB,MACnBF,KAAAG,iBAAqC,MACrCH,KAAAI,qBAAgC,K,CAIxC,MAAAC,GACE,MAAMC,EAAgB,CACpBC,MAAO,GAAGP,KAAKC,aAGjB,OACEO,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,8BAA8BX,KAAKY,gBAAgBZ,KAAKa,kBAClEL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBG,MAAOR,GACpCN,KAAKE,SACJM,EAAA,OAAAE,IAAA,2CAAKC,MAAO,uBAAuBX,KAAKG,oBACrCH,KAAKC,SAAQ,OAKrBD,KAAKI,sBACJI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,uBAAuBX,KAAKC,SAAQ,M","ignoreList":[]}

package/dist/dda/p-8c7d0c73.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as r,h as d}from"./p-1b339a0a.js";const e=".dda-alert{padding:24px;border-radius:10px;position:relative}.dda-alert-inner{display:flex;justify-content:space-between;gap:16px}.dda-alert-icon-wrap{padding-top:2px}.dda-alert .alert-content{width:100%;display:grid;row-gap:16px}.dda-alert .alert-title{margin:0;font-size:var(--font-h6);font-weight:var(--font-weight-regular);line-height:24px}.dda-alert .alert-description{margin:0}.alert-btn-wrap{display:flex;align-items:center;justify-content:end;gap:15px}.dda-alert-close{position:absolute;inset-inline-end:24px;inset-block-start:24px;width:20px;height:2px;background:transparent;border:transparent;font-size:18px}.dda-alert-info{background:var(--dda-primary-variant-95);border:solid 1px var(--dda-color-primary-30)}.dda-alert-secondary.dda-alert-info .material-icons,.dda-alert-secondary.dda-alert-info .alert-title{color:var(--dda-primary-40)}.light-mode.dda-alert-info{background:var(--dda-info-95);border:solid 1px var(--dda-info-40);color:var(--dda-info-40)}.dda-alert-warning{background:var(--dda-warning-variant-95);border:solid 1px var(--dda-color-warning-30)}.dda-alert-secondary.dda-alert-warning .material-icons,.dda-alert-secondary.dda-alert-warning .alert-title{color:var(--dda-warning-40)}.light-mode.dda-alert-warning{background:var(--dda-warning-95);border:solid 1px var(--dda-warning-40);color:var(--dda-warning-40)}.dda-alert-warning .alert-primary-warning{background-color:var(--dda-warning-40);border:solid 1px var(--dda-warning-40)}.dda-alert-error{background:var(--dda-error-variant-95);border:solid 1px var(--dda-color-error-30)}.dda-alert-secondary.dda-alert-error .material-icons,.dda-alert-secondary.dda-alert-error .alert-title{color:var(--dda-error-40)}.light-mode.dda-alert-error{background:var(--dda-error-95);border:solid 1px var(--dda-error-40);color:var(--dda-error-40)}.dda-alert-error .alert-primary-error{background-color:var(--dda-error-40);border:solid 1px var(--dda-error-40)}.dda-alert-success{background:var(--dda-success-variant-95);border:solid 1px var(--dda-color-success-30)}.dda-alert-secondary.dda-alert-success .material-icons,.dda-alert-secondary.dda-alert-success .alert-title{color:var(--dda-success-40)}.light-mode.dda-alert-success{background:var(--dda-success-95);border:solid 1px var(--dda-success-40);color:var(--dda-success-40)}.dda-alert-success .alert-primary-success{background-color:var(--dda-success-40);border:solid 1px var(--dda-success-40)}.dda-alert-secondary{background-color:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);color:var(--dda-on-surface-0);box-shadow:0px 1px 2px 0px #1018280A}.dda-alert .alert-secondary-button{border:solid 1px var(--dda-surface-100)}.dda-alert-secondary .alert-secondary-button{border:solid 1px var(--dda-surface-90)}";const t=e;const o=class{constructor(d){a(this,d);this.closeClick=r(this,"closeClick",7);this.firstClick=r(this,"firstClick",7);this.secondClick=r(this,"secondClick",7);this.type="primary";this.variation="info";this.title_text="";this.description="";this.button_text="";this.custom_class="";this.onCloseClick=()=>{this.closeClick.emit()};this.firstClickHandler=()=>{this.firstClick.emit()};this.secondClickHandler=()=>{this.secondClick.emit()}}render(){return d("div",{key:"fa6a6d35249f828138b8e15123810f1da78110ce",class:`dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}`},d("div",{key:"3b9d19d5f989141de074ca38bbd5fadafcc92459",class:"dda-alert-inner"},d("div",{key:"08b733b6fa30cee2ee47d597662b0321a36c28fe",class:"dda-alert-icon-wrap"},d("i",{key:"9ba44e4b86442a4e9000b3198bdb418da16b25e9",class:"info-icon material-icons material-symbols-outlined","aria-hidden":"true"},"info")),d("div",{key:"bc928946868d7d5e69d300b39466cc6034c8cb03",class:"alert-content"},d("h4",{key:"919c92dfaecec735d9aa7d52e72427bed690969f",class:"alert-title"},this.title_text),d("p",{key:"af52ff93663b48f7a0a5743b3bfa884922d8b41e",class:"alert-description"},this.description),d("div",{key:"4ea78d2b12f91119b27232fc51b444854f0cdd37",class:"alert-btn-wrap"},this.secondary_button?d("dda-button",{button_color:"default-tertiary",onClick:()=>this.firstClickHandler(),custom_class:"alert-secondary-button",component_mode:"",size:"sm",button_id:"button",aria_label:"button",button_name:"button",button_text:this.secondary_button}):null,this.primary_button?d("dda-button",{button_color:"default-primary",onClick:()=>this.secondClickHandler(),custom_class:`alert-primary-${this.variation}`,component_mode:"",size:"sm",button_id:"button",aria_label:"button",button_name:"button",button_text:this.primary_button}):null))),d("button",{key:"27f876beffa50e047cabe82e609c1db3b2fa0719",type:"button",name:this.close_button_name,class:"dda-alert-close",onClick:this.onCloseClick},d("i",{key:"034a909b890b04bd919df384344cfae0cef94577",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")))}};o.style=t;export{o as dda_alert};
-//# sourceMappingURL=p-8c7d0c73.entry.js.map

package/dist/dda/p-8c7d0c73.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaAlertCss","DdaAlertStyle0","DdaAlert","constructor","hostRef","this","type","variation","title_text","description","button_text","custom_class","onCloseClick","closeClick","emit","firstClickHandler","firstClick","secondClickHandler","secondClick","render","h","key","class","component_mode","secondary_button","button_color","onClick","size","button_id","aria_label","button_name","primary_button","name","close_button_name"],"sources":["src/components/dda-alert/dda-alert.css?tag=dda-alert","src/components/dda-alert/dda-alert.tsx"],"sourcesContent":[".dda-alert{\r\n  padding: 24px;\r\n  border-radius: 10px; \r\n  position: relative;\r\n}\r\n.dda-alert-inner{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n}\r\n.dda-alert-icon-wrap{\r\n  padding-top: 2px; \r\n}\r\n.dda-alert .alert-content{\r\n  width: 100%;\r\n  display: grid;\r\n  row-gap: 16px;\r\n}\r\n.dda-alert .alert-title{\r\n  margin: 0; \r\n  font-size: var(--font-h6);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: 24px;\r\n}\r\n.dda-alert .alert-description{\r\n  margin: 0;\r\n}\r\n.alert-btn-wrap{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: end;\r\n  gap: 15px;\r\n}\r\n.dda-alert-close{\r\n  position: absolute;\r\n  inset-inline-end: 24px;\r\n  inset-block-start: 24px;\r\n  width: 20px;\r\n  height: 2px;\r\n  background: transparent;\r\n  border: transparent;\r\n  font-size: 18px;\r\n}\r\n\r\n\r\n/**/\r\n.dda-alert-info{\r\n  background: var(--dda-primary-variant-95);\r\n  border: solid 1px var(--dda-color-primary-30);\r\n}\r\n.dda-alert-secondary.dda-alert-info .material-icons,\r\n.dda-alert-secondary.dda-alert-info .alert-title{\r\n  color: var(--dda-primary-40);\r\n}\r\n.light-mode.dda-alert-info{\r\n  background: var(--dda-info-95);\r\n  border: solid 1px var(--dda-info-40);\r\n  color: var(--dda-info-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-warning{\r\n  background: var(--dda-warning-variant-95);\r\n  border: solid 1px var(--dda-color-warning-30);\r\n}\r\n.dda-alert-secondary.dda-alert-warning .material-icons,\r\n.dda-alert-secondary.dda-alert-warning .alert-title{\r\n  color: var(--dda-warning-40);\r\n}\r\n.light-mode.dda-alert-warning{\r\n  background: var(--dda-warning-95);\r\n  border: solid 1px var(--dda-warning-40);\r\n  color: var(--dda-warning-40);\r\n}\r\n.dda-alert-warning .alert-primary-warning{\r\n  background-color: var(--dda-warning-40);\r\n  border: solid 1px var(--dda-warning-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-error{\r\n  background: var(--dda-error-variant-95);\r\n  border: solid 1px var(--dda-color-error-30);\r\n}\r\n.dda-alert-secondary.dda-alert-error .material-icons,\r\n.dda-alert-secondary.dda-alert-error .alert-title{\r\n  color: var(--dda-error-40);\r\n}\r\n.light-mode.dda-alert-error{\r\n  background: var(--dda-error-95);\r\n  border: solid 1px var(--dda-error-40);\r\n  color: var(--dda-error-40);\r\n}\r\n.dda-alert-error .alert-primary-error{\r\n  background-color: var(--dda-error-40);\r\n  border: solid 1px var(--dda-error-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-success{\r\n  background: var(--dda-success-variant-95);\r\n  border: solid 1px var(--dda-color-success-30);\r\n}\r\n.dda-alert-secondary.dda-alert-success .material-icons,\r\n.dda-alert-secondary.dda-alert-success .alert-title{\r\n  color: var(--dda-success-40);\r\n}\r\n.light-mode.dda-alert-success{\r\n  background: var(--dda-success-95);\r\n  border: solid 1px var(--dda-success-40);\r\n  color: var(--dda-success-40);\r\n}\r\n.dda-alert-success .alert-primary-success{\r\n  background-color: var(--dda-success-40);\r\n  border: solid 1px var(--dda-success-40);\r\n}\r\n\r\n/**/\r\n\r\n\r\n.dda-alert-secondary{\r\n  background-color: var(--dda-surface-100);\r\n  border: solid 1px var(--dda-surface-90);\r\n  color: var(--dda-on-surface-0);\r\n  box-shadow: 0px 1px 2px 0px #1018280A;\r\n}\r\n.dda-alert .alert-secondary-button{\r\n  border: solid 1px var(--dda-surface-100);\r\n}\r\n.dda-alert-secondary .alert-secondary-button{\r\n  border: solid 1px var(--dda-surface-90);\r\n}\r\n/**/\r\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-alert',\r\n  styleUrls: ['dda-alert.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAlert {\r\n  @Prop() type: 'primary' | 'secondary' = 'primary';\r\n  @Prop() variation: 'info' | 'warning' | 'error' | 'success' = 'info';\r\n  @Prop() title_text: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() button_text: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() component_id?: string;\r\n\r\n  @Prop() secondary_button?: string;\r\n  @Prop() secondary_button_link?: string;\r\n\r\n  @Prop() primary_button?: string;\r\n  @Prop() primary_button_link?: string;\r\n\r\n  \r\n  @Prop() close_button_name?: string;\r\n\r\n  @Event() closeClick: EventEmitter<void>;\r\n  private onCloseClick = () => {\r\n    this.closeClick.emit();\r\n  };\r\n\r\n  @Event() firstClick?: EventEmitter<void>;\r\n   private firstClickHandler = () => {\r\n    this.firstClick.emit();\r\n  };\r\n\r\n  @Event() secondClick?: EventEmitter<void>;\r\n  private secondClickHandler = () => {\r\n    this.secondClick.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div class={`dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}`}>\r\n        <div class=\"dda-alert-inner\">\r\n          <div class=\"dda-alert-icon-wrap\">\r\n            <i class=\"info-icon material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n          </div>\r\n          <div class=\"alert-content\">\r\n            <h4 class=\"alert-title\">{this.title_text}</h4>\r\n            <p class=\"alert-description\">{this.description}</p>\r\n            <div class=\"alert-btn-wrap\">\r\n              {this.secondary_button ? <dda-button button_color=\"default-tertiary\" onClick={() => this.firstClickHandler()} custom_class=\"alert-secondary-button\" component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.secondary_button}></dda-button> : null}\r\n              {this.primary_button ? <dda-button button_color=\"default-primary\" onClick={() => this.secondClickHandler()} custom_class={`alert-primary-${this.variation}`}  component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.primary_button}></dda-button> : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <button type='button' name={this.close_button_name} class=\"dda-alert-close\" onClick={this.onCloseClick}>\r\n          <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAc,mrFACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,MALrB,WAAAC,CAAAC,G,iIAMUC,KAAAC,KAAgC,UAChCD,KAAAE,UAAsD,OACtDF,KAAAG,WAAqB,GACrBH,KAAAI,YAAsB,GACtBJ,KAAAK,YAAsB,GACtBL,KAAAM,aAAwB,GAcxBN,KAAAO,aAAe,KACrBP,KAAKQ,WAAWC,MAAM,EAIfT,KAAAU,kBAAoB,KAC3BV,KAAKW,WAAWF,MAAM,EAIhBT,KAAAY,mBAAqB,KAC3BZ,KAAKa,YAAYJ,MAAM,C,CAGzB,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,uBAAuBjB,KAAKC,kBAAkBD,KAAKE,aAAaF,KAAKM,gBAAgBN,KAAKkB,kBACpGH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,qDAAoD,cAAa,QAAM,SAElFF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,MAAAC,IAAA,2CAAIC,MAAM,eAAejB,KAAKG,YAC9BY,EAAA,KAAAC,IAAA,2CAAGC,MAAM,qBAAqBjB,KAAKI,aACnCW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACRjB,KAAKmB,iBAAmBJ,EAAA,cAAYK,aAAa,mBAAmBC,QAAS,IAAMrB,KAAKU,oBAAqBJ,aAAa,yBAAyBY,eAAe,GAAGI,KAAK,KAAKC,UAAU,SAASC,WAAW,SAASC,YAAY,SAASpB,YAAaL,KAAKmB,mBAAkC,KAC/RnB,KAAK0B,eAAiBX,EAAA,cAAYK,aAAa,kBAAkBC,QAAS,IAAMrB,KAAKY,qBAAsBN,aAAc,iBAAiBN,KAAKE,YAAcgB,eAAe,GAAGI,KAAK,KAAKC,UAAU,SAASC,WAAW,SAASC,YAAY,SAASpB,YAAaL,KAAK0B,iBAAgC,QAK9SX,EAAA,UAAAC,IAAA,2CAAQf,KAAK,SAAS0B,KAAM3B,KAAK4B,kBAAmBX,MAAM,kBAAkBI,QAASrB,KAAKO,cACxFQ,EAAA,KAAAC,IAAA,2CAAGC,MAAM,2CAA0C,cAAa,QAAM,U","ignoreList":[]}

package/dist/dda/p-9636f669.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i}from"./p-1b339a0a.js";const a='.v-stepper-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.v-step{display:flex;flex-wrap:wrap;position:relative;width:100%;background-color:transparent;border:solid 1px transparent;border-radius:16px}.v-step.active{background-color:var(--dda-surface-100);border:solid 1px var(--dda-color-primary-40);box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1)}.v-step .v-step-indicator{flex:0 0 auto;align-items:center;padding:15px;position:relative}.v-step .icon{width:30px;height:30px;background:var(--dda-surface-100);border-radius:30px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.v-step-indicator::before{content:"";width:1px;height:100%;border-right:dashed 1px var(--dda-surface-variant-80);position:absolute;top:0px;left:50%;z-index:1;transform:translate(-50%, 0%)}.v-step.active .v-step-indicator::before{border-right:solid 1px var(--dda-color-primary-40)}.v-step.active .v-step-indicator::after{content:"";width:1px;height:30px;border-right:solid 1px var(--dda-color-primary-40);position:absolute;top:100%;left:50%;z-index:2;transform:translate(-50%, 0%)}.v-step .icon i{font-size:24px;color:var(--dda-on-surface-variant-30)}.v-step.active .icon i{color:var(--dda-color-primary-40)}.v-step .v-step-content{padding:15px 15px 15px 0;display:flex;flex-direction:column;flex:1}.v-step .v-step-title{font-size:18px;font-weight:var(--dda-fw-500)}.v-step .v-step-subtitle{font-size:14px;color:var(--dda-color-primary-40)}.v-step .v-step-description{font-size:14px;color:var(--dda-on-surface-variant-30)}.v-step-arrow{padding:15px;position:relative}.v-step-arrow i{position:absolute;left:5px;top:50%;transform:translate(0%, -50%);color:var(--dda-on-surface-variant-30)}';const r=a;const s=class{constructor(e){t(this,e);this.current_Step=0;this.custom_class="";this.parsedSteps=[]}componentWillLoad(){this.parsedSteps=JSON.parse(this.steps)}render(){return e(i,{key:"cc451c3d4b636f60ae6e961ddd7dfedf0f143800"},e("div",{key:"ac25fd06f849c9e4e2135553b3640524998a4f34",class:`${this.custom_class} ${this.component_mode} v-stepper-container`},this.parsedSteps.map(((t,i)=>e("div",{class:`v-step ${i<=this.current_Step?"active":""}`},e("div",{class:"v-step-indicator"},e("div",{class:"icon"},e("i",{class:`material-icons`,"aria-hidden":"true"},t.icon))),e("div",{class:"v-step-content"},e("div",{class:"v-step-title"},t.title),e("div",{class:"v-step-subtitle"},t.subtitle),e("div",{class:"v-step-description"},t.description)),e("div",{class:"v-step-arrow"},e("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"chevron_right")))))))}};s.style=r;export{s as dda_vertical_stepper};
-//# sourceMappingURL=p-9636f669.entry.js.map

package/dist/dda/p-9636f669.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaVerticalStepperCss","DdaVerticalStepperStyle0","DdaVerticalStepper","constructor","hostRef","this","current_Step","custom_class","parsedSteps","componentWillLoad","JSON","parse","steps","render","h","Host","key","class","component_mode","map","step","index","icon","title","subtitle","description"],"sources":["src/components/stepper/dda-vertical-stepper/dda-vertical-stepper.css?tag=dda-vertical-stepper","src/components/stepper/dda-vertical-stepper/dda-vertical-stepper.tsx"],"sourcesContent":[".v-stepper-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n}\r\n\r\n.v-step {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  width: 100%;\r\n  background-color: transparent;\r\n  border: solid 1px transparent;\r\n  border-radius: 16px;\r\n}\r\n\r\n.v-step.active {\r\n  background-color: var(--dda-surface-100);\r\n  border: solid 1px var(--dda-color-primary-40);\r\n  box-shadow: 0px 10px 15px -3px rgba(16, 24, 40, 0.1);\r\n}\r\n\r\n.v-step .v-step-indicator {\r\n  flex: 0 0 auto;\r\n  align-items: center;\r\n  padding: 15px;\r\n  position: relative;\r\n}\r\n\r\n.v-step .icon {\r\n  width: 30px;\r\n  height: 30px;\r\n  background: var(--dda-surface-100);\r\n  border-radius: 30px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.v-step-indicator::before {\r\n  content: \"\";\r\n  width: 1px;\r\n  height: 100%;\r\n  border-right: dashed 1px var(--dda-surface-variant-80);\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 50%;\r\n  z-index: 1;\r\n  transform: translate(-50%, 0%);\r\n}\r\n\r\n.v-step.active .v-step-indicator::before {\r\n  border-right: solid 1px var(--dda-color-primary-40);\r\n}\r\n\r\n.v-step.active .v-step-indicator::after {\r\n  content: \"\";\r\n  width: 1px;\r\n  height: 30px;\r\n  border-right: solid 1px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  z-index: 2;\r\n  transform: translate(-50%, 0%);\r\n}\r\n\r\n.v-step .icon i {\r\n  font-size: 24px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.v-step.active .icon i {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.v-step .v-step-content {\r\n  padding: 15px 15px 15px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.v-step .v-step-title {\r\n  font-size: 18px;\r\n  font-weight: var(--dda-fw-500);\r\n}\r\n\r\n.v-step .v-step-subtitle {\r\n  font-size: 14px;\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.v-step .v-step-description {\r\n  font-size: 14px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.v-step-arrow {\r\n  padding: 15px;\r\n  position: relative;\r\n}\r\n\r\n.v-step-arrow i {\r\n  position: absolute;\r\n  left: 5px;\r\n  top: 50%;\r\n  transform: translate(0%, -50%);\r\n  color: var(--dda-on-surface-variant-30);\r\n}","import { Component, Prop,  State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-vertical-stepper',\r\n  styleUrl: 'dda-vertical-stepper.css',\r\n  shadow: false,\r\n})\r\nexport class DdaVerticalStepper {\r\n  @Prop() steps: string; // JSON string of steps\r\n  @Prop() current_Step: number = 0;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @State() parsedSteps: { icon: string, title: string, subtitle: string, description: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.parsedSteps = JSON.parse(this.steps);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`${this.custom_class} ${this.component_mode} v-stepper-container`}>\r\n          {this.parsedSteps.map((step, index) => (\r\n            <div class={`v-step ${index <= this.current_Step ? 'active' : ''}`}>\r\n              <div class=\"v-step-indicator\">\r\n                <div class=\"icon\">\r\n                  <i class={`material-icons`} aria-hidden=\"true\">{step.icon}</i>\r\n                </div>\r\n                {/* {index < this.parsedSteps.length - 1 && <div class=\"line\"></div>} */}\r\n              </div>\r\n              <div class=\"v-step-content\">\r\n                <div class=\"v-step-title\">{step.title}</div>\r\n                <div class=\"v-step-subtitle\">{step.subtitle}</div>\r\n                <div class=\"v-step-description\">{step.description}</div>\r\n              </div>\r\n              <div class=\"v-step-arrow\">\r\n                <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">chevron_right</i>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"kDAAA,MAAMA,EAAwB,wsDAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,MAL/B,WAAAC,CAAAC,G,UAOUC,KAAAC,aAAuB,EACvBD,KAAAE,aAAwB,GAEvBF,KAAAG,YAAwF,E,CAEjG,iBAAAC,GACEJ,KAAKG,YAAcE,KAAKC,MAAMN,KAAKO,M,CAGrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,GAAGZ,KAAKE,gBAAgBF,KAAKa,sCACtCb,KAAKG,YAAYW,KAAI,CAACC,EAAMC,IAC3BP,EAAA,OAAKG,MAAO,UAAUI,GAAShB,KAAKC,aAAe,SAAW,MAC5DQ,EAAA,OAAKG,MAAM,oBACTH,EAAA,OAAKG,MAAM,QACTH,EAAA,KAAGG,MAAO,iBAAgB,cAAc,QAAQG,EAAKE,QAIzDR,EAAA,OAAKG,MAAM,kBACTH,EAAA,OAAKG,MAAM,gBAAgBG,EAAKG,OAChCT,EAAA,OAAKG,MAAM,mBAAmBG,EAAKI,UACnCV,EAAA,OAAKG,MAAM,sBAAsBG,EAAKK,cAExCX,EAAA,OAAKG,MAAM,gBACTH,EAAA,KAAGG,MAAM,4CAA2C,cAAa,QAAM,sB","ignoreList":[]}

package/dist/dda/p-98021655.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as d,h as a,H as s}from"./p-1b339a0a.js";const i=class{constructor(a){t(this,a);this.navigatorClick=d(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.file_size="";this.file_type="";this.useNavigator="false"}render(){const t=["dda-card",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return a(s,{key:"0fd7217ecb520d150888720622bc6348318d88b4"},a("div",{key:"0953712bcf75dfaeefbe32b9b41116b32e1b97a9",class:t},this.image_src?a("img",{class:"dda-card-img image-card",src:this.image_src,alt:this.header_text}):null,a("div",{key:"2e627f593bb474307883a1196b12dd26d42a844b",class:"dda-p-3 dda-image-card-content"},this.date_text&&a("p",{key:"3fbf7acea37332e4144bfe8e5ee2440ce93b6e97",class:"dda-card-text dda-m-0"},this.date_text),a("p",{key:"80797c69d6436a92b03b4dc781d46a5920b98f5b",class:"dda-card-title dda-m-0"},this.header_text),this.body_text&&a("p",{key:"bcb649bd1e74b93db36e481f4c48644bb915fd6f",class:"dda-card-text dda-m-0"},this.body_text),this.file_size?a("p",{class:"dda-card-text dda-m-0"},this.file_size):null,this.file_type?a("p",{class:"dda-card-text dda-m-0"},this.file_type):null,a("slot",{key:"22dc162e43a775daf19b75dc80df7a276ed60fa4"})),a("div",{key:"3f0911cd1f1c2149ff8008fb39300d6c5a7cbf9d",class:"dda-container-fluid"},a("div",{key:"be56e721df8d07f6c399e8ecf122073d6fea2366",class:"dda-row"},this.left_button_name?a("div",{class:"dda-col dda-py-3 dda-card-button-wrap"},a("dda-link-button",{button_color:this.left_button_color,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?a("div",{class:"dda-col dda-py-3 dda-card-button-wrap"},a("dda-link-button",{button_color:this.right_button_color,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))))}};export{i as dda_image_card};
-//# sourceMappingURL=p-98021655.entry.js.map

package/dist/dda/p-98021655.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaImageCard","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","file_size","file_type","useNavigator","render","cardClass","component_mode","filter","Boolean","join","h","Host","key","class","image_src","src","alt","header_text","date_text","body_text","left_button_name","button_color","left_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_color","right_button_href","right_button_rel"],"sources":["src/components/cards/dda-image-card/dda-image-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-image-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaImageCard {\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  @Prop() date_text: string;\r\n\r\n  @Prop() left_button_color: string;\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_color: string;\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() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  @Prop() file_size: string = '';\r\n  @Prop() file_type: 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          {this.image_src ? <img class=\"dda-card-img image-card\" src={this.image_src} alt={this.header_text} /> : null}\r\n          <div class=\"dda-p-3 dda-image-card-content\">\r\n            {this.date_text && <p class=\"dda-card-text dda-m-0\">{this.date_text}</p>}\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\r\n            {this.file_size ? <p class=\"dda-card-text dda-m-0\">{this.file_size}</p> : null}\r\n            {this.file_type ? <p class=\"dda-card-text dda-m-0\">{this.file_type}</p> : null}\r\n            <slot></slot>\r\n          </div>\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={this.left_button_color}\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.left_button_href || ''}\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                    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={this.right_button_color}\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        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"+DAOaA,EAAY,MALzB,WAAAC,CAAAC,G,yDAiBUC,KAAAC,uBAAiC,GACjCD,KAAAE,qBAA+B,GAC/BF,KAAAG,mBAA6B,GAO7BH,KAAAI,wBAAkC,GAClCJ,KAAAK,sBAAgC,GAChCL,KAAAM,oBAA8B,GAI9BN,KAAAO,aAAwB,GAGxBP,KAAAQ,UAAoB,GACpBR,KAAAS,UAAoB,GAGpBT,KAAAU,aAAiC,O,CAEzC,MAAAC,GACE,MAAMC,EAAY,CAAC,WAAYZ,KAAKO,aAAe,GAAGP,KAAKO,eAAiB,GAAIP,KAAKa,gBAAgBC,OAAOC,SAASC,KAAK,KAE1H,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOR,GACTZ,KAAKqB,UAAYJ,EAAA,OAAKG,MAAM,0BAA0BE,IAAKtB,KAAKqB,UAAWE,IAAKvB,KAAKwB,cAAkB,KACxGP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kCACRpB,KAAKyB,WAAaR,EAAA,KAAAE,IAAA,2CAAGC,MAAM,yBAAyBpB,KAAKyB,WAC1DR,EAAA,KAAAE,IAAA,2CAAGC,MAAM,0BAA0BpB,KAAKwB,aACvCxB,KAAK0B,WAAaT,EAAA,KAAAE,IAAA,2CAAGC,MAAM,yBAAyBpB,KAAK0B,WAEzD1B,KAAKQ,UAAYS,EAAA,KAAGG,MAAM,yBAAyBpB,KAAKQ,WAAiB,KACzER,KAAKS,UAAYQ,EAAA,KAAGG,MAAM,yBAAyBpB,KAAKS,WAAiB,KAC1EQ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACRpB,KAAK2B,iBACJV,EAAA,OAAKG,MAAM,yCACTH,EAAA,mBACEW,aAAc5B,KAAK6B,kBACnBC,WAAY9B,KAAKC,uBACjB8B,SAAU/B,KAAKE,qBACfK,aAAa,YAEbyB,KAAMhC,KAAKU,cAAgB,OAAS,qBAAuBV,KAAKiC,iBAChEC,QAAS,IAAOlC,KAAKU,cAAgB,OAASV,KAAKmC,eAAeC,KAAKpC,KAAKiC,kBAAoB,GAChGI,IAAKrC,KAAKsC,gBACVC,UAAU,cACVC,WAAW,cACXC,iBAAkBzC,KAAK2B,iBACvBe,OAAQ1C,KAAKG,sBAGf,KAEHH,KAAK2C,kBACJ1B,EAAA,OAAKG,MAAM,yCACTH,EAAA,mBACEW,aAAc5B,KAAK4C,mBACnBd,WAAY9B,KAAKI,wBACjB2B,SAAU/B,KAAKK,sBACfE,aAAa,YAEbyB,KAAMhC,KAAKU,cAAgB,OAAS,qBAAuBV,KAAK6C,kBAChEX,QAAS,IAAOlC,KAAKU,cAAgB,OAASV,KAAKmC,eAAeC,KAAKpC,KAAK6C,mBAAqB,GACjGR,IAAKrC,KAAK8C,iBACVP,UAAU,cACVC,WAAW,cACXC,iBAAkBzC,KAAK2C,kBACvBD,OAAQ1C,KAAKM,uBAGf,Q","ignoreList":[]}

package/dist/dda/p-a3f284bc.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.inputChanged=s(this,"inputChanged",7);this.onChanged=s(this,"onChanged",7);this.buttonClicked=s(this,"buttonClicked",7);this.inputBlurred=s(this,"inputBlurred",7);this.onBlurred=s(this,"onBlurred",7);this.placeholder="Search";this.size="sm";this.show_button=false;this.has_error=false;this.custom_class="";this.hasInputValue=false;this.internalValue="";this.handleInput=t=>{const s=t.target;this.hasInputValue=s.value.length>0};this.handleKeyDown=t=>{if(t.key==="Enter"){const s=t.target;console.log("Search input value (Enter):",s.value)}this.el.dispatchEvent(new KeyboardEvent("keydown",{bubbles:true,composed:true,key:t.key,code:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,repeat:t.repeat}))};this.handleSearchClick=()=>{const t=this.el.querySelector(`#${this.input_id}`);if(t){this.buttonClicked.emit(this.internalValue||this.value)}}}watchValue(t){this.internalValue=t||"";this.hasInputValue=!!this.internalValue}componentWillLoad(){this.internalValue=this.value||"";this.hasInputValue=!!this.internalValue}clearInput(){if(!this.input_id)return;const t=this.el.querySelector(`#${this.input_id}`);if(t){t.value="";this.internalValue="";this.hasInputValue=false;this.onChanged.emit("");t.focus()}}async reset(){this.internalValue="";this.hasInputValue=false;this.onChanged.emit("")}async setValue(t){this.internalValue=t;this.hasInputValue=!!t;this.onChanged.emit(t)}render(){return e(i,{key:"e23b6f258bc2699153dbe74a0b0a35394a884c09"},e("div",{key:"bb778d44ef2b22c05a6d516aeac4fbf7a37737c3",class:`dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status?`dda-input-${this.input_status}`:""} ${this.has_error?"dda-validation-error":""}`},this.label&&e("label",{key:"c6280620a3f1b7742d3fb04157b570e5dd33ca60",htmlFor:this.button_id,class:"dda-input-label"},this.label),e("div",{key:"5b1a38c75b2d281aefba77de7115dfb88314e4ad",class:"dda-search-area dda-search-action"},e("i",{key:"ccdd26425e32e370bfb3547bf5f0915d8de4182f",class:"material-icons icon-left","aria-hidden":"true"},"search"),e("input",{key:"a48aedceda06d6f69c6ffcac840d9dcecc720018",name:this.search_input_name,"aria-label":this.aria_label,id:this.input_id,value:this.internalValue,type:"text",class:`dda-input-field dda-search-field ${this.show_button?"has-search-button":""}`,placeholder:this.placeholder,onKeyDown:this.handleKeyDown,onInput:t=>{this.internalValue=t.target.value;this.hasInputValue=!!this.internalValue;this.inputChanged.emit(t);this.onChanged.emit(t);this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true,data:t.data,inputType:t.inputType,isComposing:t.isComposing}))},onBlur:t=>{const s=t.target.value.trim();this.inputBlurred.emit({name:this.search_input_name,value:s});this.onBlurred.emit(s);this.el.dispatchEvent(new FocusEvent("blur",{bubbles:true,composed:true,relatedTarget:t.relatedTarget}))},onFocus:t=>{this.el.dispatchEvent(new FocusEvent("focus",{bubbles:true,composed:true,relatedTarget:t.relatedTarget}))}}),e("div",{key:"8ffaa5e058389cf65ad70ab29676748d667a8a68",class:"dda-search-btngroup"},this.hasInputValue&&e("button",{key:"c2190c168ad754cb93b60da8d568bb62a89e29de",name:this.close_button_name,"aria-label":this.button_aria_label,id:this.button_id,type:"button",class:"dda-search-close-icon",onClick:()=>this.clearInput()},e("i",{key:"94b4644da93e67679ee2586853977bd7d14f5045",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close")),this.show_button&&e("button",{key:"5dce491dfeecc09dd4d79bce8dc637c163986749",name:this.search_button_name,type:"button",class:"dda-btn btn-color-default-primary dda-btn-sm",onClick:this.handleSearchClick},this.button_text))),this.helper_text&&e("span",{key:"e0f361ea19e1b30c903b1dfc21d9ae4bd84e7907",class:"dda-helper-text",id:this.validation_id},this.helper_text),this.error_message&&e("span",{key:"ae3eaeb103f2923041b589c9cd3ea67a97752f5b",class:"dda-error-message",id:this.validation_id},this.error_message)))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};export{h as dda_search_input};
-//# sourceMappingURL=p-a3f284bc.entry.js.map

package/dist/dda/p-a3f284bc.entry.js.map

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

package/dist/dda/p-aefe49c4.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as d,H as c}from"./p-1b339a0a.js";const o='.dda-checkbox-container{display:inline-flex;align-items:center}.dda-checkbox-container input[type="checkbox"]{width:0;height:0;position:absolute;opacity:0}.dda-checkbox-container label{cursor:pointer;display:inline-flex;align-items:flex-start;gap:10px}.dda-checkbox-fill label .dda-check-square{width:24px;height:24px;flex-shrink:0;border:solid 2px var(--dda-color-primary-40);border-radius:6px;position:relative}.dda-checkbox-fill label .dda-check-square::before{content:"";width:8px;height:3px;border-left:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:6px;left:5px;transform:rotate(-45deg)}.dda-checkbox-fill input[type="checkbox"]:checked~label .dda-check-square{background-color:var(--dda-color-primary-40)}.dda-checkbox-fill input[type="checkbox"]:checked~label .dda-check-square::before{border-left:solid 2px var(--dda-surface-100);border-bottom:solid 2px var(--dda-surface-100)}.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square{background:var(--dda-neutral-95);border:solid 2px var(--dda-neutral-95)}.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square::before{border-left:solid 2px var(--dda-on-surface-40);border-bottom:solid 2px var(--dda-on-surface-40)}.dda-checkbox-stroke label .dda-check-square{width:24px;height:24px;border:solid 2px var(--dda-surface-variant-80);border-radius:6px;position:relative}.dda-checkbox-stroke input[type="checkbox"]:checked~label .dda-check-square{border:solid 2px var(--dda-color-primary-40)}.dda-checkbox-stroke input[type="checkbox"]:checked~label .dda-check-square::before{content:"";width:8px;height:3px;border-left:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:6px;left:5px;transform:rotate(-45deg)}.dda-checkbox-fill input[type="checkbox"]:focus-within~label .dda-check-square,.dda-checkbox-stroke input[type="checkbox"]:focus-within~label .dda-check-square{box-shadow:0px 0px 0px 3px var(--dda-primary-variant-95)}.dda-checkbox-stroke.dda-checkbox-disabled label .dda-check-square{background-color:var(--dda-neutral-95);border:solid 2px var(--dda-neutral-95)}.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-title,.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-supporting{color:var(--dda-on-surface-40)}.dda-checkbox-container label p{margin:0px}.dda-checkbox-title{font-size:var(--font-body);color:var(--dda-on-surface-0);font-weight:var(--font-weight-regular);display:block}.light-mode .dda-checkbox-title{color:var(--dda-neutral-0)}.dda-checkbox-supporting{display:block;font-size:var(--font-small);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-variant-30)}.light-mode .dda-checkbox-supporting{color:var(--dda-neutral-variant-30)}.dda-checkbox-disabled i,.dda-checkbox-disabled svg{color:var(--dda-neutral-70);border:solid 2px var(--dda-surface-90)}.dda-checkbox-container.dda-checkbox-disabled{pointer-events:none}';const r=o;const t=class{constructor(d){e(this,d);this.checkboxChange=a(this,"checkboxChange",7);this.custom_class="";this.handleInputChange=e=>{const a=e.target;this.checkboxChange.emit(a.checked)}}render(){const e=["dda-checkbox-container",this.style_type?`dda-checkbox-${this.style_type}`:"",this.custom_class?this.custom_class:"",this.checkbox_status?`dda-checkbox-${this.checkbox_status}`:"",this.component_mode].filter(Boolean).join(" ");return d(c,{key:"62d5bb8496479ffa713d0a9f54da0a173c32e2a5"},d("div",{key:"4e34ec1af36e01612a035baf5967177961308cff",class:e},d("input",{key:"6d13b9a173c33122243067b51c8dc9ef26fb5c0e",type:"checkbox",id:this.input_id,name:this.group_name,"aria-label":this.aria_label,checked:this.checked,onChange:this.handleInputChange}),d("label",{key:"1fadad451c42bd7d2e0ddc2348bfc633a523b981",htmlFor:this.input_id},d("span",{key:"cd33aeba1663e08178860664e3669ff4897d7691",class:"dda-check-square"}),d("p",{key:"104a8ab3ed30d278ee33507aeb9b11ad1b6d7944"},d("span",{key:"6b75790941267a97ec4301729ede3e7520a66ad0",class:"dda-checkbox-title"},this.title_text),this.supporting&&d("span",{key:"18f6e20e8d29f9dea2084ed375010cd00b46840d",class:"dda-checkbox-supporting"},this.supporting)))))}};t.style=r;export{t as dda_checkbox};
-//# sourceMappingURL=p-aefe49c4.entry.js.map

package/dist/dda/p-aefe49c4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaCheckboxCss","DdaCheckboxStyle0","DdaCheckbox","constructor","hostRef","this","custom_class","handleInputChange","event","target","checkboxChange","emit","checked","render","checkboxClass","style_type","checkbox_status","component_mode","filter","Boolean","join","h","Host","key","class","type","id","input_id","name","group_name","aria_label","onChange","htmlFor","title_text","supporting"],"sources":["src/components/dda-checkbox/dda-checkbox.css?tag=dda-checkbox","src/components/dda-checkbox/dda-checkbox.tsx"],"sourcesContent":[".dda-checkbox-container {\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-checkbox-container input[type=\"checkbox\"] {\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  opacity: 0;\r\n}\r\n\r\n.dda-checkbox-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\r\n/**/\r\n.dda-checkbox-fill label .dda-check-square{\r\n  width: 24px;\r\n  height: 24px;\r\n  flex-shrink: 0;\r\n  border: solid 2px var(--dda-color-primary-40);\r\n  border-radius: 6px;\r\n  position: relative;\r\n}\r\n.dda-checkbox-fill label .dda-check-square::before{\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 3px;\r\n  border-left: solid 2px var(--dda-color-primary-40);\r\n  border-bottom: solid 2px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 5px;\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.dda-checkbox-fill input[type=\"checkbox\"]:checked~label .dda-check-square{\r\n  background-color: var(--dda-color-primary-40);\r\n}\r\n.dda-checkbox-fill input[type=\"checkbox\"]:checked~label .dda-check-square::before{\r\n  border-left: solid 2px var(--dda-surface-100);\r\n  border-bottom: solid 2px var(--dda-surface-100);\r\n}\r\n.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square{\r\n  background: var(--dda-neutral-95);\r\n  border: solid 2px var(--dda-neutral-95);\r\n}\r\n.dda-checkbox-fill.dda-checkbox-disabled label .dda-check-square::before{\r\n  border-left: solid 2px var(--dda-on-surface-40);\r\n  border-bottom: solid 2px var(--dda-on-surface-40);\r\n}\r\n\r\n/**/\r\n.dda-checkbox-stroke label .dda-check-square{\r\n  width: 24px;\r\n  height: 24px;\r\n  border: solid 2px var(--dda-surface-variant-80);\r\n  border-radius: 6px;\r\n  position: relative;\r\n}\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:checked~label .dda-check-square{\r\n  border: solid 2px var(--dda-color-primary-40);\r\n}\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:checked~label .dda-check-square::before{\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 3px;\r\n  border-left: solid 2px var(--dda-color-primary-40);\r\n  border-bottom: solid 2px var(--dda-color-primary-40);\r\n  position: absolute;\r\n  top: 6px;\r\n  left: 5px;\r\n  transform: rotate(-45deg);\r\n}\r\n.dda-checkbox-fill input[type=\"checkbox\"]:focus-within~label .dda-check-square,\r\n.dda-checkbox-stroke input[type=\"checkbox\"]:focus-within~label .dda-check-square{\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-variant-95);\r\n}\r\n\r\n.dda-checkbox-stroke.dda-checkbox-disabled label .dda-check-square{\r\n  background-color: var(--dda-neutral-95);\r\n  border: solid 2px var(--dda-neutral-95);\r\n}\r\n.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-title,\r\n.dda-checkbox-container.dda-checkbox-disabled .dda-checkbox-supporting{\r\n  color: var(--dda-on-surface-40);\r\n}\r\n\r\n\r\n.dda-checkbox-container label p {\r\n  margin: 0px;\r\n}\r\n\r\n.dda-checkbox-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\r\n.light-mode .dda-checkbox-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-checkbox-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\r\n.light-mode  .dda-checkbox-supporting {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-checkbox-disabled i,\r\n.dda-checkbox-disabled svg{\r\n  color: var(--dda-neutral-70);\r\n  border: solid 2px var(--dda-surface-90);\r\n}\r\n.dda-checkbox-container.dda-checkbox-disabled{\r\n  pointer-events: none;\r\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-checkbox',\r\n  styleUrls: ['dda-checkbox.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaCheckbox {\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() checked: boolean;\r\n  @Prop() checkbox_status?: string;\r\n  @Prop() style_type?: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label?: string;\r\n\r\n  /** Emits change event with current checked state */\r\n  @Event() checkboxChange: EventEmitter<boolean>;\r\n\r\n  /** Handles checkbox change */\r\n  handleInputChange = (event: Event) => {\r\n    const target = event.target as HTMLInputElement;\r\n    this.checkboxChange.emit(target.checked);\r\n  };\r\n\r\n  render() {\r\n    const checkboxClass = [\r\n      'dda-checkbox-container',\r\n      this.style_type ? `dda-checkbox-${this.style_type}` : '',\r\n      this.custom_class ? this.custom_class : '',\r\n      this.checkbox_status ? `dda-checkbox-${this.checkbox_status}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={checkboxClass}>\r\n          <input\r\n            type=\"checkbox\"\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            onChange={this.handleInputChange}\r\n          />\r\n          <label htmlFor={this.input_id}>\r\n            <span class=\"dda-check-square\"></span>\r\n            <p>\r\n              <span class=\"dda-checkbox-title\">{this.title_text}</span>\r\n              {this.supporting && (\r\n                <span class=\"dda-checkbox-supporting\">{this.supporting}</span>\r\n              )}\r\n            </p>\r\n          </label>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAiB,+5FACvB,MAAAC,EAAeD,E,MCMFE,EAAW,MALxB,WAAAC,CAAAC,G,yDAaUC,KAAAC,aAAwB,GAQhCD,KAAAE,kBAAqBC,IACnB,MAAMC,EAASD,EAAMC,OACrBJ,KAAKK,eAAeC,KAAKF,EAAOG,QAAQ,C,CAG1C,MAAAC,GACE,MAAMC,EAAgB,CACpB,yBACAT,KAAKU,WAAa,gBAAgBV,KAAKU,aAAe,GACtDV,KAAKC,aAAeD,KAAKC,aAAe,GACxCD,KAAKW,gBAAkB,gBAAgBX,KAAKW,kBAAoB,GAChEX,KAAKY,gBACLC,OAAOC,SAASC,KAAK,KAEvB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOV,GACVO,EAAA,SAAAE,IAAA,2CACEE,KAAK,WACLC,GAAIrB,KAAKsB,SACTC,KAAMvB,KAAKwB,WAAU,aACTxB,KAAKyB,WACjBlB,QAASP,KAAKO,QACdmB,SAAU1B,KAAKE,oBAEjBc,EAAA,SAAAE,IAAA,2CAAOS,QAAS3B,KAAKsB,UACnBN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qBACZH,EAAA,KAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBnB,KAAK4B,YACtC5B,KAAK6B,YACJb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,2BAA2BnB,KAAK6B,e","ignoreList":[]}

package/dist/dda/p-b48e061c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as a}from"./p-1b339a0a.js";const r='.dda-tooltip-container{position:relative;display:inline-flex;align-items:center}.dda-tooltip-box{position:absolute;visibility:hidden;background-color:var(--dda-neutral-100);border:solid 1px var(--dda-neutral-90);color:var(--dda-neutral-0);text-align:center;padding:5px 12px;border-radius:6px;z-index:1;opacity:0;}.dda-tooltip-container:hover .dda-tooltip-box{visibility:visible;opacity:1}.dda-tooltip-box strong{font-size:16px;color:var(--dda-neutral-0);font-weight:var(--dda-fw-400);white-space:nowrap}.dda-tooltip-box p{font-size:14px;color:var(--dda-neutral-variant-30);white-space:nowrap;margin:0}.dda-tooltip-box.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:7px}.dda-tooltip-box.top::before,.dda-tooltip-box.top::after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;margin-inline-start:-10px}.dda-tooltip-box.top::before{top:100%;border-top:8px solid var(--dda-neutral-90);margin-top:0px}.dda-tooltip-box.top::after{top:100%;border-top:8px solid var(--dda-neutral-100);margin-top:-2px;z-index:1}.dda-tooltip-box.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:7px}.dda-tooltip-box.bottom::before,.dda-tooltip-box.bottom::after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;margin-inline-start:-10px}.dda-tooltip-box.bottom::before{bottom:100%;border-bottom:8px solid var(--dda-neutral-90);margin-bottom:0px}.dda-tooltip-box.bottom::after{bottom:100%;border-bottom:8px solid var(--dda-neutral-100);margin-bottom:-2px;z-index:1}.dda-tooltip-box.left{top:50%;inset-inline-end:100%;margin-inline-end:13px;transform:translate(0%, -50%)}.dda-tooltip-box.left::before,.dda-tooltip-box.left::after,.dda-tooltip-box.right::before,.dda-tooltip-box.right::after{content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:50%;transform:translate(0%, -50%)}.dda-tooltip-box.left::before{bottom:100%;border-left:8px solid var(--dda-neutral-90);right:-9px}.dda-tooltip-box.left::after{bottom:100%;border-left:8px solid var(--dda-neutral-100);z-index:1;right:-8px}.dda-tooltip-box.right{top:50%;inset-inline-start:100%;margin-inline-start:13px;transform:translate(0%, -50%)}.dda-tooltip-box.right::before{bottom:100%;border-right:8px solid var(--dda-neutral-90);left:-9px}.dda-tooltip-box.right::after{bottom:100%;border-right:8px solid var(--dda-neutral-100);z-index:1;left:-8px}@media (prefers-reduced-motion: no-preference){.dda-tooltip-box{transition:opacity 0.3s}}';const e=r;const d=class{constructor(o){t(this,o);this.position="top";this.custom_class=""}render(){return o(a,{key:"e8c8e7633072d59f7c0e922f943931c861db06de"},o("div",{key:"6508bae5ac4df0f433d875648f360a3fadd933e2",class:`dda-tooltip-container ${this.custom_class} ${this.component_mode}`},o("slot",{key:"dc75cd5b276b9d90ec37eb71cf008364c977ab96"}),o("div",{key:"84339f13bf811a0e7f42df8a7c89a848a311eb80",class:`dda-tooltip-box ${this.position}`},o("strong",{key:"ef9abb2b5387fd09d16ac7827b77dc6d605d892e"},this.title_text),o("p",{key:"00d3089ee74ed19ebed6edaf8913c372af38df42"},this.description))))}};d.style=e;export{d as dda_tooltip};
-//# sourceMappingURL=p-b48e061c.entry.js.map

package/dist/dda/p-b48e061c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaTooltipCss","DdaTooltipStyle0","DdaTooltip","constructor","hostRef","this","position","custom_class","render","h","Host","key","class","component_mode","title_text","description"],"sources":["src/components/dda-tooltip/dda-tooltip.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.tsx"],"sourcesContent":[".dda-tooltip-container {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n.dda-tooltip-box {\r\n  position: absolute;\r\n  visibility: hidden;\r\n  background-color: var(--dda-neutral-100);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  color: var(--dda-neutral-0);\r\n  text-align: center;\r\n  padding: 5px 12px;\r\n  border-radius: 6px;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  /* transition: opacity 0.3s; */\r\n}\r\n.dda-tooltip-container:hover .dda-tooltip-box {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n.dda-tooltip-box strong{\r\n  font-size: 16px;\r\n  color: var(--dda-neutral-0);\r\n  font-weight: var(--dda-fw-400);\r\n  white-space: nowrap;\r\n}\r\n\r\n.dda-tooltip-box p{\r\n  font-size: 14px;\r\n  color: var(--dda-neutral-variant-30);\r\n  white-space: nowrap;\r\n  margin: 0;\r\n}\r\n\r\n.dda-tooltip-box.top {\r\n  bottom: 100%;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  margin-bottom: 7px;\r\n}\r\n.dda-tooltip-box.top::before, .dda-tooltip-box.top::after {\r\n  content: \"\";\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  position: absolute;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.top::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n.dda-tooltip-box.top::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n\r\n.dda-tooltip-box.bottom {\r\n  top: 100%;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  margin-top: 7px;\r\n}\r\n.dda-tooltip-box.bottom::before, .dda-tooltip-box.bottom::after {\r\n  content: \"\";\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  position: absolute;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.bottom::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n.dda-tooltip-box.bottom::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-tooltip-box.left {\r\n  top: 50%;\r\n  inset-inline-end: 100%;\r\n  margin-inline-end: 13px;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before, .dda-tooltip-box.left::after,\r\n.dda-tooltip-box.right::before, .dda-tooltip-box.right::after {\r\n  content: \"\";\r\n  border-top: 10px solid transparent;\r\n  border-bottom: 10px solid transparent;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before {\r\n  bottom: 100%;\r\n  border-left: 8px solid var(--dda-neutral-90);\r\n  right: -9px;\r\n}\r\n.dda-tooltip-box.left::after {\r\n  bottom: 100%;\r\n  border-left: 8px solid var(--dda-neutral-100);\r\n  z-index: 1;\r\n  right: -8px;\r\n}\r\n\r\n.dda-tooltip-box.right {\r\n  top: 50%;\r\n  inset-inline-start: 100%;\r\n  margin-inline-start: 13px;\r\n  transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.right::before {\r\n  bottom: 100%;\r\n  border-right: 8px solid var(--dda-neutral-90);\r\n  left: -9px;\r\n}\r\n.dda-tooltip-box.right::after {\r\n  bottom: 100%;\r\n  border-right: 8px solid var(--dda-neutral-100);\r\n  z-index: 1;\r\n  left: -8px;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-tooltip-box {\r\n    transition: opacity 0.3s;\r\n  }\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-tooltip',\r\n  styleUrls: ['dda-tooltip.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n  @Prop() title_text: string;\r\n  @Prop() description: string;\r\n  @Prop() position: 'top' | 'bottom' | 'left' | 'right' = 'top'; // Default to top position\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n          <slot></slot>\r\n          <div class={`dda-tooltip-box ${this.position}`}>\r\n            <strong>{this.title_text}</strong>\r\n            <p>{this.description}</p>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"kDAAA,MAAMA,EAAgB,qgFACtB,MAAAC,EAAeD,E,MCMFE,EAAU,MALvB,WAAAC,CAAAC,G,UAQUC,KAAAC,SAAgD,MAChDD,KAAAE,aAAwB,E,CAGhC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,yBAAyBP,KAAKE,gBAAgBF,KAAKQ,kBAC7DJ,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,mBAAmBP,KAAKC,YAClCG,EAAA,UAAAE,IAAA,4CAASN,KAAKS,YACdL,EAAA,KAAAE,IAAA,4CAAIN,KAAKU,e","ignoreList":[]}

package/dist/dda/p-ba90f4be.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as i,H as n}from"./p-1b339a0a.js";const s=".dda-pagination-container{min-width:380px;display:inline-flex;justify-content:center;align-items:center;gap:20px}.dda-pagination{display:inline-flex;align-items:center}.dda-pagination button{height:40px;min-width:40px;border:transparent;border-radius:5px;background-color:var(--dda-surface-100);font-size:16px;color:var(--dda-on-surface-variant-30);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.light-mode.dda-pagination button{background-color:var(--dda-neutral-100);color:var(--dda-neutral-variant-30)}.dda-pagination span{color:var(--dda-on-surface-variant-30)}.light-mode.dda-pagination span{color:var(--dda-neutral-variant-30)}.dda-pagination-simple-slider{width:100%;display:inline-flex;align-items:center;justify-content:space-between}.dda-pagination-simple-slider button{background-color:transparent;border:transparent;display:inline-flex;align-items:center;gap:10px}.dda-pagination-simple-slider span{padding:0 20px}.dda-pagination-buttons button{background-color:transparent;border:transparent;display:inline-flex;gap:10px}.dda-pagination-buttons button.active{background-color:transparent;color:var(--dda-color-primary-40)}.light-mode.dda-pagination-buttons button.active{color:var(--dda-primary-40)}.dda-pagination-text{width:100%;justify-content:space-between}.dda-pagination-text button{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-text-pages{width:100%;justify-content:space-between;gap:8px}.dda-pagination-text-pages button{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-text-pages button.active{background-color:var(--dda-color-primary-40);color:var(--dda-surface-100)}.light-mode.dda-pagination-text-pages button.active{background-color:var(--dda-primary-40);color:var(--dda-neutral-100)}.dda-pagination-button-text{width:100%;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-button-text button{min-width:50px;border:0px;border-right:solid 1px var(--dda-neutral-90);border-top:solid 1px var(--dda-neutral-90);border-bottom:solid 1px var(--dda-neutral-90);border-radius:0px}.dda-pagination-button-text button.active{color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.light-mode.dda-pagination-button-text button.active{color:var(--dda-primary-40)}.dda-pagination-button-text button.prev{border-left:solid 1px var(--dda-neutral-90);border-radius:5px 0 0 5px}.dda-pagination-button-text button.next{border-radius:0 5px 5px 0}.dda-pagination-buttons-pages{box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-pagination-buttons-pages button{border:0px;border-right:solid 1px var(--dda-neutral-90);border-top:solid 1px var(--dda-neutral-90);border-bottom:solid 1px var(--dda-neutral-90);border-radius:0px}.dda-pagination-buttons-pages button.prev{border-left:solid 1px var(--dda-neutral-90);border-radius:5px 0 0 5px}.dda-pagination-buttons-pages button.next{border-radius:0 5px 5px 0}.dda-pagination-full{gap:8px}.dda-pagination-full button{min-width:auto;width:10px;height:10px;border-radius:10px;padding:0px;overflow:hidden;text-indent:-100px;border:solid 1px var(--dda-surface-90)}.light-mode.dda-pagination-full button{border:solid 1px var(--dda-neutral-90)}.dda-pagination-full button.active{background-color:var(--dda-color-primary-40);border:transparent}.light-mode.dda-pagination-full button.active{background-color:var(--dda-primary-40)}";const d=s;const e=class{constructor(i){a(this,i);this.paginateClick=t(this,"paginateClick",7);this.total_pages=8;this.current_page=1;this.type="simple-slider";this.custom_class=""}validateTotalPages(a){if(a<1){this.total_pages=1}}validateCurrentPage(a){if(a<1){this.current_page=1}else if(a>this.total_pages){this.current_page=this.total_pages}}componentWillLoad(){this.validateTotalPages(this.total_pages);this.validateCurrentPage(this.current_page)}renderPagination(){switch(this.type){case"simple-slider":return i("div",{class:`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`},i("button",{name:this.simple_slider_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")," Prev"),i("span",null,"Page ",this.current_page," of ",this.total_pages),i("button",{name:this.simple_slider_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},"Next ",i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"buttons":return i("div",{class:`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`},i("button",{name:this.buttons_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")," Prev"),this.renderPageButtons(),i("button",{name:this.buttons_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},"Next ",i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"text":return i("div",{class:`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`},i("button",{name:this.text_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),i("span",null,"Page ",this.current_page," of ",this.total_pages),i("button",{name:this.text_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"text-pages":return i("div",{class:`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`},i("button",{name:this.text_pages_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),this.renderPageButtons(),i("button",{name:this.text_pages_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"button-text":return i("div",{class:`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`},i("button",{name:this.button_text_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),this.renderPageButtons(),i("button",{name:this.button_text_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"buttons-pages":return i("div",{class:`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`},i("button",{name:this.buttons_pages_prev_button,class:"prev",disabled:this.current_page===1,onClick:()=>this.setcurrentpage(this.current_page-1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_back")),i("button",{name:this.buttons_pages_next_button,class:"next",disabled:this.current_page===this.total_pages,onClick:()=>this.setcurrentpage(this.current_page+1)},i("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"arrow_forward")));case"full":return i("div",{class:`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`},this.renderPageButtons())}}renderPageButtons(){const a=[];for(let t=1;t<=this.total_pages;t++){a.push(i("button",{class:t===this.current_page?"active":"",onClick:()=>this.setcurrentpage(t)},t))}return a}setcurrentpage(a){if(a>=1&&a<=this.total_pages){console.log("Pagination button clicked, page:",a,this.paginateClick);this.current_page=a;this.paginateClick.emit(a)}}render(){return i(n,{key:"4bb34d20275c1a55a5a79c8209bd716d05665583"},i("div",{key:"f51201134ff25ab3718353b7b6f39535146beb24",class:`dda-pagination-container`},this.renderPagination()))}static get watchers(){return{total_pages:["validateTotalPages"],current_page:["validateCurrentPage"]}}};e.style=d;export{e as dda_pagination};
-//# sourceMappingURL=p-ba90f4be.entry.js.map

package/dist/dda/p-ba90f4be.entry.js.map

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

package/dist/dda/p-bd0d09ff.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as t,g as e}from"./p-1b339a0a.js";const s=".dda-slider-container{position:relative;width:100%;background-color:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);overflow:hidden;border-radius:8px}.dda-slider{position:relative;width:100%;height:450px}.dda-slide{position:absolute;width:100%;height:100%;opacity:0;display:flex;justify-content:center;align-items:center}.dda-slide.active{opacity:1;z-index:1}.dda-slide img{width:100%;height:100%;object-fit:cover}.dda-slide video{width:100%;height:100%;object-fit:cover}.dda-video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;background-color:rgba(0, 0, 0, 0.2)}.dda-video-play-overlay svg{width:64px;height:64px;}.dda-video-play-overlay:hover svg{transform:scale(1.2)}.dda-slider-controls-container{display:flex;justify-content:center;align-items:center;width:100%;padding:15px}.dda-slider-prev,.dda-slider-next{background-color:rgba(255, 255, 255, 0.2);color:black;padding:10px 15px;cursor:pointer;font-size:18px;border:none;border-radius:5px;z-index:2}.dda-slider-prev:hover,.dda-slider-next:hover{background-color:rgba(255, 255, 255, 0.4)}.dda-slider-indicator-container{display:flex;justify-content:center}.dda-slider-indicator{width:24px;height:24px;margin:0 5px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.dda-slider-indicator svg{width:24px;height:24px;display:block}.dda-slider-timer-circle{stroke-dasharray:63;stroke-dashoffset:63;}.dda-slider-play-icon,.dda-slider-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px}.dda-slider-play-pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2}@media (prefers-reduced-motion: no-preference){.dda-slide{transition:opacity 0.5s ease-in-out}.dda-video-play-overlay svg{transition:transform 0.3s ease}.dda-slider-prev,.dda-slider-next{transition:background-color 0.3s}.dda-slider-indicator{transition:all 0.3s}.dda-slider-timer-circle{transition:none}}";const d=s;const o=class{constructor(t){i(this,t);this.slides=[];this.interval=5e3;this.autoplay=true;this.currentSlide=0;this.isPaused=false;this.videoElements=[];this.playIcon=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="play-icon">\n    <polygon points="10,8 16,12 10,16" fill="white" stroke="white" stroke-width="1"/>\n  </svg>`;this.pauseIcon=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="pause-icon">\n    <rect x="9" y="8" width="2" height="8" fill="white" stroke="white" stroke-width="0"/>\n    <rect x="13" y="8" width="2" height="8" fill="white" stroke="white" stroke-width="0"/>\n  </svg>`;this.svgIndicators={inactive:`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="12" cy="12" r="10" fill="#ccc" stroke="#ccc" stroke-width="2"/>\n    </svg>`,active:(i,t)=>`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="12" cy="12" r="10" fill="#ccc" stroke="#ccc" stroke-width="4"/>\n      ${!t?`<circle cx="12" cy="12" r="10" class="dda-slider-timer-circle" fill="none" stroke="white" stroke-width="2" \n              stroke-dasharray="63" stroke-dashoffset="63" transform="rotate(-90 12 12)"/>`:""}\n      ${i?this.playIcon:this.pauseIcon}\n    </svg>`};this.prevSlide=()=>{this.goToSlide(this.currentSlide-1)};this.nextSlide=()=>{this.goToSlide(this.currentSlide+1)};this.handleIndicatorClick=i=>{this.goToSlide(i)};this.togglePlayPause=i=>{var t;i.stopPropagation();this.isPaused=!this.isPaused;const e=(t=this.slides[this.currentSlide])===null||t===void 0?void 0:t.type;if(e==="video"){const i=this.videoElements[this.currentSlide];if(i){if(this.isPaused){i.pause()}else{const t=i.play();if(t!==undefined){t.catch((t=>{console.error("Error toggling video play:",t);this.isPaused=true;this.createPlayButtonOverlay(i)}))}}}}if(this.isPaused){this.resetTimer();const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active");if(i){const t=i.querySelector("div");if(t){t.innerHTML=this.svgIndicators.active(this.isPaused,e==="video")}}}else{const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active");if(i){const t=i.querySelector("div");if(t){t.innerHTML=this.svgIndicators.active(this.isPaused,e==="video")}}if(e==="image"){this.startTimer()}}}}componentDidLoad(){setTimeout((()=>{var i;this.slides.forEach(((i,t)=>{if(i.type==="video"){const i=this.el.shadowRoot.querySelector(`.dda-slide[data-index="${t}"] video`);if(i){this.videoElements[t]=i;i.addEventListener("ended",(()=>{if(this.currentSlide===t){this.nextSlide()}}))}}}));if(((i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type)==="video"){const i=this.videoElements[this.currentSlide];if(i&&!this.isPaused){i.play().catch((i=>console.warn("Initial video play failed, may need user interaction:",i)))}}if(this.autoplay&&!this.isPaused){this.startTimer()}}),100)}disconnectedCallback(){this.resetTimer();this.videoElements.forEach((i=>{if(i){i.removeEventListener("ended",this.nextSlide)}}))}watchCurrentSlide(){var i;this.handleVideoPlayback();const t=((i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type)||"image";if(this.autoplay&&!this.isPaused&&t==="image"){setTimeout((()=>{this.resetTimer();this.startTimer()}),50)}}handleVideoPlayback(){var i;this.videoElements.forEach((i=>{if(i){i.pause()}}));const t=(i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type;if(t==="video"&&!this.isPaused){const i=this.videoElements[this.currentSlide];if(i){if(i.readyState>=2){i.currentTime=0;const t=i.play();if(t!==undefined){t.catch((t=>{console.error("Error playing video:",t);this.createPlayButtonOverlay(i)}))}}else{i.addEventListener("canplay",(()=>{if(this.currentSlide===this.slides.indexOf(this.slides[this.currentSlide])&&!this.isPaused){i.play().catch((i=>console.error("Error playing video on canplay:",i)))}}),{once:true})}}}}createPlayButtonOverlay(i){const t=document.createElement("div");t.className="dda-video-play-overlay";t.innerHTML=`\n      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="48" height="48">\n        <circle cx="12" cy="12" r="10" fill="rgba(0,0,0,0.5)" />\n        <polygon points="10,8 16,12 10,16" fill="white" />\n      </svg>\n    `;const e=i.parentElement;if(e){e.style.position="relative";e.appendChild(t);t.addEventListener("click",(()=>{i.play().then((()=>{t.remove()})).catch((i=>console.error("Play from overlay failed:",i)))}))}}startTimer(){var i;if(this.isPaused)return;this.resetTimer();const t=(i=this.slides[this.currentSlide])===null||i===void 0?void 0:i.type;if(t==="video")return;requestAnimationFrame((()=>{const i=this.el.shadowRoot.querySelector(".dda-slider-indicator.active .dda-slider-timer-circle");if(i){i.style.transition="none";i.style.strokeDashoffset="63";void i.getBoundingClientRect();setTimeout((()=>{if(!this.isPaused){i.style.transition=`stroke-dashoffset ${this.interval}ms linear`;i.style.strokeDashoffset="0"}}),20)}}));this.slideInterval=window.setInterval((()=>{if(!this.isPaused){this.nextSlide()}}),this.interval)}resetTimer(){if(this.slideInterval){window.clearInterval(this.slideInterval);this.slideInterval=null}const i=this.el.shadowRoot.querySelectorAll(".dda-slider-timer-circle");i.forEach((i=>{i.style.transition="none";i.style.strokeDashoffset="63"}))}goToSlide(i){this.currentSlide=i;if(this.currentSlide<0){this.currentSlide=this.slides.length-1}else if(this.currentSlide>=this.slides.length){this.currentSlide=0}}render(){return t("div",{key:"c913cd71be462a1c4f312570db0fe99dab591a97",class:"dda-slider-container"},t("div",{key:"0fc9861bffb8e4bb74bd79350b75d635838a4fc2",class:"dda-slider"},this.slides.map(((i,e)=>t("div",{class:`dda-slide ${e===this.currentSlide?"active":""}`,"data-index":e},i.type==="image"?t("img",{src:i.url,alt:`Slide ${e+1}`}):t("video",{src:i.url,controls:false,playsInline:true,preload:"auto",muted:false}))))),t("div",{key:"5dc1aebec849a521a75b7caa971b5e54182369c9",class:"dda-slider-controls-container"},t("button",{key:"dfe66b5522ae27085bd48f3f83a336bdc64250a5",class:"dda-slider-prev",onClick:this.prevSlide},"❮"),t("div",{key:"99e06b7a61e2ec5f6848bee62c8b727b96e4eb32",class:"dda-slider-indicator-container"},this.slides.map(((i,e)=>t("div",{class:`dda-slider-indicator ${e===this.currentSlide?"active":""}`,onClick:()=>this.handleIndicatorClick(e)},t("div",{innerHTML:e===this.currentSlide?this.svgIndicators.active(this.isPaused,i.type==="video"):this.svgIndicators.inactive}),e===this.currentSlide&&t("div",{class:"dda-slider-play-pause-overlay",onClick:this.togglePlayPause}))))),t("button",{key:"a3c550c247c8c4c1362182daef81944f9c9682c2",class:"dda-slider-next",onClick:this.nextSlide},"❯")))}get el(){return e(this)}static get watchers(){return{currentSlide:["watchCurrentSlide"]}}};o.style=d;export{o as dda_slider};
-//# sourceMappingURL=p-bd0d09ff.entry.js.map

package/dist/dda/p-bd0d09ff.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaSliderCss","DdaSliderStyle0","DDASlider","constructor","hostRef","this","slides","interval","autoplay","currentSlide","isPaused","videoElements","playIcon","pauseIcon","svgIndicators","inactive","active","isVideo","prevSlide","goToSlide","nextSlide","handleIndicatorClick","index","togglePlayPause","event","stopPropagation","currentSlideType","_a","type","currentVideo","pause","playPromise","play","undefined","catch","error","console","createPlayButtonOverlay","resetTimer","activeIndicator","el","shadowRoot","querySelector","svgContainer","innerHTML","startTimer","componentDidLoad","setTimeout","forEach","slide","videoEl","addEventListener","warn","disconnectedCallback","video","removeEventListener","watchCurrentSlide","handleVideoPlayback","readyState","currentTime","indexOf","once","videoElement","overlay","document","createElement","className","videoContainer","parentElement","style","position","appendChild","then","remove","requestAnimationFrame","timerCircle","transition","strokeDashoffset","getBoundingClientRect","slideInterval","window","setInterval","clearInterval","timerCircles","querySelectorAll","circle","length","render","h","key","class","map","src","url","alt","controls","playsInline","preload","muted","onClick"],"sources":["src/components/dda-slider/dda-slider.css?tag=dda-slider&encapsulation=shadow","src/components/dda-slider/dda-slider.tsx"],"sourcesContent":[".dda-slider-container {\r\n  position: relative;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n}\r\n\r\n.dda-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 450px;\r\n}\r\n\r\n.dda-slide {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  /* transition: opacity 0.5s ease-in-out; */\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.dda-slide.active {\r\n  opacity: 1;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-slide video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-video-play-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  z-index: 5;\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.dda-video-play-overlay svg {\r\n  width: 64px;\r\n  height: 64px;\r\n  /* transition: transform 0.3s ease; */\r\n}\r\n\r\n.dda-video-play-overlay:hover svg {\r\n  transform: scale(1.2);\r\n}\r\n\r\n.dda-slider-controls-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 15px;\r\n}\r\n\r\n.dda-slider-prev, .dda-slider-next {\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n  color: black;\r\n  padding: 10px 15px;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  /* transition: background-color 0.3s; */\r\n  z-index: 2;\r\n}\r\n\r\n.dda-slider-prev:hover, .dda-slider-next:hover {\r\n  background-color: rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.dda-slider-indicator-container {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator {\r\n  width: 24px;\r\n  height: 24px;\r\n  margin: 0 5px;\r\n  cursor: pointer;\r\n  /* transition: all 0.3s; */\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  display: block;\r\n}\r\n\r\n.dda-slider-timer-circle {\r\n  stroke-dasharray: 63;\r\n  stroke-dashoffset: 63;\r\n  /* transition: none; */\r\n}\r\n\r\n.dda-slider-play-icon, .dda-slider-pause-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.dda-slider-play-pause-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-slide {\r\n    transition: opacity 0.5s ease-in-out;\r\n  }\r\n  .dda-video-play-overlay svg {\r\n  transition: transform 0.3s ease;\r\n  }\r\n  .dda-slider-prev, .dda-slider-next {\r\n    transition: background-color 0.3s;\r\n  }\r\n  .dda-slider-indicator {\r\n    transition: all 0.3s;\r\n  }\r\n  .dda-slider-timer-circle {\r\n    transition: none;\r\n  }\r\n}","import { Component, Prop, h, State, Watch, Element } from '@stencil/core';\r\n\r\nexport interface SlideData {\r\n  url: string;\r\n  type: 'image' | 'video';\r\n}\r\n\r\n@Component({\r\n  tag: 'dda-slider',\r\n  styleUrl: 'dda-slider.css',\r\n  shadow: true\r\n})\r\nexport class DDASlider {\r\n  @Element() el: HTMLElement;\r\n  @Prop() slides: SlideData[] = [];\r\n  @Prop() interval: number = 5000;\r\n  @Prop() autoplay: boolean = true;\r\n  @State() currentSlide: number = 0;\r\n  @State() isPaused: boolean = false;\r\n  \r\n  private slideInterval: number;\r\n  private videoElements: HTMLVideoElement[] = [];\r\n  \r\n  private playIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"play-icon\">\r\n    <polygon points=\"10,8 16,12 10,16\" fill=\"white\" stroke=\"white\" stroke-width=\"1\"/>\r\n  </svg>`;\r\n  \r\n  private pauseIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pause-icon\">\r\n    <rect x=\"9\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n    <rect x=\"13\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n  </svg>`;\r\n  \r\n  private svgIndicators = {\r\n    inactive: `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"2\"/>\r\n    </svg>`,\r\n    active: (isPaused: boolean, isVideo: boolean) => `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"4\"/>\r\n      ${!isVideo ? `<circle cx=\"12\" cy=\"12\" r=\"10\" class=\"dda-slider-timer-circle\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" \r\n              stroke-dasharray=\"63\" stroke-dashoffset=\"63\" transform=\"rotate(-90 12 12)\"/>` : ''}\r\n      ${isPaused ? this.playIcon : this.pauseIcon}\r\n    </svg>`\r\n  }; \r\n  \r\n  componentDidLoad() {\r\n    setTimeout(() => {\r\n      this.slides.forEach((slide, index) => {\r\n        if (slide.type === 'video') {\r\n          const videoEl = this.el.shadowRoot.querySelector(`.dda-slide[data-index=\"${index}\"] video`) as HTMLVideoElement;\r\n          if (videoEl) {\r\n            this.videoElements[index] = videoEl;\r\n            \r\n            videoEl.addEventListener('ended', () => {\r\n              if (this.currentSlide === index) {\r\n                this.nextSlide();\r\n              }\r\n            });\r\n          }\r\n        }\r\n      });\r\n      \r\n      if (this.slides[this.currentSlide]?.type === 'video') {\r\n        const currentVideo = this.videoElements[this.currentSlide];\r\n        if (currentVideo && !this.isPaused) {\r\n          currentVideo.play()\r\n            .catch(error => console.warn('Initial video play failed, may need user interaction:', error));\r\n        }\r\n      }\r\n      \r\n      if (this.autoplay && !this.isPaused) {\r\n        this.startTimer();\r\n      }\r\n    }, 100);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resetTimer();\r\n    \r\n    this.videoElements.forEach(video => {\r\n      if (video) {\r\n        video.removeEventListener('ended', this.nextSlide);\r\n      }\r\n    });\r\n  }\r\n  \r\n  @Watch('currentSlide')\r\n  watchCurrentSlide() {\r\n    this.handleVideoPlayback();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type || 'image';\r\n    if (this.autoplay && !this.isPaused && currentSlideType === 'image') {\r\n      setTimeout(() => {\r\n        this.resetTimer();\r\n        this.startTimer();\r\n      }, 50);\r\n    }\r\n  }\r\n  \r\n  private handleVideoPlayback() {\r\n    this.videoElements.forEach(videoEl => {\r\n      if (videoEl) {\r\n        videoEl.pause();\r\n      }\r\n    });\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video' && !this.isPaused) {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (currentVideo.readyState >= 2) {\r\n          currentVideo.currentTime = 0;\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error playing video:', error);\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        } else {\r\n          currentVideo.addEventListener('canplay', () => {\r\n            if (this.currentSlide === this.slides.indexOf(this.slides[this.currentSlide]) && !this.isPaused) {\r\n              currentVideo.play().catch(error => console.error('Error playing video on canplay:', error));\r\n            }\r\n          }, { once: true });\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  private createPlayButtonOverlay(videoElement: HTMLVideoElement) {\r\n    const overlay = document.createElement('div');\r\n    overlay.className = 'dda-video-play-overlay';\r\n    overlay.innerHTML = `\r\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"rgba(0,0,0,0.5)\" />\r\n        <polygon points=\"10,8 16,12 10,16\" fill=\"white\" />\r\n      </svg>\r\n    `;\r\n    \r\n    const videoContainer = videoElement.parentElement;\r\n    if (videoContainer) {\r\n      videoContainer.style.position = 'relative';\r\n      videoContainer.appendChild(overlay);\r\n      \r\n      overlay.addEventListener('click', () => {\r\n        videoElement.play()\r\n          .then(() => {\r\n            overlay.remove();\r\n          })\r\n          .catch(error => console.error('Play from overlay failed:', error));\r\n      });\r\n    }\r\n  }\r\n  \r\n  private startTimer() {\r\n    if (this.isPaused) return;\r\n    this.resetTimer();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') return;\r\n    \r\n    requestAnimationFrame(() => {\r\n      const timerCircle = this.el.shadowRoot.querySelector('.dda-slider-indicator.active .dda-slider-timer-circle') as SVGCircleElement;\r\n      \r\n      if (timerCircle) {\r\n        timerCircle.style.transition = 'none';\r\n        timerCircle.style.strokeDashoffset = '63';\r\n        \r\n        void timerCircle.getBoundingClientRect();\r\n        \r\n        setTimeout(() => {\r\n          if (!this.isPaused) {\r\n            timerCircle.style.transition = `stroke-dashoffset ${this.interval}ms linear`;\r\n            timerCircle.style.strokeDashoffset = '0';\r\n          }\r\n        }, 20);\r\n      }\r\n    });\r\n    \r\n    this.slideInterval = window.setInterval(() => {\r\n      if (!this.isPaused) {\r\n        this.nextSlide();\r\n      }\r\n    }, this.interval);\r\n  }\r\n  \r\n  private resetTimer() {\r\n    if (this.slideInterval) {\r\n      window.clearInterval(this.slideInterval);\r\n      this.slideInterval = null;\r\n    }\r\n    \r\n    const timerCircles = this.el.shadowRoot.querySelectorAll('.dda-slider-timer-circle');\r\n    timerCircles.forEach(circle => {\r\n      (circle as SVGCircleElement).style.transition = 'none';\r\n      (circle as SVGCircleElement).style.strokeDashoffset = '63';\r\n    });\r\n  }\r\n  \r\n  private goToSlide(index: number) {\r\n    this.currentSlide = index;\r\n    if (this.currentSlide < 0) {\r\n      this.currentSlide = this.slides.length - 1;\r\n    } else if (this.currentSlide >= this.slides.length) {\r\n      this.currentSlide = 0;\r\n    }\r\n  }\r\n  \r\n  private prevSlide = () => {\r\n    this.goToSlide(this.currentSlide - 1);\r\n  }\r\n  \r\n  private nextSlide = () => {\r\n    this.goToSlide(this.currentSlide + 1);\r\n  }\r\n  \r\n  private handleIndicatorClick = (index: number) => {\r\n    this.goToSlide(index);\r\n  }\r\n  \r\n  private togglePlayPause = (event: Event) => {\r\n    event.stopPropagation();\r\n    \r\n    this.isPaused = !this.isPaused;\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (this.isPaused) {\r\n          currentVideo.pause();\r\n        } else {\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error toggling video play:', error);\r\n              this.isPaused = true;\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        }\r\n      }\r\n    }\r\n    \r\n    if (this.isPaused) {\r\n      this.resetTimer();\r\n      \r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n    } else {\r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n      \r\n      if (currentSlideType === 'image') {\r\n        this.startTimer();\r\n      }\r\n    }\r\n  }\r\n  \r\n  render() {\r\n    return (\r\n      <div class=\"dda-slider-container\">\r\n        <div class=\"dda-slider\">\r\n          {this.slides.map((slide, index) => (\r\n            <div class={`dda-slide ${index === this.currentSlide ? 'active' : ''}`} data-index={index}>\r\n              {slide.type === 'image' ? (\r\n                <img src={slide.url} alt={`Slide ${index + 1}`} />\r\n              ) : (\r\n                <video \r\n                  src={slide.url} \r\n                  controls={false}\r\n                  playsInline={true}\r\n                  preload=\"auto\"\r\n                  muted={false}\r\n                />\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n        \r\n        <div class=\"dda-slider-controls-container\">\r\n          <button class=\"dda-slider-prev\" onClick={this.prevSlide}>\r\n            &#10094;\r\n          </button>\r\n          \r\n          <div class=\"dda-slider-indicator-container\">\r\n            {this.slides.map((slide, index) => (\r\n              <div \r\n                class={`dda-slider-indicator ${index === this.currentSlide ? 'active' : ''}`}\r\n                onClick={() => this.handleIndicatorClick(index)}\r\n              >\r\n                <div innerHTML={index === this.currentSlide ? \r\n                  this.svgIndicators.active(this.isPaused, slide.type === 'video') : \r\n                  this.svgIndicators.inactive}>\r\n                </div>\r\n                {index === this.currentSlide && \r\n                  <div class=\"dda-slider-play-pause-overlay\" onClick={this.togglePlayPause}></div>\r\n                }\r\n              </div>\r\n            ))}\r\n          </div>\r\n          \r\n          <button class=\"dda-slider-next\" onClick={this.nextSlide}>\r\n            &#10095;\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"kDAAA,MAAMA,EAAe,s/DACrB,MAAAC,EAAeD,E,MCWFE,EAAS,MALtB,WAAAC,CAAAC,G,UAOUC,KAAAC,OAAsB,GACtBD,KAAAE,SAAmB,IACnBF,KAAAG,SAAoB,KACnBH,KAAAI,aAAuB,EACvBJ,KAAAK,SAAoB,MAGrBL,KAAAM,cAAoC,GAEpCN,KAAAO,SAAW,kLAIXP,KAAAQ,UAAY,mRAKZR,KAAAS,cAAgB,CACtBC,SAAU,8JAGVC,OAAQ,CAACN,EAAmBO,IAAqB,2JAE5CA,EAAU,0MAC2E,aACtFP,EAAWL,KAAKO,SAAWP,KAAKQ,yBAwK9BR,KAAAa,UAAY,KAClBb,KAAKc,UAAUd,KAAKI,aAAe,EAAE,EAG/BJ,KAAAe,UAAY,KAClBf,KAAKc,UAAUd,KAAKI,aAAe,EAAE,EAG/BJ,KAAAgB,qBAAwBC,IAC9BjB,KAAKc,UAAUG,EAAM,EAGfjB,KAAAkB,gBAAmBC,I,MACzBA,EAAMC,kBAENpB,KAAKK,UAAYL,KAAKK,SAEtB,MAAMgB,GAAmBC,EAAAtB,KAAKC,OAAOD,KAAKI,iBAAa,MAAAkB,SAAA,SAAAA,EAAEC,KACzD,GAAIF,IAAqB,QAAS,CAChC,MAAMG,EAAexB,KAAKM,cAAcN,KAAKI,cAC7C,GAAIoB,EAAc,CAChB,GAAIxB,KAAKK,SAAU,CACjBmB,EAAaC,O,KACR,CACL,MAAMC,EAAcF,EAAaG,OACjC,GAAID,IAAgBE,UAAW,CAC7BF,EAAYG,OAAMC,IAChBC,QAAQD,MAAM,6BAA8BA,GAC5C9B,KAAKK,SAAW,KAChBL,KAAKgC,wBAAwBR,EAAa,G,IAOpD,GAAIxB,KAAKK,SAAU,CACjBL,KAAKiC,aAEL,MAAMC,EAAkBlC,KAAKmC,GAAGC,WAAWC,cAAc,gCACzD,GAAIH,EAAiB,CACnB,MAAMI,EAAeJ,EAAgBG,cAAc,OACnD,GAAIC,EAAc,CAChBA,EAAaC,UAAYvC,KAAKS,cAAcE,OAAOX,KAAKK,SAAUgB,IAAqB,Q,OAGtF,CACL,MAAMa,EAAkBlC,KAAKmC,GAAGC,WAAWC,cAAc,gCACzD,GAAIH,EAAiB,CACnB,MAAMI,EAAeJ,EAAgBG,cAAc,OACnD,GAAIC,EAAc,CAChBA,EAAaC,UAAYvC,KAAKS,cAAcE,OAAOX,KAAKK,SAAUgB,IAAqB,Q,EAI3F,GAAIA,IAAqB,QAAS,CAChCrB,KAAKwC,Y,IA5NX,gBAAAC,GACEC,YAAW,K,MACT1C,KAAKC,OAAO0C,SAAQ,CAACC,EAAO3B,KAC1B,GAAI2B,EAAMrB,OAAS,QAAS,CAC1B,MAAMsB,EAAU7C,KAAKmC,GAAGC,WAAWC,cAAc,0BAA0BpB,aAC3E,GAAI4B,EAAS,CACX7C,KAAKM,cAAcW,GAAS4B,EAE5BA,EAAQC,iBAAiB,SAAS,KAChC,GAAI9C,KAAKI,eAAiBa,EAAO,CAC/BjB,KAAKe,W,UAOf,KAAIO,EAAAtB,KAAKC,OAAOD,KAAKI,iBAAa,MAAAkB,SAAA,SAAAA,EAAEC,QAAS,QAAS,CACpD,MAAMC,EAAexB,KAAKM,cAAcN,KAAKI,cAC7C,GAAIoB,IAAiBxB,KAAKK,SAAU,CAClCmB,EAAaG,OACVE,OAAMC,GAASC,QAAQgB,KAAK,wDAAyDjB,I,EAI5F,GAAI9B,KAAKG,WAAaH,KAAKK,SAAU,CACnCL,KAAKwC,Y,IAEN,I,CAGL,oBAAAQ,GACEhD,KAAKiC,aAELjC,KAAKM,cAAcqC,SAAQM,IACzB,GAAIA,EAAO,CACTA,EAAMC,oBAAoB,QAASlD,KAAKe,U,KAM9C,iBAAAoC,G,MACEnD,KAAKoD,sBAEL,MAAM/B,IAAmBC,EAAAtB,KAAKC,OAAOD,KAAKI,iBAAa,MAAAkB,SAAA,SAAAA,EAAEC,OAAQ,QACjE,GAAIvB,KAAKG,WAAaH,KAAKK,UAAYgB,IAAqB,QAAS,CACnEqB,YAAW,KACT1C,KAAKiC,aACLjC,KAAKwC,YAAY,GAChB,G,EAIC,mBAAAY,G,MACNpD,KAAKM,cAAcqC,SAAQE,IACzB,GAAIA,EAAS,CACXA,EAAQpB,O,KAIZ,MAAMJ,GAAmBC,EAAAtB,KAAKC,OAAOD,KAAKI,iBAAa,MAAAkB,SAAA,SAAAA,EAAEC,KACzD,GAAIF,IAAqB,UAAYrB,KAAKK,SAAU,CAClD,MAAMmB,EAAexB,KAAKM,cAAcN,KAAKI,cAC7C,GAAIoB,EAAc,CAChB,GAAIA,EAAa6B,YAAc,EAAG,CAChC7B,EAAa8B,YAAc,EAC3B,MAAM5B,EAAcF,EAAaG,OACjC,GAAID,IAAgBE,UAAW,CAC7BF,EAAYG,OAAMC,IAChBC,QAAQD,MAAM,uBAAwBA,GACtC9B,KAAKgC,wBAAwBR,EAAa,G,MAGzC,CACLA,EAAasB,iBAAiB,WAAW,KACvC,GAAI9C,KAAKI,eAAiBJ,KAAKC,OAAOsD,QAAQvD,KAAKC,OAAOD,KAAKI,iBAAmBJ,KAAKK,SAAU,CAC/FmB,EAAaG,OAAOE,OAAMC,GAASC,QAAQD,MAAM,kCAAmCA,I,IAErF,CAAE0B,KAAM,M,IAMX,uBAAAxB,CAAwByB,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OACvCF,EAAQG,UAAY,yBACpBH,EAAQnB,UAAY,gPAOpB,MAAMuB,EAAiBL,EAAaM,cACpC,GAAID,EAAgB,CAClBA,EAAeE,MAAMC,SAAW,WAChCH,EAAeI,YAAYR,GAE3BA,EAAQZ,iBAAiB,SAAS,KAChCW,EAAa9B,OACVwC,MAAK,KACJT,EAAQU,QAAQ,IAEjBvC,OAAMC,GAASC,QAAQD,MAAM,4BAA6BA,IAAO,G,EAKlE,UAAAU,G,MACN,GAAIxC,KAAKK,SAAU,OACnBL,KAAKiC,aAEL,MAAMZ,GAAmBC,EAAAtB,KAAKC,OAAOD,KAAKI,iBAAa,MAAAkB,SAAA,SAAAA,EAAEC,KACzD,GAAIF,IAAqB,QAAS,OAElCgD,uBAAsB,KACpB,MAAMC,EAActE,KAAKmC,GAAGC,WAAWC,cAAc,yDAErD,GAAIiC,EAAa,CACfA,EAAYN,MAAMO,WAAa,OAC/BD,EAAYN,MAAMQ,iBAAmB,UAEhCF,EAAYG,wBAEjB/B,YAAW,KACT,IAAK1C,KAAKK,SAAU,CAClBiE,EAAYN,MAAMO,WAAa,qBAAqBvE,KAAKE,oBACzDoE,EAAYN,MAAMQ,iBAAmB,G,IAEtC,G,KAIPxE,KAAK0E,cAAgBC,OAAOC,aAAY,KACtC,IAAK5E,KAAKK,SAAU,CAClBL,KAAKe,W,IAENf,KAAKE,S,CAGF,UAAA+B,GACN,GAAIjC,KAAK0E,cAAe,CACtBC,OAAOE,cAAc7E,KAAK0E,eAC1B1E,KAAK0E,cAAgB,I,CAGvB,MAAMI,EAAe9E,KAAKmC,GAAGC,WAAW2C,iBAAiB,4BACzDD,EAAanC,SAAQqC,IAClBA,EAA4BhB,MAAMO,WAAa,OAC/CS,EAA4BhB,MAAMQ,iBAAmB,IAAI,G,CAItD,SAAA1D,CAAUG,GAChBjB,KAAKI,aAAea,EACpB,GAAIjB,KAAKI,aAAe,EAAG,CACzBJ,KAAKI,aAAeJ,KAAKC,OAAOgF,OAAS,C,MACpC,GAAIjF,KAAKI,cAAgBJ,KAAKC,OAAOgF,OAAQ,CAClDjF,KAAKI,aAAe,C,EAiExB,MAAA8E,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cACRrF,KAAKC,OAAOqF,KAAI,CAAC1C,EAAO3B,IACvBkE,EAAA,OAAKE,MAAO,aAAapE,IAAUjB,KAAKI,aAAe,SAAW,KAAI,aAAca,GACjF2B,EAAMrB,OAAS,QACd4D,EAAA,OAAKI,IAAK3C,EAAM4C,IAAKC,IAAK,SAASxE,EAAQ,MAE3CkE,EAAA,SACEI,IAAK3C,EAAM4C,IACXE,SAAU,MACVC,YAAa,KACbC,QAAQ,OACRC,MAAO,YAOjBV,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iCACTF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,kBAAkBS,QAAS9F,KAAKa,WAAS,KAIvDsE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kCACRrF,KAAKC,OAAOqF,KAAI,CAAC1C,EAAO3B,IACvBkE,EAAA,OACEE,MAAO,wBAAwBpE,IAAUjB,KAAKI,aAAe,SAAW,KACxE0F,QAAS,IAAM9F,KAAKgB,qBAAqBC,IAEzCkE,EAAA,OAAK5C,UAAWtB,IAAUjB,KAAKI,aAC7BJ,KAAKS,cAAcE,OAAOX,KAAKK,SAAUuC,EAAMrB,OAAS,SACxDvB,KAAKS,cAAcC,WAEpBO,IAAUjB,KAAKI,cACd+E,EAAA,OAAKE,MAAM,gCAAgCS,QAAS9F,KAAKkB,sBAMjEiE,EAAA,UAAAC,IAAA,2CAAQC,MAAM,kBAAkBS,QAAS9F,KAAKe,WAAS,M","ignoreList":[]}

package/dist/dda/p-c766ae47.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e}from"./p-1b339a0a.js";const h=class{constructor(s){t(this,s);this.ddaLinkClick=i(this,"ddaLinkClick",7);this.disabled=false;this.start_icon="";this.link_button_text="";this.link_button_title="";this.end_icon="";this.aria_label="";this.button_color="primary";this.button_shape="";this.icon_button_shape="";this.custom_class="";this.href="#";this.target="";this.rel="noopener noreferrer";this.handleClick=t=>{if(this.disabled){t.preventDefault();t.stopPropagation();t.stopImmediatePropagation();return false}this.ddaLinkClick.emit(t);if(this.clickHandler){this.clickHandler(t)}}}render(){const t=["dda-btn",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`btn-shape-${this.button_shape}`:"",this.icon_button_shape?`icon-btn-${this.icon_button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.disabled?"disabled":"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const i=this.aria_label||this.link_button_text||"Link button";const h=this.target;const a=this.target==="_blank"?"noopener noreferrer":this.rel;return s(e,{key:"f3c12526f6fa0fd49d1d11a2406f69826da41003"},s("a",{key:"65b66870f9683c276b3e20d8b8c20c817696d3fe",id:this.button_id,target:h,rel:a,"data-fancybox":this.data_fancybox,title:this.link_button_title,href:this.disabled?undefined:this.href,class:t,"aria-label":i,"aria-disabled":this.disabled?"true":undefined,tabindex:this.disabled?-1:undefined,onClick:this.handleClick,onKeyDown:t=>{if(this.disabled&&(t.key==="Enter"||t.key===" ")){t.preventDefault();t.stopPropagation();t.stopImmediatePropagation();return false}},style:this.disabled?{pointerEvents:"none",cursor:"not-allowed"}:{}},this.start_icon&&s("i",{key:"553ef0895f08aab5e94e91f6dd51bc45a985298b",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),this.link_button_text,this.end_icon&&s("i",{key:"fd191ba6612d3c5cf4b8382182d20950d5361ca3",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.end_icon)))}};export{h as dda_link_button};
-//# sourceMappingURL=p-c766ae47.entry.js.map