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

package/www/build/p-42c30672.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as d,H as t}from"./p-1b339a0a.js";const e=class{constructor(d){a(this,d);this.custom_class="";this.handleButtonClick=a=>{if(this.clickHandler){this.clickHandler(a.detail.event)}console.log("Button clicked inside parent:",a.detail)};this.noop=()=>{}}render(){const a=["dda-card",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return d(t,{key:"aed154e1f5b436ce6b5b535c57ad7bc9af3b8afc"},d("div",{key:"1d592ce0a5c5f3d8ff2fc7cce227195619dff8e5",class:a},d("div",{key:"9816b9222d02e4cef6a6bcc302a1b51e7a30869d",class:"dda-container-fluid dda-pt-3 dda-d-flex dda-flex-column dda-gap-2"},this.info_text&&d("p",{key:"e9b436b4dccf2ff2b4ce8f00b4803eb1928919ac",class:"body Regular"},this.info_text),this.date_text&&d("p",{key:"0e1f59986077b3e31ebd7713418cbe85f6a330d8",class:"body Regular"},this.date_text),d("h6",{key:"2b7a27e8b9bd9345b9f5ea7f38324a679076a4c6",class:"h6 Regular"},this.header_text),d("img",{key:"6278d59ed58bb90321be235a9c4ac72d43de827b",class:"dda-card-img image-card dda-rounded-md",src:this.image_src,alt:this.image_alt})),d("div",{key:"749db4e8ab141cf606057c72a0f132101b656d12",class:"dda-container-fluid dda-pt-3"},d("div",{key:"d4e9bacab58c416698db5a0902c329cac2a16a0c",class:"dda-row"},this.left_button_name?d("div",{class:"dda-col dda-pb-3"},d("dda-button",{button_color:"default-tertiary",button_text:this.left_button_name,button_id:this.left_button_id,value:this.left_button_name,aria_label:this.left_button_name,button_name:this.left_button_name,onButtonClick:this.handleButtonClick,custom_class:"dda-w-100",component_mode:""})):null,this.right_button_name?d("div",{class:"dda-col dda-pb-3"},d("dda-button",{button_color:"default-primary",button_text:this.right_button_name,button_id:this.right_button_id,value:this.right_button_name,aria_label:this.right_button_name,button_name:this.right_button_name,onButtonClick:this.handleButtonClick,custom_class:"dda-w-100",component_mode:""})):null))))}};export{e as dda_centered_image_card};
-//# sourceMappingURL=p-42c30672.entry.js.map

package/www/build/p-42c30672.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaCenteredImageCard","constructor","hostRef","this","custom_class","handleButtonClick","event","clickHandler","detail","console","log","noop","render","cardClass","component_mode","filter","Boolean","join","h","Host","key","class","info_text","date_text","header_text","src","image_src","alt","image_alt","left_button_name","button_color","button_text","button_id","left_button_id","value","aria_label","button_name","onButtonClick","right_button_name","right_button_id"],"sources":["src/components/cards/dda-centered-image-card/dda-centered-image-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-centered-image-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaCenteredImageCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() header_text: string;\r\n  @Prop() info_text: string;\r\n  @Prop() date_text: string;\r\n  @Prop() left_button_name: string;\r\n  @Prop() right_button_name: string;\r\n  @Prop() left_button_id: string;\r\n  @Prop() right_button_id: string;\r\n  // @Prop() single_button: boolean;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  handleButtonClick = (event: CustomEvent<{ event: MouseEvent; id: string; value?: string; name?: string; }>) => {\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event.detail.event);\r\n    }\r\n    console.log('Button clicked inside parent:', event.detail);\r\n  }\r\n  noop = () => {};\r\n  \r\n  \r\n  render() {\r\n    const cardClass = [\r\n      'dda-card',\r\n      this.custom_class ? `${this.custom_class}` : \"\",\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-container-fluid dda-pt-3 dda-d-flex dda-flex-column dda-gap-2\">\r\n            {this.info_text && <p class=\"body Regular\">\r\n              {this.info_text}\r\n            </p>}\r\n            {this.date_text && <p class=\"body Regular\">{this.date_text}</p>}\r\n            <h6 class=\"h6 Regular\">\r\n              {this.header_text}\r\n            </h6>\r\n            <img class=\"dda-card-img image-card dda-rounded-md\" src={this.image_src} alt={this.image_alt}/>\r\n          </div>    \r\n          <div class=\"dda-container-fluid dda-pt-3\">\r\n              <div class=\"dda-row\">\r\n                {this.left_button_name ?\r\n                <div class=\"dda-col dda-pb-3\">\r\n                    <dda-button \r\n                      button_color=\"default-tertiary\" \r\n                      button_text={this.left_button_name} \r\n                      button_id={this.left_button_id}\r\n                      value={this.left_button_name}\r\n                      aria_label={this.left_button_name} \r\n                      button_name={this.left_button_name}  \r\n                      onButtonClick={this.handleButtonClick} \r\n                      // onpressKey={() => console.log()} \r\n                      custom_class=\"dda-w-100\" \r\n                      component_mode=\"\"  \r\n                    ></dda-button>\r\n                </div>\r\n                : null}\r\n\r\n                {this.right_button_name ? \r\n                <div class=\"dda-col dda-pb-3\">\r\n                    <dda-button \r\n                      button_color=\"default-primary\"  \r\n                      button_text={this.right_button_name} \r\n                      button_id={this.right_button_id}\r\n                      value={this.right_button_name}\r\n                      aria_label={this.right_button_name} \r\n                      button_name={this.right_button_name}\r\n                      onButtonClick={this.handleButtonClick} \r\n                      // onpressKey={() => console.log()} \r\n                      custom_class=\"dda-w-100\" \r\n                      component_mode=\"\"  \r\n                    ></dda-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":"wDAOaA,EAAoB,MALjC,WAAAC,CAAAC,G,UAgBUC,KAAAC,aAAwB,GAKhCD,KAAAE,kBAAqBC,IACnB,GAAIH,KAAKI,aAAc,CACrBJ,KAAKI,aAAaD,EAAME,OAAOF,M,CAEjCG,QAAQC,IAAI,gCAAiCJ,EAAME,OAAO,EAE5DL,KAAAQ,KAAO,M,CAGP,MAAAC,GACE,MAAMC,EAAY,CAChB,WACAV,KAAKC,aAAe,GAAGD,KAAKC,eAAiB,GAC7CD,KAAKW,gBACLC,OAAOC,SAASC,KAAK,KAGvB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOR,GACVK,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qEACRlB,KAAKmB,WAAaJ,EAAA,KAAAE,IAAA,2CAAGC,MAAM,gBACzBlB,KAAKmB,WAEPnB,KAAKoB,WAAaL,EAAA,KAAAE,IAAA,2CAAGC,MAAM,gBAAgBlB,KAAKoB,WACjDL,EAAA,MAAAE,IAAA,2CAAIC,MAAM,cACPlB,KAAKqB,aAERN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yCAAyCI,IAAKtB,KAAKuB,UAAWC,IAAKxB,KAAKyB,aAErFV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACPH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACRlB,KAAK0B,iBACNX,EAAA,OAAKG,MAAM,oBACPH,EAAA,cACEY,aAAa,mBACbC,YAAa5B,KAAK0B,iBAClBG,UAAW7B,KAAK8B,eAChBC,MAAO/B,KAAK0B,iBACZM,WAAYhC,KAAK0B,iBACjBO,YAAajC,KAAK0B,iBAClBQ,cAAelC,KAAKE,kBAEpBD,aAAa,YACbU,eAAe,MAGnB,KAEDX,KAAKmC,kBACNpB,EAAA,OAAKG,MAAM,oBACPH,EAAA,cACEY,aAAa,kBACbC,YAAa5B,KAAKmC,kBAClBN,UAAW7B,KAAKoC,gBAChBL,MAAO/B,KAAKmC,kBACZH,WAAYhC,KAAKmC,kBACjBF,YAAajC,KAAKmC,kBAClBD,cAAelC,KAAKE,kBAEpBD,aAAa,YACbU,eAAe,MAGnB,Q","ignoreList":[]}

package/www/build/p-462f0128.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as s,h as i,H as e}from"./p-1b339a0a.js";const t=class{constructor(i){a(this,i);this.navigatorClick=s(this,"navigatorClick",7);this.custom_class="";this.card_type="variant-one";this.useNavigator="false";this.social_icons=[];this.parsedSocialIcons=[]}parseSocialIcons(a){if(typeof a==="string"){try{this.parsedSocialIcons=JSON.parse(a)}catch(a){this.parsedSocialIcons=[];console.warn("Failed to parse social_icons JSON string",a)}}else if(Array.isArray(a)){this.parsedSocialIcons=a}else{this.parsedSocialIcons=[]}}componentWillLoad(){this.parseSocialIcons(this.social_icons)}renderCards(){var a,s;switch(this.card_type){case"variant-one":return i("div",{class:`${this.component_mode}`,role:"group","aria-label":this.header_text||"Team member card"},this.image_src&&i("img",{src:this.image_src,alt:this.header_text?`${this.header_text}'s profile picture`:"Team member profile picture",class:"team-member-image"}),this.header_text&&i("div",{class:"dda-p-3 teamsection-type-one-body"},i("div",{class:"teamsection-type-one-content"},i("h5",{class:"h5 Regular"},this.header_text),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text))));case"variant-two":return i("div",{class:`${this.component_mode}`,role:"group","aria-label":this.header_text||"Team member card"},this.image_src&&i("img",{src:this.image_src,alt:this.header_text?`${this.header_text}'s profile picture`:"Team member profile picture"}),this.header_text&&i("div",{class:"dda-pt-3"},i("h5",{class:"h5 Regular"},this.header_text),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text)));case"variant-three":return i("div",{class:`${this.component_mode}`,role:"group","aria-label":this.header_text||"Team member card"},this.image_src&&i("img",{src:this.image_src,alt:this.header_text?`${this.header_text}'s profile picture`:"Team member profile picture"}),this.header_text&&i("div",{class:"dda-pt-3 dda-mb-3"},i("h5",{class:"h5 Regular"},this.header_text),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text)),((a=this.parsedSocialIcons)===null||a===void 0?void 0:a.length)>0&&i("ul",{class:"dda-social-icons-card","aria-label":`${this.header_text} Social media links`},this.parsedSocialIcons.map(((a,s)=>i("li",{key:s},i("a",{href:this.useNavigator=="true"?"javascript:void(0)":a.SocialLink,onClick:()=>this.useNavigator=="true"?this.navigatorClick.emit(a.SocialLink):"",title:a.SocialLinkTitle||a.SocialIconText||"Social media link",target:"_blank",rel:"noopener noreferrer","aria-label":a.SocialIconText||a.SocialLinkTitle||"Social media link"},a.SocialIconSrc&&i("img",{src:a.SocialIconSrc,alt:a.SocialIconAlt||a.SocialIconText||"",class:"social-icon"}),a.SocialIconText&&i("span",{class:"visually-hidden"},a.SocialIconText)))))));case"variant-four":return i("div",{class:`${this.component_mode}`,role:"group","aria-label":`Team member card${this.header_text?` for ${this.header_text}`:""}`},i("div",{class:"dda-row no-gutters"},i("div",{class:"dda-col-sm-4 dda-p-0"},i("img",{src:this.image_src,alt:this.header_text?`${this.header_text}'s profile photo`:"Team member profile photo"})),i("div",{class:"dda-col-sm-8"},i("div",{class:"dda-h-100 dda-d-flex dda-align-items-center"},i("div",{class:"dda-teamsection-variant-four-body dda-py-4 dda-d-flex dda-flex-column dda-gap-4"},i("div",null,this.header_text&&i("h5",{class:"h5 Regular","aria-label":"Team member name"},this.header_text),this.profession&&i("p",{class:"body Regular dda-color-primary","aria-label":"Profession"},this.profession)),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text),((s=this.parsedSocialIcons)===null||s===void 0?void 0:s.length)>0&&i("ul",{class:"dda-social-icons-card","aria-label":`${this.header_text} Social media links`},this.parsedSocialIcons.map(((a,s)=>i("li",{key:s},i("a",{href:this.useNavigator=="true"?"javascript:void(0)":a.SocialLink,onClick:()=>this.useNavigator=="true"?this.navigatorClick.emit(a.SocialLink):"",title:a.SocialLinkTitle||a.SocialIconText||"Social media link","aria-label":a.SocialIconText||a.SocialLinkTitle||"Social media link",target:"_blank",rel:"noopener noreferrer"},a.SocialIconSrc&&i("img",{src:a.SocialIconSrc,alt:a.SocialIconAlt||a.SocialIconText||"Social media icon"}),a.SocialIconText&&i("span",{class:"visually-hidden"},a.SocialIconText)))))))))));case"variant-five":return i("div",{class:`${this.component_mode}`,role:"group","aria-label":`Team member card${this.header_text?` for ${this.header_text}`:""}`},this.image_src&&i("img",{src:this.image_src,alt:this.header_text?`${this.header_text}'s profile photo`:"Team member profile photo"}),this.header_text&&i("div",{class:"dda-p-3 teamsection-type-five-body"},i("div",null,i("h5",{class:"h5 Regular","aria-label":"Team member name"},this.header_text),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text))));case"variant-six":return i("div",{class:`dda-teamsection-variant-six ${this.component_mode}`,role:"group","aria-label":`Team member card${this.header_text?` for ${this.header_text}`:""}`},this.image_src&&i("img",{class:"dda-rounded-circle",src:this.image_src,alt:this.header_text?`${this.header_text}'s profile photo`:"Team member profile photo"}),this.header_text&&i("div",{class:"dda-col"},i("h5",{class:"h5 Regular","aria-label":"Team member name"},this.header_text),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text)));case"variant-seven":return i("div",{class:`dda-teamsection-variant-seven ${this.component_mode}`,role:"group","aria-label":`Team member card${this.header_text?` for ${this.header_text}`:""}`},this.image_src&&i("img",{class:"",src:this.image_src,alt:this.header_text?`${this.header_text}'s profile photo`:"Team member profile photo"}),this.header_text&&i("div",null,i("h5",{class:"h5 Regular","aria-label":"Team member name"},this.header_text),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text)));case"variant-eight":return i("div",{class:`dda-teamsection-variant-eight ${this.component_mode}`,role:"group","aria-label":`Team member card${this.header_text?` for ${this.header_text}`:""}`},this.image_src&&i("img",{class:"",src:this.image_src,alt:this.header_text?`${this.header_text}'s profile photo`:"Team member profile photo"}),i("div",null,this.header_text&&i("h5",{class:"h5 Regular","aria-label":"Team member name"},this.header_text),this.body_text&&i("p",{class:"body-text body Regular"},this.body_text)),this.body_text_two&&i("p",{class:"body-text body Regular"},this.body_text_two))}}render(){const a=["dda-teamsection-card",this.custom_class].filter(Boolean).join(" ");return i(e,{key:"8b488d09f7fba53c774d3a9bfcbbcd8c6918db6d"},i("div",{key:"39ba24cee0ae235671e072d4b73cde22e7dbe905",class:a},this.renderCards()))}static get watchers(){return{social_icons:["parseSocialIcons"]}}};export{t as dda_teamsection_card};
-//# sourceMappingURL=p-462f0128.entry.js.map

package/www/build/p-462f0128.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaImageCard","constructor","hostRef","this","custom_class","card_type","useNavigator","social_icons","parsedSocialIcons","parseSocialIcons","newVal","JSON","parse","e","console","warn","Array","isArray","componentWillLoad","renderCards","h","class","component_mode","role","header_text","image_src","src","alt","body_text","_a","length","map","item","index","key","href","SocialLink","onClick","navigatorClick","emit","title","SocialLinkTitle","SocialIconText","target","rel","SocialIconSrc","SocialIconAlt","profession","_b","body_text_two","render","cardClass","filter","Boolean","join","Host"],"sources":["src/components/dda-cards/dda-team-section-cards/dda-teamsection-card-variant-one/dda-teamsection-card-variant-one.tsx"],"sourcesContent":["import { Component, Prop, h, Host, Watch, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-teamsection-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaImageCard {\r\n  @Prop() image_src: string;\r\n  @Prop() header_text: string;\r\n  @Prop() profession: string;\r\n  @Prop() body_text: string;\r\n  @Prop() body_text_two: string;\r\n  @Prop() sajin: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() card_type: 'variant-one' | 'variant-two' | 'variant-three' | 'variant-four' | 'variant-five' | 'variant-six' | 'variant-seven' | 'variant-eight' | 'full' = 'variant-one';\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n  @Prop() social_icons: any = [];\r\n  @State() parsedSocialIcons: {\r\n    SocialLink: string;\r\n    SocialIconText?: string;\r\n    SocialLinkTitle?: string;\r\n    SocialIconSrc?: string;\r\n    SocialIconAlt?: string;\r\n  }[] = [];\r\n\r\n  @Watch('social_icons')\r\n  parseSocialIcons(newVal: any) {\r\n    if (typeof newVal === 'string') {\r\n      try {\r\n        this.parsedSocialIcons = JSON.parse(newVal);\r\n      } catch (e) {\r\n        this.parsedSocialIcons = [];\r\n        console.warn('Failed to parse social_icons JSON string', e);\r\n      }\r\n    } else if (Array.isArray(newVal)) {\r\n      this.parsedSocialIcons = newVal;\r\n    } else {\r\n      this.parsedSocialIcons = [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.parseSocialIcons(this.social_icons);\r\n  }\r\n\r\n  private renderCards() {\r\n    switch (this.card_type) {\r\n      case 'variant-one':\r\n        return (\r\n          // <div class={`${this.component_mode}`}>\r\n          //   {this.image_src && <img src={this.image_src} alt={this.header_text || 'Team member'} />}\r\n          //   {this.header_text && (\r\n          //     <div class=\"dda-p-3 teamsection-type-one-body\">\r\n          //       <div class=\"teamsection-type-one-content\">\r\n          //         <h5 class=\"h5 Regular\">{this.header_text}</h5>\r\n          //         {this.body_text && (\r\n          //           <p class=\"body-text body Regular\">{this.body_text}</p>\r\n          //         )}\r\n          //       </div>\r\n          //     </div>\r\n          //   )}\r\n          // </div>\r\n          <div class={`${this.component_mode}`} role=\"group\" aria-label={this.header_text || 'Team member card'}>\r\n            {this.image_src && (\r\n              <img src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture'} class=\"team-member-image\" />\r\n            )}\r\n\r\n            {this.header_text && (\r\n              <div class=\"dda-p-3 teamsection-type-one-body\">\r\n                <div class=\"teamsection-type-one-content\">\r\n                  <h5 class=\"h5 Regular\">{this.header_text}</h5>\r\n\r\n                  {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n\r\n      case 'variant-two':\r\n        return (\r\n          <div class={`${this.component_mode}`} role=\"group\" aria-label={this.header_text || 'Team member card'}>\r\n            {this.image_src && <img src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture'} />}\r\n            {this.header_text && (\r\n              <div class=\"dda-pt-3\">\r\n                <h5 class=\"h5 Regular\">{this.header_text}</h5>\r\n                {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n\r\n      case 'variant-three':\r\n        return (\r\n          <div class={`${this.component_mode}`} role=\"group\" aria-label={this.header_text || 'Team member card'}>\r\n            {this.image_src && <img src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture'} />}\r\n            {this.header_text && (\r\n              <div class=\"dda-pt-3 dda-mb-3\">\r\n                <h5 class=\"h5 Regular\">{this.header_text}</h5>\r\n                {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n              </div>\r\n            )}\r\n\r\n            {this.parsedSocialIcons?.length > 0 && (\r\n              <ul class=\"dda-social-icons-card\" aria-label={`${this.header_text} Social media links`}>\r\n                {this.parsedSocialIcons.map((item, index) => (\r\n                  <li key={index}>\r\n                    <a\r\n                      // href={item.SocialLink}\r\n                      href={this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink}\r\n                      onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : '')}\r\n                      title={item.SocialLinkTitle || item.SocialIconText || 'Social media link'}\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      aria-label={item.SocialIconText || item.SocialLinkTitle || 'Social media link'}\r\n                    >\r\n                      {item.SocialIconSrc && <img src={item.SocialIconSrc} alt={item.SocialIconAlt || item.SocialIconText || ''} class=\"social-icon\" />}\r\n                      {/* Screen-reader-only fallback text */}\r\n                      {item.SocialIconText && <span class=\"visually-hidden\">{item.SocialIconText}</span>}\r\n                    </a>\r\n                  </li>\r\n                ))}\r\n              </ul>\r\n            )}\r\n          </div>\r\n        );\r\n\r\n      case 'variant-four':\r\n        return (\r\n          <div class={`${this.component_mode}`} role=\"group\" aria-label={`Team member card${this.header_text ? ` for ${this.header_text}` : ''}`}>\r\n            <div class=\"dda-row no-gutters\">\r\n              <div class=\"dda-col-sm-4 dda-p-0\">\r\n                <img src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo'} />\r\n              </div>\r\n              <div class=\"dda-col-sm-8\">\r\n                <div class=\"dda-h-100 dda-d-flex dda-align-items-center\">\r\n                  <div class=\"dda-teamsection-variant-four-body dda-py-4 dda-d-flex dda-flex-column dda-gap-4\">\r\n                    {/* Name and Profession */}\r\n                    <div>\r\n                      {this.header_text && (\r\n                        <h5 class=\"h5 Regular\" aria-label=\"Team member name\">\r\n                          {this.header_text}\r\n                        </h5>\r\n                      )}\r\n                      {this.profession && (\r\n                        <p class=\"body Regular dda-color-primary\" aria-label=\"Profession\">\r\n                          {this.profession}\r\n                        </p>\r\n                      )}\r\n                    </div>\r\n                    {/* Description */}\r\n                    {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n                    {/* Social Media Links */}\r\n                    {this.parsedSocialIcons?.length > 0 && (\r\n                      <ul class=\"dda-social-icons-card\" aria-label={`${this.header_text} Social media links`}>\r\n                        {this.parsedSocialIcons.map((item, index) => (\r\n                          <li key={index}>\r\n                            <a\r\n                              // href={item.SocialLink}\r\n                              href={this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink}\r\n                              onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : '')}\r\n                              title={item.SocialLinkTitle || item.SocialIconText || 'Social media link'}\r\n                              aria-label={item.SocialIconText || item.SocialLinkTitle || 'Social media link'}\r\n                              target=\"_blank\"\r\n                              rel=\"noopener noreferrer\"\r\n                            >\r\n                              {item.SocialIconSrc && <img src={item.SocialIconSrc} alt={item.SocialIconAlt || item.SocialIconText || 'Social media icon'} />}\r\n                              {item.SocialIconText && <span class=\"visually-hidden\">{item.SocialIconText}</span>}\r\n                            </a>\r\n                          </li>\r\n                        ))}\r\n                      </ul>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        );\r\n\r\n      case 'variant-five':\r\n        return (\r\n          <div class={`${this.component_mode}`} role=\"group\" aria-label={`Team member card${this.header_text ? ` for ${this.header_text}` : ''}`}>\r\n            {this.image_src && <img src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo'} />}\r\n\r\n            {this.header_text && (\r\n              <div class=\"dda-p-3 teamsection-type-five-body\">\r\n                <div>\r\n                  <h5 class=\"h5 Regular\" aria-label=\"Team member name\">\r\n                    {this.header_text}\r\n                  </h5>\r\n                  {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n\r\n      case 'variant-six':\r\n        return (\r\n          <div class={`dda-teamsection-variant-six ${this.component_mode}`} role=\"group\" aria-label={`Team member card${this.header_text ? ` for ${this.header_text}` : ''}`}>\r\n            {this.image_src && <img class=\"dda-rounded-circle\" src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo'} />}\r\n\r\n            {this.header_text && (\r\n              <div class=\"dda-col\">\r\n                <h5 class=\"h5 Regular\" aria-label=\"Team member name\">\r\n                  {this.header_text}\r\n                </h5>\r\n                {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n\r\n      case 'variant-seven':\r\n        return (\r\n          <div class={`dda-teamsection-variant-seven ${this.component_mode}`} role=\"group\" aria-label={`Team member card${this.header_text ? ` for ${this.header_text}` : ''}`}>\r\n            {this.image_src && <img class=\"\" src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo'} />}\r\n            {this.header_text && (\r\n              <div>\r\n                <h5 class=\"h5 Regular\" aria-label=\"Team member name\">\r\n                  {this.header_text}\r\n                </h5>\r\n                {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n\r\n      case 'variant-eight':\r\n        return (\r\n          <div class={`dda-teamsection-variant-eight ${this.component_mode}`} role=\"group\" aria-label={`Team member card${this.header_text ? ` for ${this.header_text}` : ''}`}>\r\n            {this.image_src && <img class=\"\" src={this.image_src} alt={this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo'} />}\r\n            <div>\r\n              {this.header_text && (\r\n                <h5 class=\"h5 Regular\" aria-label=\"Team member name\">\r\n                  {this.header_text}\r\n                </h5>\r\n              )}\r\n              {this.body_text && <p class=\"body-text body Regular\">{this.body_text}</p>}\r\n            </div>\r\n            {this.body_text_two && <p class=\"body-text body Regular\">{this.body_text_two}</p>}\r\n          </div>\r\n        );\r\n\r\n      // Add 'full' case if needed later.\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-teamsection-card', this.custom_class].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>{this.renderCards()}</div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-54c8ab80.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as d,H as e}from"./p-1b339a0a.js";const t=".dda-information-card-image{width:70px;height:70px;border-radius:50%;margin:0;overflow:hidden}";const s=t;const c=class{constructor(d){a(this,d);this.custom_class="";this.handleButtonClick=a=>{if(this.clickHandler){this.clickHandler(a.detail.event)}console.log("Button clicked inside parent:",a.detail)};this.noop=()=>{}}render(){const a=["dda-card",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return d(e,{key:"511ec97418af44cd95a312da97fd6bac092def09"},d("div",{key:"2d0374b637182e8c85c36998c2a1e31086221ca9",class:a},this.card_header_text&&d("div",{key:"9e2f8a6da619f072032e7538c008ef3b9e409efd",class:"dda-card-header",role:"heading","aria-level":"2"},d("h6",{key:"2b11186d82b9b85e159fde49d270db8256552d94",class:"h6 Regular","aria-label":"Card header"},this.card_header_text),this.card_header_icon&&d("dda-button",{key:"043e2ba74721b2d1dd87ef436c29fdddc5be9b34",button_name:"Card options menu",button_color:"onsurface-link",icon_button_shape:"circle",start_icon:this.card_header_icon,button_id:this.card_header_icon_id,aria_label:"Card options menu",size:"md",onButtonClick:this.handleButtonClick,custom_class:"dda-header-dots",component_mode:""})),d("div",{key:"8d724a5834cd3efe0a09deebe4360a83c8fce28a",class:"dda-card-body"},d("slot",{key:"5aefd7fbca11c67fd5af015074654fa03f9a8996"}))))}};c.style=s;export{c as dda_custom_card};
-//# sourceMappingURL=p-54c8ab80.entry.js.map

package/www/build/p-54c8ab80.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaCustomCardCss","DdaCustomCardStyle0","DdaCustomCard","constructor","hostRef","this","custom_class","handleButtonClick","event","clickHandler","detail","console","log","noop","render","cardClass","component_mode","filter","Boolean","join","h","Host","key","class","card_header_text","role","card_header_icon","button_name","button_color","icon_button_shape","start_icon","button_id","card_header_icon_id","aria_label","size","onButtonClick"],"sources":["src/components/dda-cards/dda-custom-card/dda-custom-card.css?tag=dda-custom-card","src/components/dda-cards/dda-custom-card/dda-custom-card.tsx"],"sourcesContent":["\r\n.dda-information-card-image {\r\n  width: 70px;\r\n  height: 70px;\r\n  border-radius: 50%;\r\n  margin: 0;\r\n  overflow: hidden;\r\n}\r\n","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-custom-card',\r\n  styleUrls: ['dda-custom-card.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaCustomCard {\r\n  @Prop() card_header_text: string;\r\n  @Prop() card_header_icon: string;\r\n  @Prop() card_header_icon_id: string;\r\n\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n  \r\n  handleButtonClick = (event: CustomEvent<{ event: MouseEvent; id: string; value?: string; name?: string; }>) => {\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event.detail.event);\r\n    }\r\n    console.log('Button clicked inside parent:', event.detail);\r\n  }\r\n  noop = () => {};\r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-card',\r\n      this.custom_class ? `${this.custom_class}` : \"\",\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          \r\n          {this.card_header_text && (\r\n            <div class=\"dda-card-header\" role=\"heading\" aria-level=\"2\">\r\n              <h6 class=\"h6 Regular\" aria-label=\"Card header\">{this.card_header_text}</h6>\r\n\r\n              {this.card_header_icon && (\r\n                <dda-button\r\n                  button_name=\"Card options menu\"\r\n                  button_color=\"onsurface-link\"\r\n                  icon_button_shape=\"circle\"\r\n                  start_icon={this.card_header_icon}\r\n                  button_id={this.card_header_icon_id}\r\n                  aria_label=\"Card options menu\"\r\n                  size=\"md\"\r\n                  onButtonClick={this.handleButtonClick} \r\n                  // onpressKey={() => console.log()} \r\n                  custom_class=\"dda-header-dots\"\r\n                  component_mode=\"\"\r\n                ></dda-button>\r\n              )}\r\n            </div>\r\n          )}\r\n          <div class=\"dda-card-body\">\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAmB,iGACzB,MAAAC,EAAeD,E,MCMFE,EAAa,MAL1B,WAAAC,CAAAC,G,UAUUC,KAAAC,aAAwB,GAKhCD,KAAAE,kBAAqBC,IACnB,GAAIH,KAAKI,aAAc,CACrBJ,KAAKI,aAAaD,EAAME,OAAOF,M,CAEjCG,QAAQC,IAAI,gCAAiCJ,EAAME,OAAO,EAE5DL,KAAAQ,KAAO,M,CAEP,MAAAC,GACE,MAAMC,EAAY,CAChB,WACAV,KAAKC,aAAe,GAAGD,KAAKC,eAAiB,GAC7CD,KAAKW,gBACLC,OAAOC,SAASC,KAAK,KAEvB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOR,GAETV,KAAKmB,kBACJJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBAAkBE,KAAK,UAAS,aAAY,KACrDL,EAAA,MAAAE,IAAA,2CAAIC,MAAM,aAAY,aAAY,eAAelB,KAAKmB,kBAErDnB,KAAKqB,kBACJN,EAAA,cAAAE,IAAA,2CACEK,YAAY,oBACZC,aAAa,iBACbC,kBAAkB,SAClBC,WAAYzB,KAAKqB,iBACjBK,UAAW1B,KAAK2B,oBAChBC,WAAW,oBACXC,KAAK,KACLC,cAAe9B,KAAKE,kBAEpBD,aAAa,kBACbU,eAAe,MAKvBI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/www/build/p-5695b505.entry.js

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

package/www/build/p-5695b505.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaScrollIconCss","DdaScrollIconStyle0","DdaScrollIcon","constructor","hostRef","this","scroll_icon_size","scroll_icon_color","custom_class","component_mode","render","scrollIconClass","filter","Boolean","join","h","key","class"],"sources":["src/components/dda-scroll-icon/dda-scroll-icon.css?tag=dda-scroll-icon&encapsulation=shadow","src/components/dda-scroll-icon/dda-scroll-icon.tsx"],"sourcesContent":[".dda-scroll-icon-scroll{ \r\n  border-style: solid;\r\n  border-radius: 20px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n.scroll-icon-size-lg{\r\n  width: 40px;\r\n  height: 60px; \r\n  border-width: 4px;\r\n}\r\n\r\n.scroll-icon-size-sm{\r\n  width: 16.5px;\r\n  height: 24px; \r\n  border-width: 2px;\r\n}\r\n\r\n.scroll-icon-color-black{\r\n  border-color: #000;\r\n}\r\n\r\n.scroll-icon-color-white{\r\n  border-color: #ffffff;\r\n}\r\n\r\n.dda-scroll-icon-scroll-dot {\r\n  border-radius: 50%;\r\n}\r\n\r\n.scroll-icon-color-black .dda-scroll-icon-scroll-dot{\r\n  background: #000;\r\n}\r\n\r\n.scroll-icon-color-white .dda-scroll-icon-scroll-dot{\r\n  background: #fff;\r\n}\r\n\r\n.scroll-icon-size-lg .dda-scroll-icon-scroll-dot{\r\n  width: 12px;\r\n  height: 12px;\r\n  animation: scrollAnimation var(--animation-duration, 1.5s) infinite;\r\n}\r\n\r\n@keyframes scrollAnimation {\r\n  0% {\r\n    transform: translateY(5px);\r\n  }\r\n  50% {\r\n    transform: translateY(24px);\r\n  }\r\n  100% {\r\n    transform: translateY(5px);\r\n  }\r\n}\r\n\r\n.scroll-icon-size-sm .dda-scroll-icon-scroll-dot{\r\n  width: 4.5px;\r\n  height: 4.5px;\r\n  animation: scrollAnimationsmall var(--animation-duration, 1.8s) infinite;\r\n}\r\n\r\n@keyframes scrollAnimationsmall {\r\n  0% {\r\n    transform: translateY(2px);\r\n  }\r\n  50% {\r\n    transform: translateY(10px);\r\n  }\r\n  100% {\r\n    transform: translateY(2px);\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-scroll-icon',\r\n  styleUrl: 'dda-scroll-icon.css',\r\n  shadow: true,\r\n})\r\nexport class DdaScrollIcon {\r\n  @Prop() scroll_icon_size?: string = '';\r\n  @Prop() scroll_icon_color?: string = '';\r\n  @Prop() custom_class: string = '';\r\n  @Prop() component_mode: string = '';\r\n\r\n  render() {\r\n    const scrollIconClass = [\r\n      'dda-scroll-icon-scroll',\r\n      this.scroll_icon_size ? `scroll-icon-size-${this.scroll_icon_size}` : '',\r\n      this.scroll_icon_color ? `scroll-icon-color-${this.scroll_icon_color}` : '',\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n\r\n    return (\r\n      <div class={scrollIconClass}>\r\n        <div class=\"dda-scroll-icon-scroll-dot\"></div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"2CAAA,MAAMA,EAAmB,+iCACzB,MAAAC,EAAeD,E,MCMFE,EAAa,MAL1B,WAAAC,CAAAC,G,UAMUC,KAAAC,iBAA4B,GAC5BD,KAAAE,kBAA6B,GAC7BF,KAAAG,aAAuB,GACvBH,KAAAI,eAAyB,E,CAEjC,MAAAC,GACE,MAAMC,EAAkB,CACtB,yBACAN,KAAKC,iBAAmB,oBAAoBD,KAAKC,mBAAqB,GACtED,KAAKE,kBAAoB,qBAAqBF,KAAKE,oBAAsB,GACzEF,KAAKI,gBACLG,OAAOC,SAASC,KAAK,KAGvB,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAON,GACVI,EAAA,OAAAC,IAAA,2CAAKC,MAAM,+B","ignoreList":[]}

package/www/build/p-5bf0d4fe.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,g as e}from"./p-1b339a0a.js";const o=".dda-footer{box-shadow:0 -2px 13px 0 rgba(0, 0, 0, 0.12);background-color:var(--dda-surface-100);color:var(--dda-surface-0);position:fixed;bottom:0;left:0;width:100%;z-index:5;padding:0 20px;transform:translateY(0);}.dda-footer.hidden{transform:translateY(100%)}.footer-content{height:64px;display:flex;align-items:center;justify-content:space-between}.dda-footer-item{display:flex;align-items:center;position:relative}.dda-footer-item ul{display:inline-flex;align-items:center}.dda-footer-item ul li{padding:0 10px;border-inline-start:solid 1px #E0E3E2}.dda-footer-item ul li:first-child{border:0px}.foot-icon-btn a{height:40px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--font-caption);font-weight:var(--font-weight-regular);color:var(--dda-surface-0)}.foot-icon-btn a:visited{color:var(--dda-on-primary-variant-40)}.foot-icon-btn a i,.dda-footer-right button i{color:var(--dda-on-surface-variant-30)}.foot-icon-btn a img{height:32px}.dda-footer-item ul li.foot-menu{padding:0 5px}.foot-menu a{color:var(--dda-on-surface-0)}.foot-menu a i,.foot-menu a svg{font-size:20px;color:var(--dda-on-surface-variant-30);fill:var(--dda-on-surface-variant-30)}.foot-menu a img{height:40px}.foot-logo a{background-color:var(--dda-neutral-100);height:40px;display:flex;align-items:center}.foot-logo a img{height:35px}.dda-footer-right button.show-right-icon{display:none}.dda-footer .dubaiae-text-icon{height:18px}.dda-footer .dubaiae-small-icon{height:18px;display:none}@media (max-width: 1024px){.dda-footer{background:transparent;box-shadow:none;padding-left:32px;padding-right:32px;padding-bottom:32px}.footer-content{height:auto}.foot-menu,.foot-icon-btn a span{display:none}.dda-footer-item ul{gap:16px}.dda-footer-item ul li{padding:0px;border:0px !important}.foot-icon-btn a,.dda-footer-right button{width:48px;height:48px;background:#ffffff;border-radius:50px;border:0px;box-shadow:0 6px 20px rgba(0, 0, 0, .2)}.dda-footer-right button.show-right-icon{display:flex;align-items:center;justify-content:center}.foot-icon-btn a img{height:24px}.foot-icon-btn a i{font-size:23px}.dda-footer-right button i{font-size:34px}.dda-footer-right .foot-right_links{position:absolute;bottom:59px;inset-inline-end:0px;display:flex;flex-direction:column;gap:10px;height:0;overflow:hidden}.dda-footer-right .foot-right_links.show-dda-icon{height:auto;overflow:visible}.foot-right_links li.foot-icon-btn{list-style:none;opacity:0;transform:translateY(20px);}@media (prefers-reduced-motion: no-preference){.foot-right_links li.foot-icon-btn,.dda-footer-right .foot-right_links{transition:opacity 0.4s ease, transform 0.4s ease}}.foot-right_links.show-dda-icon li.foot-icon-btn{opacity:1;transform:translateY(0)}.dda-footer .dubaiae-text-icon{display:none}.dda-footer .dubaiae-small-icon{height:24px;display:block}}@media (max-width: 640px){.dda-footer{padding-left:16px;padding-right:16px;padding-bottom:16px}}@media (max-width: 1400px){.dda-footer-middle{display:none}}@media (prefers-reduced-motion: no-preference){.dda-footer{transition:transform 0.3s ease-in-out}}";const a=o;const d=class{constructor(i){t(this,i);this.colorTheme="light";this.hideMiddleSection=false;this.isHidden=false;this.lastScrollY=0;this.toggleFooterIcons=()=>{const t=this.el.querySelector(".foot-right_links");const i=(t===null||t===void 0?void 0:t.querySelectorAll("li"))||[];if(t){const e=t.classList.contains("show-dda-icon");if(!e){t.classList.add("show-dda-icon");i.forEach(((t,i)=>{t.style.transitionDelay=`${i*100}ms`}))}else{i.forEach((t=>{t.style.transitionDelay="0ms"}));t.classList.remove("show-dda-icon")}}}}componentWillLoad(){this.handleScroll=this.handleScroll.bind(this)}componentDidLoad(){window.addEventListener("scroll",this.handleScroll)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}handleScroll(){const t=window.scrollY;this.isHidden=t>this.lastScrollY;this.lastScrollY=t}parseJsonArray(t){try{return JSON.parse(t)}catch(t){console.error("Failed to parse JSON:",t);return[]}}happinessIconClick(){console.log("happoness icon click")}accessibilityIconClick(){console.log("Suggestion icon click")}servicesIconClick(){console.log("Services icon click")}chatIconClick(){console.log("chat icon click")}aiIconClick(){console.log("ai icon click")}dubaiAEClick(){console.log("dubai.ae icon click")}middleItemClick(t){console.log("middle link item clicked:",t)}rightItemClick(t){console.log("right link item clicked:",t)}render(){const t=this.parseJsonArray(this.middleLink);const e=this.parseJsonArray(this.rightLink);return i("div",{key:"2c8c603c8d9a77b0fe438852b2d029fdec0eabfa",class:{"dda-footer":true,hidden:this.isHidden}},i("div",{key:"1465e988b3fdd71b3c5d46af57b36bdef32f6c25",class:"footer-content"},i("div",{key:"d8a62756f7060347b423e50515a92f9dd5f9038e",class:"dda-footer-item dda-footer-left"},i("ul",{key:"6243f8c0124cf89b2cf43486948bc40872157128"},this.happinessIconSrc&&i("li",{key:"2df7302fb6cce0415071eef0e7340f33d808791c",class:"foot-icon-btn"},i("dda-tooltip",{key:"f701d7d8fe4a143a5bc1c4b3845bcaf079029298",title_text:this.happinessIconTooltip,description:"",position:"top"},i("a",{key:"2d7c2b024978ba9e40b84545752073e795690469",href:this.happinessIconHref,id:this.happinessIconId,onClick:this.happinessIconClick},i("img",{key:"a67456f116dc1228e9e755045039f1fd45b845ec",src:this.colorTheme=="light"?this.happinessIconSrc:this.happinessIconSrcDark,alt:this.happinessIconAlt}),i("span",{key:"a70dd75c3cb3c0db3c1c740527034da266f45f66",class:"visually-hidden"},this.happinessIconTooltip)))),this.accessibilityIconSrc&&i("li",{key:"a652e3578709b1baa06929bec870d545aaff6cb5",class:"foot-icon-btn"},i("dda-tooltip",{key:"c2a75c4013ab6fe2aedeb127371743c887c699db",title_text:this.accessibilityIconTooltip,description:"",position:"top"},i("a",{key:"050f73f62864322eab29c793d7899e4bac01ac45",href:this.accessibilityIconHref,id:this.accessibilityIconId,onClick:this.accessibilityIconClick},i("img",{key:"f18b4b7a059d7ec79e4e650da5eb6ff9af13317e",src:this.colorTheme=="light"?this.accessibilityIconSrc:this.accessibilityIconSrcDark,alt:this.accessibilityIconAlt}),i("span",{key:"6a31bcd8f57e3ae429e254004e3469c2b0796b29",class:"visually-hidden"},this.accessibilityIconTooltip)))),this.servicesIconText&&i("li",{key:"07191215d98e48678df5f989ec5b6d95eec4612d",class:"foot-icon-btn"},i("dda-tooltip",{key:"b45f6372cb4ffade791d8c12fbf4459654ddb085",title_text:this.servicesIconTooltip,description:"",position:"top"},i("a",{key:"b931a351348702593afc0f78b0a44b3e9bfc3a83",href:this.servicesIconHref,id:this.servicesIconId,onClick:this.servicesIconClick},i("img",{key:"2a6ffadaede9b826f56bad68f3c6a73d3b7152e8",src:this.colorTheme=="light"?this.servicesIconSrc:this.servicesIconSrcDark,alt:this.servicesIconAlt}),i("span",{key:"ffe989a39d04b9d97bf94ab4563693fdc57d3104"},this.servicesIconText)))))),!this.hideMiddleSection&&i("div",{key:"a682adf8291542d5e9f0d1b6fe32fd18371cdd0f",class:"dda-footer-item dda-footer-middle"},i("ul",{key:"5bba39224a284a6fefd31e8aeeb659757d8254c3",class:"foot-logo"},t.map(((t,e)=>i("li",{key:e},i("dda-tooltip",{title_text:t.LogoTooltip,description:"",position:"top"},i("a",{href:t.href,onClick:()=>this.middleItemClick(t)},i("img",{src:this.colorTheme=="light"?t.src:t.srcDark,alt:t.alt}),i("span",{class:"visually-hidden"},t.LogoTooltip)))))))),i("div",{key:"a578fd2467de48cf0b58568ccb19062e82f922a7",class:"dda-footer-item dda-footer-right"},i("ul",{key:"2f51dca596fe879996da4011f5cf211b18982a53",class:"foot-right_links"},e.map(((t,e)=>i("li",{class:"foot-icon-btn",key:e},i("dda-tooltip",{title_text:t.RightLinkTooltip,description:"",position:"top"},i("a",{href:t.href,title:t.title,"aria-label":`${t.IconName} ${t.LinkText}`,id:t.itemId,onClick:()=>this.rightItemClick(t)},i("i",{class:t.IconFamily},t.IconName),i("span",null,t.LinkText)))))),this.dubaiaeIconSrc&&this.dubaiaeIconSmallSrc&&i("li",{key:"d39c9964f72718321fcb10d4ba2b08b98d68cd29",class:"foot-icon-btn"},i("dda-tooltip",{key:"10a9f74b03dab79f6a8c756365de254c722122f9",title_text:this.dubaiaeIconTooltip,description:"",position:"top"},i("a",{key:"6ad62624a41f91850d028ca1ba5d57dacf20c904",href:this.dubaiaeIconHref,onClick:this.dubaiAEClick,id:this.dubaiaeIconId},i("img",{key:"cab8f6083ee3321286bf792d5387671d21478bed",class:"dubaiae-text-icon",src:this.colorTheme=="light"?this.dubaiaeIconSrc:this.dubaiaeIconSrcDark,alt:`${this.dubaiaeIconAlt} icon desktop`}),i("img",{key:"20210718563718db8e160e55ae4a1c6c7d0ea752",class:"dubaiae-small-icon",src:this.dubaiaeIconSmallSrc,alt:`${this.dubaiaeIconAlt} icon mobile`}),i("span",{key:"3d445f04c6cae96b63eb30e53fa157a96a986182",class:"visually-hidden"},this.dubaiaeIconTooltip)))),this.aiIconSrc&&i("li",{key:"49d50b71a4450eb8df3e9be7abd5024ec4da4b77",class:"foot-icon-btn"},i("dda-tooltip",{key:"974b3e47a4d9e7a694e6e65f68826a2f2e5e281e",title_text:this.aiIconTooltip,description:"",position:"top"},i("a",{key:"eb2aed45d6b7c427c8661987aa5c24eac834d696",href:this.aiIconHref,onClick:this.aiIconClick,id:this.aiIconId},i("img",{key:"32793e4be5d24cc960db298f57316da61d6ce884",src:this.colorTheme=="light"?this.aiIconSrc:this.aiIconSrcDark,alt:this.aiIconAlt}),i("span",{key:"a21f074687baa51f29ce80d8d9f90ce0a24ffdce",class:"visually-hidden"},this.aiIconTooltip)))),this.chatIconSrc&&i("li",{key:"29bfe82296c11f88c67f89211961767947ee44f4",class:"foot-icon-btn"},i("dda-tooltip",{key:"9347843238243ae56fc4a294ef2a48eb2417d281",title_text:this.chatIconTooltip,description:"",position:"top"},i("a",{key:"75d99eb7dd401efc807e051e975b24447924c184",href:this.chatIconHref,onClick:this.chatIconClick,id:this.chatIconId},i("img",{key:"7cb2ac7d2f553489f6f2d944e12104328f3a9b14",src:this.colorTheme=="light"?this.chatIconSrc:this.chatIconSrcDark,alt:this.chatIconAlt}),i("span",{key:"982a5fbde9aed840d735a4a9c5f8622ff2934b79",class:"visually-hidden"},this.chatIconTooltip))))),i("button",{key:"406dc5a29d2ccca4ae35d2c75d3f04d5114d7afa",type:"button",class:"show-right-icon",onClick:this.toggleFooterIcons},i("i",{key:"11f084bd7a916e7598f16fe36af56467ed32fd4e",class:this.moreIconFamily},this.moreIcon)))))}get el(){return e(this)}};d.style=a;export{d as dda_sticky_footer};
-//# sourceMappingURL=p-5bf0d4fe.entry.js.map

package/www/build/p-5bf0d4fe.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaStickyFooterCss","DdaStickyFooterStyle0","DdaStickyFooter","constructor","hostRef","this","colorTheme","hideMiddleSection","isHidden","lastScrollY","toggleFooterIcons","iconList","el","querySelector","items","querySelectorAll","isShown","classList","contains","add","forEach","item","index","style","transitionDelay","remove","componentWillLoad","handleScroll","bind","componentDidLoad","window","addEventListener","disconnectedCallback","removeEventListener","currentScrollY","scrollY","parseJsonArray","jsonString","JSON","parse","e","console","error","happinessIconClick","log","accessibilityIconClick","servicesIconClick","chatIconClick","aiIconClick","dubaiAEClick","middleItemClick","rightItemClick","render","footmiddlesection","middleLink","footrightsection","rightLink","h","key","class","hidden","happinessIconSrc","title_text","happinessIconTooltip","description","position","href","happinessIconHref","id","happinessIconId","onClick","src","happinessIconSrcDark","alt","happinessIconAlt","accessibilityIconSrc","accessibilityIconTooltip","accessibilityIconHref","accessibilityIconId","accessibilityIconSrcDark","accessibilityIconAlt","servicesIconText","servicesIconTooltip","servicesIconHref","servicesIconId","servicesIconSrc","servicesIconSrcDark","servicesIconAlt","map","middleItem","LogoTooltip","srcDark","rightItem","RightLinkTooltip","title","IconName","LinkText","itemId","IconFamily","dubaiaeIconSrc","dubaiaeIconSmallSrc","dubaiaeIconTooltip","dubaiaeIconHref","dubaiaeIconId","dubaiaeIconSrcDark","dubaiaeIconAlt","aiIconSrc","aiIconTooltip","aiIconHref","aiIconId","aiIconSrcDark","aiIconAlt","chatIconSrc","chatIconTooltip","chatIconHref","chatIconId","chatIconSrcDark","chatIconAlt","type","moreIconFamily","moreIcon"],"sources":["src/components/dda-sticky-footer/dda-sticky-footer.css?tag=dda-sticky-footer","src/components/dda-sticky-footer/dda-sticky-footer.tsx"],"sourcesContent":[".dda-footer {\r\n    box-shadow: 0 -2px 13px 0 rgba(0, 0, 0, 0.12);\r\n    background-color: var(--dda-surface-100);\r\n    color: var(--dda-surface-0);\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 5;\r\n    padding: 0 20px;\r\n    transform: translateY(0);\r\n    /* transition: transform 0.3s ease-in-out; */\r\n}\r\n.dda-footer.hidden {\r\n  transform: translateY(100%);\r\n}\r\n.footer-content {\r\n    height: 64px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.dda-footer-item {\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n}\r\n.dda-footer-item ul {\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n.dda-footer-item ul li {\r\n    padding: 0 10px;\r\n    border-inline-start: solid 1px #E0E3E2;\r\n}\r\n\r\n.dda-footer-item ul li:first-child {\r\n    border: 0px;\r\n}\r\n\r\n.foot-icon-btn a{\r\n    height: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 4px;\r\n    font-size: var(--font-caption);\r\n    font-weight: var(--font-weight-regular);\r\n    color: var(--dda-surface-0);\r\n}\r\n.foot-icon-btn a:visited{\r\n    color: var(--dda-on-primary-variant-40);\r\n}\r\n.foot-icon-btn a i,\r\n.dda-footer-right button i{\r\n    color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.foot-icon-btn a img {\r\n    height: 32px;\r\n}\r\n.dda-footer-item ul li.foot-menu{\r\n    padding: 0 5px;\r\n}\r\n.foot-menu a {\r\n    color: var(--dda-on-surface-0);\r\n}\r\n\r\n.foot-menu a i,\r\n.foot-menu a svg {\r\n    font-size: 20px;\r\n    color: var(--dda-on-surface-variant-30);\r\n    fill: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n.foot-menu a img {\r\n    height: 40px;\r\n}\r\n\r\n.foot-logo a {\r\n    background-color: var(--dda-neutral-100);\r\n    height: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.foot-logo a img {\r\n    height: 35px;\r\n}\r\n.dda-footer-right button.show-right-icon{\r\n    display: none;\r\n}\r\n/* @media only screen and (orientation: landscape) and (max-width: 768px) {\r\n    .footer-content{\r\n        height: 44px;\r\n    }\r\n    .dda-footer-item .foot-icon-btn a{\r\n        width: 35px;\r\n        height: 35px;\r\n    }\r\n} */\r\n.dda-footer .dubaiae-text-icon{\r\n    height: 18px;\r\n}\r\n.dda-footer .dubaiae-small-icon{\r\n    height: 18px;\r\n    display: none;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .dda-footer {\r\n        background: transparent;\r\n        box-shadow: none;\r\n        padding-left: 32px;\r\n        padding-right: 32px;\r\n        padding-bottom: 32px;\r\n    }\r\n    .footer-content{\r\n        height: auto;\r\n    }\r\n    .foot-menu,\r\n    .foot-icon-btn a span {\r\n        display: none;\r\n    }\r\n    .dda-footer-item ul{\r\n        gap: 16px\r\n    }\r\n    .dda-footer-item ul li {\r\n        padding: 0px;\r\n        border: 0px !important;\r\n    }\r\n\r\n    .foot-icon-btn a,\r\n    .dda-footer-right button {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: #ffffff;\r\n        border-radius: 50px;\r\n        border: 0px;\r\n        box-shadow: 0 6px 20px rgba(0, 0, 0, .2);\r\n    }\r\n    \r\n    .dda-footer-right button.show-right-icon{\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .foot-icon-btn a img {\r\n        height: 24px;\r\n    }\r\n\r\n    .foot-icon-btn a i{\r\n        font-size: 23px;\r\n    }\r\n    .dda-footer-right button i{\r\n        font-size: 34px;\r\n    }\r\n    .dda-footer-right .foot-right_links {\r\n        position: absolute;\r\n        bottom: 59px;\r\n        inset-inline-end: 0px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        height: 0;\r\n        overflow: hidden;\r\n    }\r\n    .dda-footer-right .foot-right_links.show-dda-icon{\r\n        height: auto;\r\n        overflow: visible;\r\n    }\r\n    .foot-right_links li.foot-icon-btn {\r\n        list-style: none;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        /* transition: opacity 0.4s ease, transform 0.4s ease; */\r\n    }\r\n    @media (prefers-reduced-motion: no-preference) {\r\n        .foot-right_links li.foot-icon-btn,\r\n        .dda-footer-right .foot-right_links {\r\n            transition: opacity 0.4s ease, transform 0.4s ease;\r\n        }\r\n    }\r\n    .foot-right_links.show-dda-icon li.foot-icon-btn {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    .dda-footer .dubaiae-text-icon{\r\n        display: none;\r\n    }\r\n    .dda-footer .dubaiae-small-icon{\r\n        height: 24px;\r\n        display: block;\r\n    }\r\n\r\n    \r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dda-footer {\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n        padding-bottom: 16px;\r\n    }\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n    \r\n}\r\n\r\n@media (max-width: 1400px) {\r\n    .dda-footer-middle {\r\n        display: none;\r\n    }\r\n    \r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n    .dda-footer {\r\n        transition: transform 0.3s ease-in-out;\r\n    }\r\n}","import { Component, Prop, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-sticky-footer',\r\n  styleUrls: ['dda-sticky-footer.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaStickyFooter {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() colorTheme?: string = 'light';\r\n  @Prop() happinessIconHref?: string;\r\n  @Prop() happinessIconId?: string;\r\n  @Prop() happinessIconSrc: string;\r\n  @Prop() happinessIconSrcDark: string;\r\n  @Prop() happinessIconAlt: string;\r\n  @Prop() happinessIconTooltip: string;\r\n\r\n  @Prop() accessibilityIconHref: string;\r\n  @Prop() accessibilityIconId: string;\r\n  @Prop() accessibilityIconSrc: string;\r\n  @Prop() accessibilityIconSrcDark: string;\r\n  @Prop() accessibilityIconAlt: string;\r\n  @Prop() accessibilityIconTooltip: string;\r\n\r\n  @Prop() servicesIconHref: string;\r\n  @Prop() servicesIconId: string;\r\n  @Prop() servicesIconSrc: string;\r\n  @Prop() servicesIconSrcDark: string;\r\n  @Prop() servicesIconAlt: string;\r\n  @Prop() servicesIconTooltip: string;\r\n  @Prop() servicesIconText: string;\r\n\r\n  @Prop() hideMiddleSection: boolean = false;\r\n  @Prop() middleLink: string;\r\n  @Prop() rightLink: string;\r\n\r\n  @Prop() aiIconHref: string;\r\n  @Prop() aiIconId: string;\r\n  @Prop() aiIconSrc: string;\r\n  @Prop() aiIconSrcDark: string;\r\n  @Prop() aiIconAlt: string;\r\n  @Prop() aiIconTooltip: string;\r\n\r\n  @Prop() dubaiaeIconHref: string;\r\n  @Prop() dubaiaeIconId: string;\r\n  @Prop() dubaiaeIconSrc: string;\r\n  @Prop() dubaiaeIconSrcDark: string;\r\n  @Prop() dubaiaeIconSmallSrc: string;\r\n  @Prop() dubaiaeIconAlt: string;\r\n  @Prop() dubaiaeIconTooltip: string;\r\n\r\n  @Prop() chatIconHref: string;\r\n  @Prop() chatIconId: string;\r\n  @Prop() chatIconSrc: string;\r\n  @Prop() chatIconSrcDark: string;\r\n  @Prop() chatIconAlt: string;\r\n  @Prop() chatIconTooltip: string;\r\n\r\n  @Prop() moreIconFamily: string;\r\n  @Prop() moreIcon: string;\r\n\r\n  @State() isHidden: boolean = false;\r\n  private lastScrollY: number = 0;\r\n\r\n  componentWillLoad() {\r\n    this.handleScroll = this.handleScroll.bind(this);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    window.addEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  private toggleFooterIcons = () => {\r\n    const iconList = this.el.querySelector('.foot-right_links') as HTMLElement;\r\n    const items = iconList?.querySelectorAll('li') || [];\r\n\r\n    if (iconList) {\r\n      const isShown = iconList.classList.contains('show-dda-icon');\r\n\r\n      if (!isShown) {\r\n        iconList.classList.add('show-dda-icon');\r\n        items.forEach((item, index) => {\r\n          (item as HTMLElement).style.transitionDelay = `${index * 100}ms`;\r\n        });\r\n      } else {\r\n        items.forEach(item => {\r\n          (item as HTMLElement).style.transitionDelay = '0ms';\r\n        });\r\n        iconList.classList.remove('show-dda-icon');\r\n      }\r\n    }\r\n  };\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('scroll', this.handleScroll);\r\n  }\r\n\r\n  handleScroll() {\r\n    const currentScrollY = window.scrollY;\r\n    this.isHidden = currentScrollY > this.lastScrollY;\r\n    this.lastScrollY = currentScrollY;\r\n  }\r\n\r\n  private parseJsonArray(jsonString: string) {\r\n    try {\r\n      return JSON.parse(jsonString);\r\n    } catch (e) {\r\n      console.error('Failed to parse JSON:', e);\r\n      return [];\r\n    }\r\n  }\r\n\r\n  happinessIconClick() {\r\n    console.log('happoness icon click');\r\n  }\r\n\r\n  accessibilityIconClick() {\r\n    console.log('Suggestion icon click');\r\n  }\r\n\r\n  servicesIconClick() {\r\n    console.log('Services icon click');\r\n  }\r\n\r\n  chatIconClick() {\r\n    console.log('chat icon click');\r\n  }\r\n\r\n  aiIconClick() {\r\n    console.log('ai icon click');\r\n  }\r\n\r\n  dubaiAEClick() {\r\n    console.log('dubai.ae icon click');\r\n  }\r\n\r\n  middleItemClick(item) {\r\n    console.log('middle link item clicked:', item);\r\n  }\r\n\r\n  rightItemClick(item) {\r\n    console.log('right link item clicked:', item);\r\n  }\r\n\r\n  render() {\r\n    const footmiddlesection = this.parseJsonArray(this.middleLink);\r\n    const footrightsection = this.parseJsonArray(this.rightLink);\r\n\r\n    return (\r\n      <div class={{ 'dda-footer': true, 'hidden': this.isHidden }}>\r\n        <div class=\"footer-content\">\r\n          <div class=\"dda-footer-item dda-footer-left\">\r\n            <ul>\r\n              {this.happinessIconSrc && (\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.happinessIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.happinessIconHref} id={this.happinessIconId} onClick={this.happinessIconClick}>\r\n                      <img src={this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark} alt={this.happinessIconAlt} />\r\n                      <span class=\"visually-hidden\">{this.happinessIconTooltip}</span>\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              )}\r\n\r\n              {this.accessibilityIconSrc && (\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.accessibilityIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.accessibilityIconHref} id={this.accessibilityIconId} onClick={this.accessibilityIconClick}>\r\n                      <img src={this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark} alt={this.accessibilityIconAlt} />\r\n                      <span class=\"visually-hidden\">{this.accessibilityIconTooltip}</span>\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              )}\r\n\r\n              {this.servicesIconText && (\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.servicesIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.servicesIconHref} id={this.servicesIconId} onClick={this.servicesIconClick}>\r\n                      <img src={this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark} alt={this.servicesIconAlt} />\r\n                      <span>{this.servicesIconText}</span>\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              )}\r\n            </ul>\r\n          </div>\r\n\r\n          {!this.hideMiddleSection && (\r\n            <div class=\"dda-footer-item dda-footer-middle\">\r\n              <ul class=\"foot-logo\">\r\n                {footmiddlesection.map((middleItem, index) => (\r\n                  <li key={index}>\r\n                    <dda-tooltip title_text={middleItem.LogoTooltip} description=\"\" position=\"top\">\r\n                      <a href={middleItem.href} onClick={() => this.middleItemClick(middleItem)}>\r\n                        <img src={this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark} alt={middleItem.alt} />\r\n                        <span class=\"visually-hidden\">{middleItem.LogoTooltip}</span>\r\n                      </a>\r\n                    </dda-tooltip>\r\n                  </li>\r\n                ))}\r\n              </ul>\r\n            </div>\r\n          )}\r\n\r\n          <div class=\"dda-footer-item dda-footer-right\">\r\n            <ul class=\"foot-right_links\">\r\n              {footrightsection.map((rightItem, index) => (\r\n                <li class=\"foot-icon-btn\" key={index}>\r\n                  <dda-tooltip title_text={rightItem.RightLinkTooltip} description=\"\" position=\"top\">\r\n                    <a\r\n                      href={rightItem.href}\r\n                      title={rightItem.title}\r\n                      aria-label={`${rightItem.IconName} ${rightItem.LinkText}`}\r\n                      id={rightItem.itemId}\r\n                      onClick={() => this.rightItemClick(rightItem)}\r\n                    >\r\n                      <i class={rightItem.IconFamily}>{rightItem.IconName}</i>\r\n                      <span>{rightItem.LinkText}</span>\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              ))}\r\n\r\n              {this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.dubaiaeIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.dubaiaeIconHref} onClick={this.dubaiAEClick} id={this.dubaiaeIconId}>\r\n                      <img class=\"dubaiae-text-icon\" src={this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark} alt={`${this.dubaiaeIconAlt} icon desktop`} />\r\n                      <img class=\"dubaiae-small-icon\" src={this.dubaiaeIconSmallSrc} alt={`${this.dubaiaeIconAlt} icon mobile`} />\r\n                      <span class=\"visually-hidden\">{this.dubaiaeIconTooltip}</span>\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              )}\r\n\r\n              {this.aiIconSrc && (\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.aiIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.aiIconHref} onClick={this.aiIconClick} id={this.aiIconId}>\r\n                      <img src={this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark} alt={this.aiIconAlt} />\r\n                      <span class=\"visually-hidden\">{this.aiIconTooltip}</span>\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              )}\r\n\r\n              {this.chatIconSrc && (\r\n                <li class=\"foot-icon-btn\">\r\n                  <dda-tooltip title_text={this.chatIconTooltip} description=\"\" position=\"top\">\r\n                    <a href={this.chatIconHref} onClick={this.chatIconClick} id={this.chatIconId}>\r\n                      <img src={this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark} alt={this.chatIconAlt} />\r\n                      <span class=\"visually-hidden\">{this.chatIconTooltip}</span>\r\n                    </a>\r\n                  </dda-tooltip>\r\n                </li>\r\n              )}\r\n            </ul>\r\n            <button type=\"button\" class=\"show-right-icon\" onClick={this.toggleFooterIcons}>\r\n              <i class={this.moreIconFamily}>{this.moreIcon}</i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-5d47716e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,H as g}from"./p-1b339a0a.js";const o='.dda-toggle-btn{display:inline-flex;align-items:flex-start;cursor:pointer;position:relative;gap:10px}.dda-toggle-btn p{margin:0}.dda-toggle-btn .toggle{width:35px;height:20px;vertical-align:sub;display:inline-block;background:var(--dda-neutral-variant-90);border-radius:60px;cursor:pointer;margin:0px;position:relative}.dda-toggle-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dda-toggle-btn .toggle::after{content:"";position:absolute;display:block;background:var(--dda-neutral-100);height:16px;width:16px;top:2px;left:2px;border-radius:60px}.dda-toggle-btn input:checked~.toggle{background:var(--dda-color-primary-40);-webkit-box-shadow:0px 0px 0px 3px var(--dda-primary-95);-moz-box-shadow:0px 0px 0px 3px var(--dda-primary-95);box-shadow:0px 0px 0px 3px var(--dda-primary-95)}.light-mode.dda-toggle-btn input:checked~.toggle{background:var(--dda-primary-40)}.dda-toggle-btn input:checked~.toggle::after{left:17px}.dda-toggle-sm .toggle{width:27px;height:16px}.dda-toggle-sm .toggle::after{width:12px;height:12px}.dda-toggle-sm input:checked~.toggle::after{left:13px}.dda-toggle-md .toggle{width:35px;height:20px}.dda-toggle-md .toggle::after{height:16px;width:16px}.dda-toggle-md input:checked~.toggle::after{left:17px}.dda-toggle-lg .toggle{width:45px;height:24px}.dda-toggle-lg .toggle::after{height:20px;width:20px}.dda-toggle-lg input:checked~.toggle::after{left:23px}.toggle-title{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);display:block}.light-mode .toggle-title{color:var(--dda-neutral-0)}.toggle-supporting{display:block;color:var(--dda-on-surface-variant-30)}.light-mode .toggle-supporting{color:var(--dda-neutral-variant-30)}.dda-toggle-sm .toggle-title,.dda-toggle-md .toggle-title{font-size:var(--font-caption)}.dda-toggle-sm .toggle-supporting{font-size:var(--dda-fs-label-lg)}.dda-toggle-lg .toggle-title{font-size:var(--dda-fs-title-sm)}.dda-toggle-md .toggle-supporting,.dda-toggle-lg .toggle-supporting{font-size:var(--font-caption)}@media (prefers-reduced-motion: no-preference){.dda-toggle-btn .toggle::after{-moz-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-o-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);-webkit-transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1);transition:0.35s cubic-bezier(0.54, 1.6, 0.5, 1)}}';const d=o;const i=class{constructor(a){t(this,a);this.toggleChanged=e(this,"toggleChanged",7);this.onChanged=e(this,"onChanged",7);this.custom_class=""}render(){const t=["dda-toggle-btn",this.size?`dda-toggle-${this.size}`:"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return a(g,{key:"6c80c0acd2c4743411b6de02663c8b2b4f3e4953"},a("label",{key:"eb945d26b4a02f6f52c2879709a78f4c35af6e0d",class:t,htmlFor:this.input_id},a("input",{key:"756b613958049e61c24a3e7d25fe1e6f0733bba2","aria-label":this.aria_label,type:"checkbox",id:this.input_id,name:this.group_name,checked:this.checked,onChange:t=>{this.toggleChanged.emit(t);this.onChanged.emit(t)}}),a("span",{key:"ac8b85c8cab1d456b46b5c2d02e9fa2c908582db",class:"toggle"}),a("p",{key:"3270d9ed3e3f6d6214b9a937f856d0225f92e8af"},a("span",{key:"00aa61f8f21640f76bc224c85611bc43837b301f",class:"toggle-title"},"Radio Button Title"),a("span",{key:"354f2f4b4aeb8279b514693c0110a5a91ca44ec7",class:"toggle-supporting"},"Supporting Text"))))}};i.style=d;export{i as dda_toggle};
-//# sourceMappingURL=p-5d47716e.entry.js.map

package/www/build/p-5d47716e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaToggleCss","DdaToggleStyle0","DdaToggle","constructor","hostRef","this","custom_class","render","toggleClass","size","component_mode","filter","Boolean","join","h","Host","key","class","htmlFor","input_id","aria_label","type","id","name","group_name","checked","onChange","event","toggleChanged","emit","onChanged"],"sources":["src/components/dda-toggle/dda-toggle.css?tag=dda-toggle","src/components/dda-toggle/dda-toggle.tsx"],"sourcesContent":[".dda-toggle-btn {\r\n  display: inline-flex;\r\n  align-items: flex-start;\r\n  cursor: pointer;\r\n  position: relative;\r\n  gap: 10px;\r\n}\r\n.dda-toggle-btn p{\r\n  margin: 0;\r\n}\r\n.dda-toggle-btn .toggle {\r\n  width: 35px;\r\n  height: 20px;\r\n  vertical-align: sub;\r\n  display: inline-block;\r\n  background: var(--dda-neutral-variant-90);\r\n  border-radius: 60px;\r\n  cursor: pointer;\r\n  margin: 0px;\r\n  position: relative;\r\n}\r\n.dda-toggle-btn input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n.dda-toggle-btn .toggle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: block;\r\n  /* -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); */\r\n  background: var(--dda-neutral-100);\r\n  height: 16px;\r\n  width: 16px;\r\n  top: 2px;\r\n  left: 2px;\r\n  border-radius: 60px;\r\n}\r\n.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-color-primary-40);\r\n  -webkit-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  -moz-box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n  box-shadow: 0px 0px 0px 3px var(--dda-primary-95);\r\n}\r\n.light-mode.dda-toggle-btn input:checked~.toggle{\r\n  background: var(--dda-primary-40);\r\n}\r\n.dda-toggle-btn input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-sm .toggle{\r\n  width: 27px;\r\n  height: 16px;\r\n}\r\n.dda-toggle-sm .toggle::after{\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n.dda-toggle-sm input:checked~.toggle::after {\r\n  left: 13px;\r\n}\r\n\r\n.dda-toggle-md .toggle{\r\n  width: 35px;\r\n  height: 20px;\r\n}\r\n.dda-toggle-md .toggle::after{\r\n  height: 16px;\r\n  width: 16px;\r\n}\r\n.dda-toggle-md input:checked~.toggle::after {\r\n  left: 17px;\r\n}\r\n\r\n.dda-toggle-lg .toggle{\r\n  width: 45px;\r\n  height: 24px;\r\n}\r\n.dda-toggle-lg .toggle::after{\r\n  height: 20px;\r\n  width: 20px;\r\n}\r\n.dda-toggle-lg input:checked~.toggle::after {\r\n  left: 23px;\r\n}\r\n\r\n.toggle-title{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n  display: block;\r\n}\r\n.light-mode .toggle-title{\r\n  color: var(--dda-neutral-0);\r\n}\r\n.toggle-supporting{\r\n  display: block;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .toggle-supporting{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.dda-toggle-sm .toggle-title, .dda-toggle-md .toggle-title{\r\n  font-size: var(--font-caption);\r\n}\r\n.dda-toggle-sm .toggle-supporting {\r\n  font-size: var(--dda-fs-label-lg);\r\n}\r\n.dda-toggle-lg .toggle-title {\r\n  font-size: var(--dda-fs-title-sm);\r\n}\r\n.dda-toggle-md .toggle-supporting,\r\n.dda-toggle-lg .toggle-supporting{\r\n  font-size: var(--font-caption);\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-toggle-btn .toggle::after {\r\n    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\r\n  } \r\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-toggle',\r\n  styleUrls: ['dda-toggle.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaToggle {\r\n  @Prop() checked: boolean;\r\n  // @Prop() labelOn: string = 'On';\r\n  //@Prop() labelOff: string = 'Off';\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() group_name?: string;\r\n  @Prop() input_id?: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label: string;\r\n\r\n  @Event() toggleChanged: EventEmitter<any>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n\r\n  render() {\r\n    const toggleClass = ['dda-toggle-btn', this.size ? `dda-toggle-${this.size}` : '', this.custom_class ? `${this.custom_class}` : '', this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <label class={toggleClass} htmlFor={this.input_id}>\r\n          <input\r\n            aria-label={this.aria_label}\r\n            type=\"checkbox\"\r\n            id={this.input_id}\r\n            name={this.group_name}\r\n            checked={this.checked}\r\n            onChange={event => {\r\n              this.toggleChanged.emit(event);\r\n              this.onChanged.emit(event);\r\n            }}\r\n          />\r\n          <span class=\"toggle\"></span>\r\n          <p>\r\n            <span class=\"toggle-title\">Radio Button Title</span>\r\n            <span class=\"toggle-supporting\">Supporting Text</span>\r\n          </p>\r\n        </label>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAe,kvEACrB,MAAAC,EAAeD,E,MCMFE,EAAS,MALtB,WAAAC,CAAAC,G,4FAUUC,KAAAC,aAAwB,E,CAUhC,MAAAC,GACE,MAAMC,EAAc,CAAC,iBAAkBH,KAAKI,KAAO,cAAcJ,KAAKI,OAAS,GAAIJ,KAAKC,aAAe,GAAGD,KAAKC,eAAiB,GAAID,KAAKK,gBACtIC,OAAOC,SACPC,KAAK,KAER,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAOT,EAAaU,QAASb,KAAKc,UACvCL,EAAA,SAAAE,IAAA,wDACcX,KAAKe,WACjBC,KAAK,WACLC,GAAIjB,KAAKc,SACTI,KAAMlB,KAAKmB,WACXC,QAASpB,KAAKoB,QACdC,SAAUC,IACRtB,KAAKuB,cAAcC,KAAKF,GACxBtB,KAAKyB,UAAUD,KAAKF,EAAM,IAG9Bb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WACZH,EAAA,KAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,gBAAc,sBAC1BH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qBAAmB,qB","ignoreList":[]}

package/www/build/p-5f80ef51.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as o}from"./p-1b339a0a.js";const r=".accordion-container{display:grid;gap:20px}.accordion-container.bg-border{background-color:var(--dda-surface-100);border:1px solid var(--dda-surface-90);border-radius:5px;padding:16px 20px}.light-mode.accordion-container.bg-border{background-color:var(--dda-neutral-100);border:1px solid var(--dda-neutral-90)}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-header .header-content{display:flex;align-items:center;gap:8px}.header-content i,.header-content svg{font-size:25px;color:var(--dda-on-surface-variant-30)}.light-mode .header-content i,.light-mode .header-content svg{color:var(--dda-neutral-variant-30)}.header-content svg path{fill:var(--dda-on-surface-variant-30)}.light-mode .header-content svg path{fill:var(--dda-neutral-variant-30)}.accordion-header .header-text{font-size:var(--font-h6);color:var(--dda-on-surface-0);font-weight:var(--font-weight-regular);display:flex;align-items:center;gap:5px}.light-mode .accordion-header .header-text{color:var(--dda-neutral-0)}.accordion-header .arrow-icon{font-size:25px;color:var(--dda-on-surface-variant-30)}@media (prefers-reduced-motion: no-preference){.accordion-header .arrow-icon{transition:transform 0.2s ease-in-out}}.light-mode .accordion-header .arrow-icon{color:var(--dda-neutral-variant-30)}.accordion-header.active .arrow-icon{transform:rotate(180deg)}.accordion-body{color:var(--dda-on-surface-variant-30)}.light-mode .accordion-body{color:var(--dda-neutral-variant-30)}.accordion-body .subtitle{font:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0)}.accordion-body .body-description{margin:0;font:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-variant-30)}.accordion-container.no-border{border:1px solid transparent;gap:12px}";const d=r;const t=class{constructor(e){a(this,e);this.design="bg-border";this.header_text="Accordion Header";this.sub_title="";this.body_description="";this.custom_class="";this.link_button_text="";this.accordion_icon_class="";this.accordion_icon_text="";this.accordion_header_end_icon="";this.accordion_id="";this.default_open=false}componentWillLoad(){this.isOpen=this.default_open}toggleAccordion(){this.isOpen=!this.isOpen}async openAccordion(){this.isOpen=true}async closeAccordion(){this.isOpen=false}async getIsOpen(){return this.isOpen}onHeaderEndIconClick(a){a.stopPropagation();console.log("Header end icon clicked")}render(){return e(o,{key:"bac0593081d789deb4f454ba6e8d945c53e104a6"},e("div",{key:"096d1b2f7be57780933b9a027aba8d48d0672215",class:`accordion-container ${this.design} ${this.custom_class} ${this.component_mode}`},e("div",{key:"ef7f36b77b07f70d353592a6ef138077483ce6b5",class:"accordion-header",id:this.accordion_id,onClick:()=>this.toggleAccordion()},e("div",{key:"e87777be0e8e322e28610bba28da32ed0de77341",class:"header-content"},this.accordion_icon_text?e("i",{class:this.accordion_icon_class},this.accordion_icon_text):null,this.header_text?e("span",{class:"header-text"},this.header_text,e("i",{class:`body material-flat-icon ${this.accordion_icon_class}`,onClick:a=>this.onHeaderEndIconClick(a)},this.accordion_header_end_icon)):null),e("i",{key:"22d6316247878dee4acc2633e4bcd409eb1aeb84",class:`material-icons arrow-icon`,"aria-hidden":"true"},this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down")),e("div",{key:"10ad865b64a97d91968151f8288464431ff91e8f",class:this.isOpen?"accordion-body":"dda-d-none"},e("div",{key:"28f31b0693b114bd51048262b02185e7ad6aedb6",class:"dda-d-flex dda-flex-column dda-gap-lg"},e("div",{key:"5fe251da252cdff81e9d9133e14a633f6d437ec8",class:"dda-d-flex dda-flex-column dda-gap-xs"},this.sub_title?e("p",{class:"subtitle"},this.sub_title):null,this.body_description?e("p",{class:"body-description"},this.body_description):null),this.link_button_text?e("dda-link-button",{button_color:"default-link",end_icon:"arrow_forward",custom_class:"",link_button_text:this.link_button_text,href:"",component_mode:"",button_id:"link-button",aria_label:"link-Button"}):null,e("slot",{key:"ea0f628d0e80420bc482d9e11debc18b8e86aee6"})))))}};t.style=d;export{t as dda_accordion};
-//# sourceMappingURL=p-5f80ef51.entry.js.map

package/www/build/p-5f80ef51.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaAccordionCss","DdaAccordionStyle0","DdaAccordion","constructor","hostRef","this","design","header_text","sub_title","body_description","custom_class","link_button_text","accordion_icon_class","accordion_icon_text","accordion_header_end_icon","accordion_id","default_open","componentWillLoad","isOpen","toggleAccordion","openAccordion","closeAccordion","getIsOpen","onHeaderEndIconClick","event","stopPropagation","console","log","render","h","Host","key","class","component_mode","id","onClick","button_color","end_icon","href","button_id","aria_label"],"sources":["src/components/dda-accordion/dda-accordion.css?tag=dda-accordion","src/components/dda-accordion/dda-accordion.tsx"],"sourcesContent":[".accordion-container{\r\n  display: grid;\r\n  gap: 20px;\r\n}\r\n.accordion-container.bg-border {\r\n  background-color: var(--dda-surface-100);\r\n  border: 1px solid var(--dda-surface-90);\r\n  border-radius: 5px;\r\n  padding: 16px 20px;\r\n}\r\n.light-mode.accordion-container.bg-border{\r\n  background-color: var(--dda-neutral-100);\r\n  border: 1px solid var(--dda-neutral-90);\r\n}\r\n.accordion-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n.accordion-header .header-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n.header-content i,\r\n.header-content svg{\r\n  font-size: 25px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .header-content i,\r\n.light-mode .header-content svg{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.header-content svg path{\r\n  fill: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .header-content svg path{\r\n  fill: var(--dda-neutral-variant-30);\r\n}\r\n.accordion-header .header-text {\r\n  font-size: var(--font-h6);\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--font-weight-regular);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px\r\n}\r\n.light-mode .accordion-header .header-text{\r\n  color: var(--dda-neutral-0);\r\n}\r\n\r\n.accordion-header .arrow-icon {\r\n  font-size: 25px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .accordion-header .arrow-icon {\r\n    transition: transform 0.2s ease-in-out;\r\n  }\r\n}\r\n\r\n\r\n.light-mode .accordion-header .arrow-icon{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.accordion-header.active .arrow-icon{\r\n  transform: rotate(180deg);\r\n}\r\n.accordion-body {\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .accordion-body{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n.accordion-body .subtitle{\r\n  font: var(--font-body);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-0);\r\n}\r\n.accordion-body .body-description {\r\n  margin: 0;\r\n  font: var(--font-body);\r\n  font-weight: var(--font-weight-regular);\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.accordion-container.no-border {\r\n  border: 1px solid transparent;\r\n  gap: 12px\r\n}\r\n","import { Component, Prop, State, h, Host, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-accordion',\r\n  styleUrls: ['dda-accordion.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAccordion {\r\n  @Prop() design: 'bg-border' | 'no-border' = 'bg-border';\r\n  @Prop() header_text: string = 'Accordion Header';\r\n  @Prop() sub_title: string = '';\r\n  @Prop() body_description: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() link_button_text?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() accordion_icon_class?: string = '';\r\n  @Prop() accordion_icon_text: string = '';\r\n  @Prop() accordion_header_end_icon: string = '';\r\n  @Prop() accordion_id: string = '';\r\n\r\n  @Prop() default_open: boolean = false;\r\n\r\n  @State() isOpen: boolean;\r\n\r\n  componentWillLoad() {\r\n    this.isOpen = this.default_open;\r\n  }\r\n\r\n  toggleAccordion() {\r\n    this.isOpen = !this.isOpen;\r\n  }\r\n\r\n  @Method() async openAccordion() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  @Method() async closeAccordion() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  @Method() async getIsOpen() {\r\n    return this.isOpen;\r\n  }\r\n\r\n  onHeaderEndIconClick(event: Event) {\r\n    event.stopPropagation();\r\n    console.log('Header end icon clicked');\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`accordion-container ${this.design} ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"accordion-header\" id={this.accordion_id} onClick={() => this.toggleAccordion()}>\r\n            <div class=\"header-content\">\r\n              {this.accordion_icon_text ? <i class={this.accordion_icon_class}>{this.accordion_icon_text}</i> : null}\r\n              {this.header_text ? \r\n                <span class=\"header-text\">{this.header_text} \r\n                  <i \r\n                    class={`body material-flat-icon ${this.accordion_icon_class}`}\r\n                    onClick={(event) => this.onHeaderEndIconClick(event)}\r\n                    >\r\n                    {this.accordion_header_end_icon}\r\n                  </i>\r\n                </span> \r\n              : null}\r\n            </div>\r\n            <i class={`material-icons arrow-icon`} aria-hidden=\"true\" >{this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n          </div>\r\n          <div class={this.isOpen ? 'accordion-body' : 'dda-d-none'}>\r\n            <div class=\"dda-d-flex dda-flex-column dda-gap-lg\">\r\n              <div class=\"dda-d-flex dda-flex-column dda-gap-xs\">\r\n                {this.sub_title ? <p class=\"subtitle\">{this.sub_title}</p> : null}\r\n                {this.body_description ? <p class=\"body-description\">{this.body_description}</p> : null}\r\n              </div>\r\n              {this.link_button_text ? (\r\n                <dda-link-button\r\n                  button_color=\"default-link\"\r\n                  end_icon=\"arrow_forward\"\r\n                  custom_class=\"\"\r\n                  link_button_text={this.link_button_text}\r\n                  href=\"\"\r\n                  component_mode=\"\"\r\n                  button_id=\"link-button\"\r\n                  aria_label=\"link-Button\"\r\n                ></dda-link-button>\r\n              ) : null}\r\n              <slot></slot>\r\n            </div>\r\n            \r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAkB,syDACxB,MAAAC,EAAeD,E,MCMFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,OAAoC,YACpCD,KAAAE,YAAsB,mBACtBF,KAAAG,UAAoB,GACpBH,KAAAI,iBAA2B,GAC3BJ,KAAAK,aAAwB,GACxBL,KAAAM,iBAA4B,GAE5BN,KAAAO,qBAAgC,GAChCP,KAAAQ,oBAA8B,GAC9BR,KAAAS,0BAAoC,GACpCT,KAAAU,aAAuB,GAEvBV,KAAAW,aAAwB,K,CAIhC,iBAAAC,GACEZ,KAAKa,OAASb,KAAKW,Y,CAGrB,eAAAG,GACEd,KAAKa,QAAUb,KAAKa,M,CAGZ,mBAAME,GACdf,KAAKa,OAAS,I,CAGN,oBAAMG,GACdhB,KAAKa,OAAS,K,CAGN,eAAMI,GACd,OAAOjB,KAAKa,M,CAGd,oBAAAK,CAAqBC,GACnBA,EAAMC,kBACNC,QAAQC,IAAI,0B,CAGd,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,uBAAuB3B,KAAKC,UAAUD,KAAKK,gBAAgBL,KAAK4B,kBAC1EJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBAAmBE,GAAI7B,KAAKU,aAAcoB,QAAS,IAAM9B,KAAKc,mBACvEU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACR3B,KAAKQ,oBAAsBgB,EAAA,KAAGG,MAAO3B,KAAKO,sBAAuBP,KAAKQ,qBAA2B,KACjGR,KAAKE,YACJsB,EAAA,QAAMG,MAAM,eAAe3B,KAAKE,YAC9BsB,EAAA,KACEG,MAAO,2BAA2B3B,KAAKO,uBACvCuB,QAAUX,GAAUnB,KAAKkB,qBAAqBC,IAE7CnB,KAAKS,4BAGV,MAEJe,EAAA,KAAAE,IAAA,2CAAGC,MAAO,4BAA2B,cAAc,QAAS3B,KAAKa,OAAS,oBAAsB,wBAElGW,EAAA,OAAAE,IAAA,2CAAKC,MAAO3B,KAAKa,OAAS,iBAAmB,cAC3CW,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yCACR3B,KAAKG,UAAYqB,EAAA,KAAGG,MAAM,YAAY3B,KAAKG,WAAiB,KAC5DH,KAAKI,iBAAmBoB,EAAA,KAAGG,MAAM,oBAAoB3B,KAAKI,kBAAwB,MAEpFJ,KAAKM,iBACJkB,EAAA,mBACEO,aAAa,eACbC,SAAS,gBACT3B,aAAa,GACbC,iBAAkBN,KAAKM,iBACvB2B,KAAK,GACLL,eAAe,GACfM,UAAU,cACVC,WAAW,gBAEX,KACJX,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/www/build/p-60d855a6.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as d}from"./p-1b339a0a.js";const r=".dda-segmented-group{display:inline-flex;border:solid 1px var(--dda-surface-90);border-radius:8px;overflow:hidden}.light-mode.dda-segmented-group{border:solid 1px var(--dda-neutral-90)}.dda-segmented-item{display:flex;height:40px;padding:5px 16px;border:transparent;border-inline-start:solid 1px var(--dda-surface-90);background-color:var(--dda-surface-100);font-size:16px;color:var(--dda-on-surface-variant-30);cursor:pointer;align-items:center}.light-mode .dda-segmented-item{background-color:var(--dda-neutral-100);color:var(--dda-neutral-variant-30);border-inline-start:solid 1px var(--dda-neutral-90)}.dda-segmented-group .dda-segmented-item:first-child{border:transparent}.dda-segmented-group.square{border-radius:8px}.dda-segmented-group.rounded{border-radius:40px}.dda-segmented-item:hover{color:var(--dda-color-primary-40)}.light-mode .dda-segmented-item:hover{color:var(--dda-primary-40)}.dda-segmented-item.active{background-color:var(--dda-color-primary-40);color:var(--dda-surface-100)}.light-mode .dda-segmented-item.active{background-color:var(--dda-primary-40);color:var(--dda-neutral-100)}.dda-segmented-item i{font-size:18px}";const a=r;const t=class{constructor(d){e(this,d);this.parsedItems=[]}componentWillLoad(){this.parsedItems=JSON.parse(this.items)}render(){return d("div",{key:"4134e585858d5c991c8b0a3ce725dc58f4d67f9e",class:`dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}`},this.parsedItems.map((e=>e.startsWith("fo")?d("button",{name:this.button_name,class:"dda-segmented-item"},d("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},e)):d("button",{name:this.button_name,class:"dda-segmented-item"},e))))}};t.style=a;export{t as dda_segmented_tabs};
-//# sourceMappingURL=p-60d855a6.entry.js.map

package/www/build/p-60d855a6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaSegmentedTabsCss","DdaSegmentedTabsStyle0","DdaSegmentedTabs","constructor","hostRef","this","parsedItems","componentWillLoad","JSON","parse","items","render","h","key","class","custom_class","radius_type","component_mode","map","item","startsWith","name","button_name"],"sources":["src/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.css?tag=dda-segmented-tabs","src/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.tsx"],"sourcesContent":[".dda-segmented-group {\r\n  display: inline-flex;\r\n  border: solid 1px var(--dda-surface-90);\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n}\r\n.light-mode.dda-segmented-group{\r\n  border: solid 1px var(--dda-neutral-90);\r\n}\r\n.dda-segmented-item {\r\n  display: flex;\r\n  height: 40px;\r\n  padding: 5px 16px;\r\n  border: transparent;\r\n  border-inline-start: solid 1px var(--dda-surface-90);\r\n  background-color: var(--dda-surface-100);\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  cursor: pointer;\r\n  align-items: center;\r\n}\r\n.light-mode .dda-segmented-item{\r\n  background-color: var(--dda-neutral-100);\r\n  color: var(--dda-neutral-variant-30);\r\n  border-inline-start: solid 1px var(--dda-neutral-90);\r\n}\r\n.dda-segmented-group .dda-segmented-item:first-child{\r\n  border: transparent;\r\n}\r\n.dda-segmented-group.square{\r\n  border-radius: 8px;\r\n}\r\n.dda-segmented-group.rounded{\r\n  border-radius: 40px;\r\n}\r\n.dda-segmented-item:hover {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.light-mode .dda-segmented-item:hover{\r\n  color: var(--dda-primary-40);\r\n}\r\n.dda-segmented-item.active {\r\n  background-color: var(--dda-color-primary-40);\r\n  color: var(--dda-surface-100);\r\n}\r\n.light-mode .dda-segmented-item.active {\r\n  background-color: var(--dda-primary-40);\r\n  color: var(--dda-neutral-100);\r\n}\r\n.dda-segmented-item i {\r\n  font-size: 18px;\r\n}","import { Component, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-segmented-tabs',\r\n  styleUrls: ['dda-segmented-tabs.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaSegmentedTabs {\r\n  @Prop() items: string;\r\n  @Prop() radius_type: string;\r\n  @Prop() custom_class: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() button_name: string;\r\n\r\n  private parsedItems: string[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.parsedItems = JSON.parse(this.items);\r\n  }\r\n\r\n  render() {\r\n    return (  \r\n      <div class={`dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}`}>\r\n        {this.parsedItems.map(item => (\r\n          item.startsWith('fo') ? \r\n            <button name={this.button_name} class=\"dda-segmented-item\"><i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">{item}</i></button> :\r\n            <button name={this.button_name} class=\"dda-segmented-item\">{item}</button>\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2CAAA,MAAMA,EAAsB,0nCAC5B,MAAAC,EAAeD,E,MCMFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAYUC,KAAAC,YAAwB,E,CAEhC,iBAAAC,GACEF,KAAKC,YAAcE,KAAKC,MAAMJ,KAAKK,M,CAGrC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,uBAAuBT,KAAKU,gBAAgBV,KAAKW,eAAeX,KAAKY,kBAC9EZ,KAAKC,YAAYY,KAAIC,GACpBA,EAAKC,WAAW,MACdR,EAAA,UAAQS,KAAMhB,KAAKiB,YAAaR,MAAM,sBAAqBF,EAAA,KAAGE,MAAM,4CAA2C,cAAa,QAAQK,IACpIP,EAAA,UAAQS,KAAMhB,KAAKiB,YAAaR,MAAM,sBAAsBK,K","ignoreList":[]}

package/www/build/p-6151a1f2.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as d}from"./p-1b339a0a.js";const s=class{constructor(e){a(this,e);this.custom_class="";this.banner_card_value="";this.banner_card_name=""}render(){const a=["dda-banner-card",this.custom_class,this.component_mode].filter(Boolean).join(" ");return e(d,{key:"28cc4eda203b1c117c7453f3dc55f4d7a15e51c6"},e("button",{key:"45fd82bafc340a0b6f50738ae2ddd316b44e057a",id:this.banner_card_id,name:this.banner_card_name,value:this.banner_card_value,class:a,type:"button",role:"button","aria-labelledby":`${this.banner_card_id}-title ${this.banner_card_id}-desc`},e("img",{key:"bcb302aa1114d5b9f548060e2d8453364dda42cf",class:"dda-banner-card-icon",src:this.image_src,alt:this.image_alt||this.banner_card_title||"Banner card image","aria-hidden":!this.image_alt&&!this.banner_card_title}),e("span",{key:"9497d70bafe960c447a089cbd2711d09ecf7c927",class:"dda-d-flex dda-flex-column"},e("span",{key:"d2d601371cd1a875a86368beee011af77554828e",id:`${this.banner_card_id}-title`,class:"dda-banner-card-title",role:"heading","aria-level":2},this.banner_card_title),e("span",{key:"a03f1653cf3f9f3711ad31a01ab5339b590e4ee7",id:`${this.banner_card_id}-desc`,class:"dda-banner-card-description"},this.banner_card_description))))}};export{s as dda_banner_card};
-//# sourceMappingURL=p-6151a1f2.entry.js.map

package/www/build/p-6151a1f2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaBannerCard","constructor","hostRef","this","custom_class","banner_card_value","banner_card_name","render","cardClass","component_mode","filter","Boolean","join","h","Host","key","id","banner_card_id","name","value","class","type","role","src","image_src","alt","image_alt","banner_card_title","banner_card_description"],"sources":["src/components/dda-cards/dda-banner-card/dda-banner-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-banner-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaBannerCard {\r\n  @Prop() banner_card_type?: string;\r\n  @Prop() banner_card_id: string;\r\n  @Prop() banner_card_url: string;\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() banner_card_title: string;\r\n  @Prop() banner_card_description: string;\r\n  @Prop({ reflect: true }) custom_class: string = '';\r\n  @Prop({ reflect: true }) banner_card_value: string = '';\r\n  @Prop({ reflect: true }) banner_card_name: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-banner-card',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <button\r\n          id={this.banner_card_id}\r\n          name={this.banner_card_name}\r\n          value={this.banner_card_value}\r\n          class={cardClass}\r\n          type=\"button\"\r\n          role=\"button\"\r\n          aria-labelledby={`${this.banner_card_id}-title ${this.banner_card_id}-desc`}\r\n        >\r\n          <img\r\n            class=\"dda-banner-card-icon\"\r\n            src={this.image_src}\r\n            alt={this.image_alt || this.banner_card_title || 'Banner card image'}\r\n            aria-hidden={!this.image_alt && !this.banner_card_title}\r\n          />\r\n          <span class=\"dda-d-flex dda-flex-column\">\r\n            <span\r\n              id={`${this.banner_card_id}-title`}\r\n              class=\"dda-banner-card-title\"\r\n              role=\"heading\"\r\n              aria-level={2}\r\n            >\r\n              {this.banner_card_title}\r\n            </span>\r\n            <span\r\n              id={`${this.banner_card_id}-desc`}\r\n              class=\"dda-banner-card-description\"\r\n            >\r\n              {this.banner_card_description}\r\n            </span>\r\n          </span>\r\n        </button>\r\n\r\n        {/* <a\r\n          href={this.banner_card_url}\r\n          target={}\r\n          id={this.banner_card_id}\r\n          class={cardClass}\r\n          aria-labelledby={`${this.banner_card_id}-title`} \r\n        >\r\n          <img\r\n            class=\"dda-banner-card-icon\"\r\n            src={this.image_src}\r\n            alt={this.image_alt || this.banner_card_title || 'Banner card image'}\r\n            aria-hidden={!this.image_alt && !this.banner_card_title}\r\n          />\r\n          <span class=\"dda-d-flex dda-flex-column\">\r\n            <span\r\n              id={`${this.banner_card_id}-title`}\r\n              class=\"dda-banner-card-title\"\r\n              role=\"heading\"\r\n              aria-level={2}\r\n            >\r\n              {this.banner_card_title}\r\n            </span>\r\n            <span\r\n              id={`${this.banner_card_id}-desc`}\r\n              class=\"dda-banner-card-description\"\r\n            >\r\n              {this.banner_card_description}\r\n            </span>\r\n          </span>\r\n        </a> */}\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"wDAOaA,EAAa,MAL1B,WAAAC,CAAAC,G,UAa2BC,KAAAC,aAAuB,GACvBD,KAAAE,kBAA4B,GAC5BF,KAAAG,iBAA2B,E,CAGpD,MAAAC,GACE,MAAMC,EAAY,CAChB,kBACAL,KAAKC,aACLD,KAAKM,gBAEJC,OAAOC,SACPC,KAAK,KAER,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,GAAIb,KAAKc,eACTC,KAAMf,KAAKG,iBACXa,MAAOhB,KAAKE,kBACZe,MAAOZ,EACPa,KAAK,SACLC,KAAK,SAAQ,kBACI,GAAGnB,KAAKc,wBAAwBd,KAAKc,uBAEtDJ,EAAA,OAAAE,IAAA,2CACEK,MAAM,uBACNG,IAAKpB,KAAKqB,UACVC,IAAKtB,KAAKuB,WAAavB,KAAKwB,mBAAqB,oBAAmB,eACtDxB,KAAKuB,YAAcvB,KAAKwB,oBAExCd,EAAA,QAAAE,IAAA,2CAAMK,MAAM,8BACVP,EAAA,QAAAE,IAAA,2CACEC,GAAI,GAAGb,KAAKc,uBACZG,MAAM,wBACNE,KAAK,UAAS,aACF,GAEXnB,KAAKwB,mBAERd,EAAA,QAAAE,IAAA,2CACEC,GAAI,GAAGb,KAAKc,sBACZG,MAAM,+BAELjB,KAAKyB,2B","ignoreList":[]}

package/www/build/p-6842a5e5.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as d}from"./p-1b339a0a.js";const c=class{constructor(e){a(this,e);this.custom_class=""}render(){const a=["dda-credit-card-container",this.design?`dda-credit-card-${this.design}`:"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return e(d,{key:"e69c25db5aefe6a012f050cb639bc1f17c49b811"},e("div",{key:"7019687bffa8a35f81d9508449e4ee5af5d27db1",class:a},e("div",{key:"f1fbeafd66a00ae4c008511f4e76b2ec4adb8cbb",class:"dda-credit-card-header"},e("div",{key:"d67e1d8a2a0b6d9491cd35639c8c4395ec1e70d2",class:"card-balance-info"},e("span",{key:"d3772877ddf06ac51fff1d92f11f443bf442bdf5",class:"card-balance-label"},"Current Balance"),e("span",{key:"28c7f3f88bd239ae411f3a736e2c7f4c10e8b166",class:"card-balance"},e("strong",{key:"4eca0666965529ff497fb306ce9e32b263e77145"},this.balance))),e("i",{key:"4755aec9700d357b714ff05e867a5299f9c53904",class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"wifi")),e("div",{key:"7e15edf0a3f489e2e411c5870b5e91b79cce8cb4",class:"dda-credit-card-body"},e("div",{key:"5479624c7f7b58651cf06294a0b0f5aed4f530a0",class:"card-userinfo"},e("span",{key:"459097917e2d683074677b0c33aaaec617946e09",class:"dda-card-name"},this.name),e("span",{key:"9b9df02dff881dd50943440e6c06aab690642d1b",class:"dda-card-number"},"**** ",this.card_number.slice(-4))),e("div",{key:"403f13db39e8b57d100db56bc84c82fbec03568d"},e("img",{key:"ed545b46e0202520cd45b58d3a6827cc90173245",src:this.card_type,alt:"Card Type",class:"card-type-icon"})))))}};export{c as dda_credit_card};
-//# sourceMappingURL=p-6842a5e5.entry.js.map

package/www/build/p-6842a5e5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DdaCreditCard","constructor","hostRef","this","custom_class","render","cardClass","design","component_mode","filter","Boolean","join","h","Host","key","class","balance","name","card_number","slice","src","card_type","alt"],"sources":["src/components/dda-credit-card/dda-credit-card.tsx"],"sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-credit-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaCreditCard {\r\n  @Prop() balance: string;\r\n  @Prop() name: string;\r\n  @Prop() card_number: string;\r\n  @Prop() card_type: string;\r\n  @Prop() design: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-credit-card-container',\r\n      this.design ? `dda-credit-card-${this.design}` : '',\r\n      this.custom_class ? `${this.custom_class}` : \"\",\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-credit-card-header\">\r\n            <div class=\"card-balance-info\">\r\n              <span class=\"card-balance-label\">Current Balance</span>\r\n              <span class=\"card-balance\"><strong>{this.balance}</strong></span>\r\n            </div>\r\n            <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">wifi</i>\r\n          </div>\r\n          <div class=\"dda-credit-card-body\">\r\n            <div class=\"card-userinfo\">\r\n              <span class=\"dda-card-name\">{this.name}</span>\r\n              <span class=\"dda-card-number\">**** {this.card_number.slice(-4)}</span>\r\n            </div>\r\n            <div><img src={this.card_type} alt=\"Card Type\" class=\"card-type-icon\"/></div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"wDAOaA,EAAa,MAL1B,WAAAC,CAAAC,G,UAWUC,KAAAC,aAAwB,E,CAGhC,MAAAC,GACE,MAAMC,EAAY,CAChB,4BACAH,KAAKI,OAAS,mBAAmBJ,KAAKI,SAAW,GACjDJ,KAAKC,aAAe,GAAGD,KAAKC,eAAiB,GAC7CD,KAAKK,gBACLC,OAAOC,SAASC,KAAK,KAEvB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOT,GACVM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAoB,mBAChCH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,gBAAeH,EAAA,UAAAE,IAAA,4CAASX,KAAKa,WAE3CJ,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4CAA2C,cAAa,QAAM,SAEzEH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,iBAAiBZ,KAAKc,MAClCL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,mBAAiB,QAAOZ,KAAKe,YAAYC,OAAO,KAE9DP,EAAA,OAAAE,IAAA,4CAAKF,EAAA,OAAAE,IAAA,2CAAKM,IAAKjB,KAAKkB,UAAWC,IAAI,YAAYP,MAAM,sB","ignoreList":[]}

package/www/build/p-68c80bba.entry.js

@@ -1,2 +0,0 @@
-import{r,h as d,H as a}from"./p-1b339a0a.js";const i=".dda-chip{display:inline-flex;height:26px;background:var(--dda-color-primary-95);border:solid 1px var(--dda-color-primary-40);color:var(--dda-color-primary-40);align-items:center;gap:5px;padding:2px 8px;border-radius:6px}.dda-chip i{font-size:19px}.chip-icon-size-sm{font-size:12px !important}.chip-icon-size-md{font-size:19px !important}.chip-icon-size-lg{font-size:23px !important}.dda-chip .circle{font-size:7px}.dda-chip-grey{background:var(--dda-neutral-variant-94);border:solid 1px var(--dda-neutral-90);color:var(--dda-on-surface-variant-30)}.light-mode.dda-chip-grey{background:var(--dda-neutral-variant-94);border:solid 1px var(--dda-neutral-90);color:var(--dda-neutral-variant-30)}.dda-chip-primary{background:var(--dda-primary-variant-95);border:solid 1px var(--dda-color-primary-40);color:var(--dda-color-primary-40)}.light-mode.dda-chip-primary{background:var(--dda-primary-95);border:solid 1px var(--dda-primary-40);color:var(--dda-primary-40)}.dda-chip-green{background:var(--dda-success-variant-95);border:solid 1px var(--dda-color-success-40);color:var(--dda-color-success-40)}.light-mode.dda-chip-green{background:var(--dda-success-95);border:solid 1px var(--dda-success-40);color:var(--dda-success-40)}.dda-chip-yellow{background:var(--dda-warning-variant-95);border:solid 1px var(--dda-color-warning-40);color:var(--dda-color-warning-40)}.light-mode.dda-chip-yellow{background:var(--dda-warning-95);border:solid 1px var(--dda-warning-40);color:var(--dda-warning-40)}.dda-chip-red{background:var(--dda-error-variant-95);border:solid 1px var(--dda-color-error-40);color:var(--dda-color-error-40)}.light-mode.dda-chip-red{background:var(--dda-error-95);border:solid 1px var(--dda-error-40);color:var(--dda-error-40)}.dda-chip-purple{background:var(--dda-color-purple-variant);border:solid 1px var(--dda-color-purple);color:var(--dda-color-purple)}.dda-chip-sm{height:24px}.dda-chip-md{height:26px}.dda-chip-lg{height:32px;padding:2px 12px}.dda-chip-square{border-radius:6px}.dda-chip-circle{border-radius:40px}.dda-chip .chip-close{display:inline-flex;cursor:pointer}";const o=i;const c=class{constructor(d){r(this,d);this.bg_color="success";this.rounded="";this.show_close_icon=false}render(){const r=this.image_chip_label||this.chip_text||"Chip item";return d(a,{key:"bf5fc23e7d47a042a54f31c5a383852e1cc39f05"},d("div",{key:"22c67683d6d6235ee8bdcd2028183ad5288b00b6",class:`dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}`,"aria-label":r},this.chip_icon?d("i",{class:`chip-icon-size-${this.chip_icon_size} ${this.chip_icon_family}`},this.chip_icon):null,this.image_chip_icon?d("i",{class:`chip-icon-size-${this.image_chip_icon_size} ${this.image_chip_icon_family}`},this.image_chip_icon):null,d("span",{key:"2f903d6b4b298f026674fc0ff229c174e756ede0"},this.chip_text),this.image_chip_label?d("span",null,this.image_chip_label):null,this.show_close_icon&&d("span",{key:"7a961867d7cb7d282743a288a252660e6b34d3e6",class:"chip-close",onClick:this.clickHandler},d("i",{key:"d57f800fb3528c53390f1234740d6eeaa7ab66da",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close"))))}};c.style=o;export{c as dda_chip};
-//# sourceMappingURL=p-68c80bba.entry.js.map

package/www/build/p-68c80bba.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaChipCss","DdaChipStyle0","DdaChip","constructor","hostRef","this","bg_color","rounded","show_close_icon","render","label","image_chip_label","chip_text","h","Host","key","class","size","custom_class","component_mode","chip_icon","chip_icon_size","chip_icon_family","image_chip_icon","image_chip_icon_size","image_chip_icon_family","onClick","clickHandler"],"sources":["src/components/dda-chip/dda-chip.css?tag=dda-chip","src/components/dda-chip/dda-chip.tsx"],"sourcesContent":[".dda-chip{\r\n  display: inline-flex;\r\n  height: 26px;\r\n  background: var(--dda-color-primary-95);\r\n  border: solid 1px var(--dda-color-primary-40);\r\n  color: var(--dda-color-primary-40);\r\n  align-items: center;\r\n  gap: 5px;\r\n  padding: 2px 8px;\r\n  border-radius: 6px; \r\n}\r\n.dda-chip i{\r\n  font-size: 19px\r\n}\r\n.chip-icon-size-sm{\r\n  font-size: 12px !important;\r\n}\r\n.chip-icon-size-md{\r\n  font-size: 19px !important;\r\n}\r\n.chip-icon-size-lg{\r\n  font-size: 23px !important;\r\n}\r\n.dda-chip .circle{\r\n  font-size: 7px;\r\n}\r\n.dda-chip-grey{\r\n  background: var(--dda-neutral-variant-94);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode.dda-chip-grey{\r\n  background: var(--dda-neutral-variant-94);\r\n  border: solid 1px var(--dda-neutral-90);\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n/**/\r\n.dda-chip-primary{\r\n  background: var(--dda-primary-variant-95);\r\n  border: solid 1px var(--dda-color-primary-40);\r\n  color: var(--dda-color-primary-40);\r\n}\r\n.light-mode.dda-chip-primary{\r\n  background: var(--dda-primary-95);\r\n  border: solid 1px var(--dda-primary-40);\r\n  color: var(--dda-primary-40);\r\n}\r\n/**/\r\n.dda-chip-green{\r\n  background: var(--dda-success-variant-95);\r\n  border: solid 1px var(--dda-color-success-40);\r\n  color: var(--dda-color-success-40);\r\n}\r\n.light-mode.dda-chip-green{\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/**/\r\n.dda-chip-yellow{\r\n  background: var(--dda-warning-variant-95);\r\n  border: solid 1px var(--dda-color-warning-40);\r\n  color: var(--dda-color-warning-40);\r\n}\r\n.light-mode.dda-chip-yellow{\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/**/\r\n.dda-chip-red{\r\n  background: var(--dda-error-variant-95);\r\n  border: solid 1px var(--dda-color-error-40);\r\n  color: var(--dda-color-error-40);\r\n}\r\n.light-mode.dda-chip-red{\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/**/\r\n.dda-chip-purple{\r\n  background: var(--dda-color-purple-variant);\r\n  border: solid 1px var(--dda-color-purple);\r\n  color: var(--dda-color-purple);\r\n}\r\n\r\n.dda-chip-sm{\r\n  height: 24px;\r\n}\r\n.dda-chip-md{\r\n  height: 26px;\r\n}\r\n.dda-chip-lg{\r\n  height: 32px;\r\n  padding: 2px 12px;\r\n}\r\n.dda-chip-square{\r\n  border-radius: 6px;\r\n}\r\n.dda-chip-circle{\r\n  border-radius: 40px;\r\n}\r\n\r\n.dda-chip .chip-close{\r\n  display: inline-flex;\r\n  cursor: pointer;\r\n}\r\n\r\n","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-chip',\r\n  styleUrls: ['dda-chip.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaChip {\r\n  @Prop() bg_color: string = 'success';\r\n  @Prop() rounded?: string = '';\r\n  @Prop() chip_text: string;\r\n  @Prop() chip_icon: string;\r\n  @Prop() chip_icon_family: string;\r\n  @Prop() chip_icon_size: string;\r\n  @Prop() show_close_icon: boolean = false;\r\n  @Prop() size?: string; // e.g., 'sm', 'md', 'lg'\r\n  @Prop() custom_class?: string;\r\n  @Prop() component_mode?: string;  \r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  @Prop() image_chip_label: string;\r\n  @Prop() image_chip_icon: string;\r\n  @Prop() image_chip_icon_family: string;\r\n  @Prop() image_chip_icon_size?: string;\r\n\r\n  render() {\r\n    const label = this.image_chip_label || this.chip_text || 'Chip item';\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}`}\r\n          aria-label={label}\r\n        >\r\n          {this.chip_icon ? (\r\n            <i class={`chip-icon-size-${this.chip_icon_size} ${this.chip_icon_family}`}>\r\n              {this.chip_icon}\r\n            </i>\r\n          ) : null}\r\n          {this.image_chip_icon ? (\r\n            <i class={`chip-icon-size-${this.image_chip_icon_size} ${this.image_chip_icon_family}`}>\r\n              {this.image_chip_icon}\r\n            </i>\r\n          ) : null}\r\n          <span>{this.chip_text}</span>\r\n          {this.image_chip_label ? <span>{this.image_chip_label}</span> : null}\r\n          {this.show_close_icon && (\r\n            <span class=\"chip-close\" onClick={this.clickHandler}>\r\n              <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n\r\n"],"mappings":"6CAAA,MAAMA,EAAa,uiEACnB,MAAAC,EAAeD,E,MCMFE,EAAO,MALpB,WAAAC,CAAAC,G,UAMUC,KAAAC,SAAmB,UACnBD,KAAAE,QAAmB,GAKnBF,KAAAG,gBAA2B,K,CAWnC,MAAAC,GACE,MAAMC,EAAQL,KAAKM,kBAAoBN,KAAKO,WAAa,YAEzD,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,qBAAqBX,KAAKC,qBAAqBD,KAAKY,oBAAoBZ,KAAKE,WAAWF,KAAKa,gBAAgBb,KAAKc,iBAAgB,aAC7HT,GAEXL,KAAKe,UACJP,EAAA,KAAGG,MAAO,kBAAkBX,KAAKgB,kBAAkBhB,KAAKiB,oBACrDjB,KAAKe,WAEN,KACHf,KAAKkB,gBACJV,EAAA,KAAGG,MAAO,kBAAkBX,KAAKmB,wBAAwBnB,KAAKoB,0BAC3DpB,KAAKkB,iBAEN,KACJV,EAAA,QAAAE,IAAA,4CAAOV,KAAKO,WACXP,KAAKM,iBAAmBE,EAAA,YAAOR,KAAKM,kBAA2B,KAC/DN,KAAKG,iBACJK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaU,QAASrB,KAAKsB,cACrCd,EAAA,KAAAE,IAAA,2CAAGC,MAAM,2CAA0C,cAAa,QAAM,W","ignoreList":[]}

package/www/build/p-6aa213c1.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as t}from"./p-1b339a0a.js";const i=".dda-avatar{display:inline-flex;position:relative;align-items:center;justify-content:center}.avatar-shape-circle{border-radius:64px}.avatar-shape-square{border-radius:8px}.avatar-type-photo img{width:100%;height:100%;object-fit:cover}.avatar-type-photo.avatar-shape-circle img{border-radius:64px}.avatar-type-photo.avatar-shape-square img{border-radius:8px}.avatar-type-icon{background:var(--dda-neutral-variant-94);text-align:center}.avatar-type-icon .dda-smile path{fill:var(--dda-neutral-variant-30)}.avatar-type-icon i{color:var(--dda-neutral-variant-30)}.avatar-type-icon.avatar-size-xs .dda-smile{font-size:13px}.avatar-type-icon.avatar-size-sm .dda-smile{font-size:19px}.avatar-type-icon.avatar-size-md .dda-smile{font-size:24px}.avatar-type-icon.avatar-size-lg .dda-smile{font-size:28px}.avatar-type-icon.avatar-size-xl .dda-smile{font-size:31px}.avatar-type-icon.avatar-size-xxl .dda-smile{font-size:37px}.avatar-type-text{background:var(--dda-color-primary-40);text-align:center}.light-mode.avatar-type-text{background:var(--dda-primary-40)}.avatar-type-text .avatar-main-text{color:var(--dda-neutral-100);font-size:16px}.avatar-size-xs .avatar-main-text{font-size:10px}.avatar-size-sm .avatar-main-text{font-size:12px}.avatar-size-md .avatar-main-text{font-size:16px}.avatar-size-lg .avatar-main-text{font-size:20px}.avatar-size-xl .avatar-main-text{font-size:24px}.avatar-size-xxl .avatar-main-text{font-size:28px}.avatar-size-xs{width:24px;height:24px}.avatar-size-sm{width:32px;height:32px}.avatar-size-md{width:40px;height:40px}.avatar-size-lg{width:48px;height:48px}.avatar-size-xl{width:56px;height:56px}.avatar-size-xxl{width:64px;height:64px}.dda-avatar .status-circle{width:12px;height:12px;border-radius:20px;background:var(--dda-color-success-40);border:solid 2px var(--dda-neutral-100);box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);position:absolute;bottom:-2px;right:-2px}.light-mode.dda-avatar .status-circle{background:var(--dda-success-40)}.avatar-size-xs .status-circle{width:8px;height:8px}.avatar-size-sm .status-circle{width:12px;height:12px}.avatar-size-md .status-circle{width:14px;height:14px}.avatar-size-lg .status-circle{width:16px;height:16px}.avatar-size-xl .status-circle{width:18px;height:18px}.avatar-size-xxl .status-circle{width:20px;height:20px}.dda-avatar .verified-icon{display:flex;background-color:var(--dda-neutral-100);color:var(--dda-color-success-40);border-radius:20px;border:solid 2px var(--dda-neutral-100);box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);position:absolute;bottom:-2px;inset-inline-end:-2px}.light-mode.dda-avatar .verified-icon{color:var(--dda-success-40)}.dda-avatar.avatar-size-xs .verified-icon span{font-size:6px}.dda-avatar.avatar-size-sm .verified-icon span{font-size:8px}.dda-avatar.avatar-size-md .verified-icon span{font-size:10px}.dda-avatar.avatar-size-lg .verified-icon span{font-size:12px}.dda-avatar.avatar-size-xl .verified-icon span{font-size:14px}.dda-avatar.avatar-size-xxl .verified-icon span{font-size:16px}.avatar-design-live{box-shadow:0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-color-primary-40)}.light-mode.avatar-design-live{box-shadow:0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-primary-40)}.notification-circle{width:auto;height:20px;background:var(--dda-color-error-40);font-size:var(--dda-fs-body-sm);color:var(--dda-neutral-100);padding:0 8px;border:solid 2px var(--dda-neutral-100);border-radius:40px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);display:inline-grid;align-items:center;position:absolute;top:-5px;right:-10px}.light-mode .notification-circle{background:var(--dda-error-40)}.avatar-size-xs .notification-circle,.avatar-size-sm .notification-circle{width:14px;height:14px;padding:0px;text-indent:-100px;overflow:hidden;top:-5px;right:-5px}.avatar-size-md .notification-circle{height:20px}.avatar-size-lg .notification-circle{height:22px}.avatar-size-xl .notification-circle{height:24px}.avatar-size-xxl .notification-circle{height:24px}";const e=i;const r=class{constructor(t){a(this,t);this.type="photo";this.size="md";this.design="default";this.rounded="circle";this.src="";this.icon="material-icons";this.text="AB";this.notification_number=0;this.custom_class="";this.isOpen=false;this.show_options=true;this.dropdown_enabled=true}toggleDropdown(){if(this.dropdown_enabled){this.isOpen=!this.isOpen}}selectOption(a){this.selected=a;this.isOpen=false}get parsedOptions(){try{return JSON.parse(this.options)}catch(a){return[]}}render(){return t("div",{key:"0d186e215cd77d265ba6a2af8db3cd2ec53269b4",onClick:()=>this.toggleDropdown(),class:{"dda-avatar":true,[`avatar-type-${this.type}`]:true,[`avatar-size-${this.size}`]:true,[`avatar-design-${this.design}`]:true,[`avatar-shape-${this.rounded}`]:true,[`${this.custom_class}`]:true,[`${this.component_mode}`]:true,[`${this.button_name}`]:true,"avatar-dropdown-disabled":!this.dropdown_enabled}},this.isOpen&&t("div",{key:"ae2702e60ef213fbad698df9babbe646c0010d22",class:"dda-input-dropdown-list"},this.parsedOptions.length>0?this.parsedOptions.map((a=>t("button",{id:this.button_id,name:this.button_name,"aria-label":this.aria_label,type:"button",class:`dda-input-dropdown-item ${this.selected===a?"selected":""}`,onClick:t=>{t.stopPropagation();this.selectOption(a)}},a))):t("div",{class:"dda-input-dropdown-item"},"No options available")),this.type==="photo"&&t("img",{key:"28ea22f66a9136b920a03e08533cb3fbf05496c7",src:this.src,alt:"Avatar"}),this.type==="icon"&&t("i",{key:"65af09133afca158986708833d4a565625d8e9ca",class:`${this.icon} dda-smile`},"sentiment_satisfied"),this.type==="text"&&t("span",{key:"03e202a1f5929b477b6bfdc279364d32b1552c64",class:"avatar-main-text"},this.text),this.design==="status"&&t("div",{key:"36e760999d73f131b309840714e793e373d40b5d",class:"status-circle"}),this.design==="verified"&&t("div",{key:"2b84b11af5971430c391671376289d08e631f619",class:"verified-icon"},t("span",{key:"929485a17e09efabc46c8f3acbaab05a11498eea",class:"material-icons material-symbols-outlined","aria-hidden":"true"},"verified")),this.design==="notification"&&t("div",{key:"b355fe8f4357c7f63584e023e0e40a578d31ee7b",class:"notification-circle"},this.notification_number))}};r.style=e;export{r as dda_avatar};
-//# sourceMappingURL=p-6aa213c1.entry.js.map

package/www/build/p-6aa213c1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ddaAvatarCss","DdaAvatarStyle0","DdaAvatar","constructor","hostRef","this","type","size","design","rounded","src","icon","text","notification_number","custom_class","isOpen","show_options","dropdown_enabled","toggleDropdown","selectOption","option","selected","parsedOptions","JSON","parse","options","_a","render","h","key","onClick","class","component_mode","button_name","length","map","id","button_id","name","aria_label","e","stopPropagation","alt"],"sources":["src/components/dda-avatar/dda-avatar.css?tag=dda-avatar","src/components/dda-avatar/dda-avatar.tsx"],"sourcesContent":[".dda-avatar {\r\n  display: inline-flex;\r\n  position: relative;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.avatar-shape-circle {\r\n  border-radius: 64px;\r\n}\r\n\r\n.avatar-shape-square {\r\n  border-radius: 8px;\r\n}\r\n\r\n.avatar-type-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.avatar-type-photo.avatar-shape-circle img {\r\n  border-radius: 64px;\r\n}\r\n\r\n.avatar-type-photo.avatar-shape-square img {\r\n  border-radius: 8px;\r\n}\r\n\r\n\r\n.avatar-type-icon {\r\n  background: var(--dda-neutral-variant-94);\r\n  text-align: center;\r\n}\r\n\r\n.avatar-type-icon .dda-smile path {\r\n  fill: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.avatar-type-icon i {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.avatar-type-icon.avatar-size-xs .dda-smile {\r\n  font-size: 13px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-sm .dda-smile {\r\n  font-size: 19px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-md .dda-smile {\r\n  font-size: 24px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-lg .dda-smile {\r\n  font-size: 28px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-xl .dda-smile {\r\n  font-size: 31px;\r\n}\r\n\r\n.avatar-type-icon.avatar-size-xxl .dda-smile {\r\n  font-size: 37px;\r\n}\r\n\r\n\r\n.avatar-type-text {\r\n  background: var(--dda-color-primary-40);\r\n  text-align: center;\r\n}\r\n\r\n.light-mode.avatar-type-text{\r\n  background: var(--dda-primary-40);\r\n}\r\n\r\n.avatar-type-text .avatar-main-text {\r\n  color: var(--dda-neutral-100);\r\n  font-size: 16px;\r\n}\r\n\r\n.avatar-size-xs .avatar-main-text {\r\n  font-size: 10px;\r\n}\r\n\r\n.avatar-size-sm .avatar-main-text {\r\n  font-size: 12px;\r\n}\r\n\r\n.avatar-size-md .avatar-main-text {\r\n  font-size: 16px;\r\n}\r\n\r\n.avatar-size-lg .avatar-main-text {\r\n  font-size: 20px;\r\n}\r\n\r\n.avatar-size-xl .avatar-main-text {\r\n  font-size: 24px;\r\n}\r\n\r\n.avatar-size-xxl .avatar-main-text {\r\n  font-size: 28px;\r\n}\r\n\r\n\r\n.avatar-size-xs {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.avatar-size-sm {\r\n  width: 32px;\r\n  height: 32px;\r\n}\r\n\r\n.avatar-size-md {\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n\r\n.avatar-size-lg {\r\n  width: 48px;\r\n  height: 48px;\r\n}\r\n\r\n.avatar-size-xl {\r\n  width: 56px;\r\n  height: 56px;\r\n}\r\n\r\n.avatar-size-xxl {\r\n  width: 64px;\r\n  height: 64px;\r\n}\r\n\r\n\r\n.dda-avatar .status-circle {\r\n  width: 12px;\r\n  height: 12px;\r\n  border-radius: 20px;\r\n  background: var(--dda-color-success-40);\r\n  border: solid 2px var(--dda-neutral-100);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  position: absolute;\r\n  bottom: -2px;\r\n  right: -2px;\r\n}\r\n\r\n.light-mode.dda-avatar .status-circle{\r\n  background: var(--dda-success-40);\r\n}\r\n\r\n.avatar-size-xs .status-circle {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n.avatar-size-sm .status-circle {\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.avatar-size-md .status-circle {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n\r\n.avatar-size-lg .status-circle {\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.avatar-size-xl .status-circle {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n.avatar-size-xxl .status-circle {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n\r\n.dda-avatar .verified-icon {\r\n  display: flex;\r\n  background-color: var(--dda-neutral-100);\r\n  color: var(--dda-color-success-40);\r\n  border-radius: 20px;\r\n  border: solid 2px var(--dda-neutral-100);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  position: absolute;\r\n  bottom: -2px;\r\n  inset-inline-end: -2px;\r\n}\r\n\r\n.light-mode.dda-avatar .verified-icon{\r\n  color: var(--dda-success-40);\r\n}\r\n\r\n.dda-avatar.avatar-size-xs .verified-icon span {\r\n  font-size: 6px;\r\n}\r\n\r\n.dda-avatar.avatar-size-sm .verified-icon span {\r\n  font-size: 8px;\r\n}\r\n\r\n.dda-avatar.avatar-size-md .verified-icon span {\r\n  font-size: 10px;\r\n}\r\n\r\n.dda-avatar.avatar-size-lg .verified-icon span {\r\n  font-size: 12px;\r\n}\r\n\r\n.dda-avatar.avatar-size-xl .verified-icon span {\r\n  font-size: 14px;\r\n}\r\n\r\n.dda-avatar.avatar-size-xxl .verified-icon span {\r\n  font-size: 16px;\r\n}\r\n\r\n\r\n.avatar-design-live {\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-color-primary-40);\r\n}\r\n\r\n.light-mode.avatar-design-live{\r\n  box-shadow: 0px 0px 0px 2px var(--dda-neutral-100), 0px 0px 0px 4px var(--dda-primary-40);\r\n}\r\n\r\n.notification-circle {\r\n  width: auto;\r\n  height: 20px;\r\n  background: var(--dda-color-error-40);\r\n  font-size: var(--dda-fs-body-sm);\r\n  color: var(--dda-neutral-100);\r\n  padding: 0 8px;\r\n  border: solid 2px var(--dda-neutral-100);\r\n  border-radius: 40px;\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  display: inline-grid;\r\n  align-items: center;\r\n  position: absolute;\r\n  top: -5px;\r\n  right: -10px;\r\n}\r\n\r\n.light-mode .notification-circle{\r\n  background: var(--dda-error-40);\r\n}\r\n\r\n.avatar-size-xs .notification-circle,\r\n.avatar-size-sm .notification-circle {\r\n  width: 14px;\r\n  height: 14px;\r\n  padding: 0px;\r\n  text-indent: -100px;\r\n  overflow: hidden;\r\n  top: -5px;\r\n  right: -5px;\r\n}\r\n\r\n.avatar-size-md .notification-circle {\r\n  height: 20px;\r\n}\r\n\r\n.avatar-size-lg .notification-circle {\r\n  height: 22px;\r\n}\r\n\r\n.avatar-size-xl .notification-circle {\r\n  height: 24px;\r\n}\r\n\r\n.avatar-size-xxl .notification-circle {\r\n  height: 24px;\r\n}\r\n\r\n","import { Component, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-avatar',\r\n  styleUrls: ['dda-avatar.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAvatar {\r\n  @Prop() type: 'photo' | 'icon' | 'text' = 'photo';\r\n  @Prop() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' = 'md';\r\n  @Prop() design: 'default' | 'status' | 'verified' | 'story' | 'notification' = 'default';\r\n  @Prop() rounded: 'square' | 'circle' = 'circle';\r\n  @Prop() src: string = ''; // For photo type\r\n  @Prop() icon: string = 'material-icons'; // For icon type\r\n  @Prop() text: string = 'AB'; // For text type\r\n  @Prop() notification_number: number = 0; // For notification design\r\n  @Prop() custom_class?: string = ''; \r\n  @State() isOpen: boolean = false;\r\n  @Prop() selected: string;\r\n  @Prop() show_options: boolean = true;\r\n  @Prop() options: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() button_name?: string;\r\n  @Prop() dropdown_enabled: boolean = true; // ✅ New prop\r\n\r\n  toggleDropdown() {\r\n    if (this.dropdown_enabled) {\r\n      this.isOpen = !this.isOpen;\r\n    }\r\n  }\r\n\r\n  selectOption(option: string) {\r\n    this.selected = option;\r\n    this.isOpen = false;\r\n  }\r\n\r\n  private get parsedOptions(): string[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        onClick={() => this.toggleDropdown()}\r\n        class={{\r\n          'dda-avatar': true,\r\n          [`avatar-type-${this.type}`]: true,\r\n          [`avatar-size-${this.size}`]: true,\r\n          [`avatar-design-${this.design}`]: true,\r\n          [`avatar-shape-${this.rounded}`]: true,\r\n          [`${this.custom_class}`]: true,\r\n          [`${this.component_mode}`]: true,\r\n          [`${this.button_name}`]: true,\r\n          'avatar-dropdown-disabled': !this.dropdown_enabled, // Optional: for visual indication\r\n        }}\r\n      >\r\n        {this.isOpen && (\r\n          <div class=\"dda-input-dropdown-list\">\r\n            {this.parsedOptions.length > 0 ? (\r\n              this.parsedOptions.map(option => (\r\n                <button\r\n                  id={this.button_id}\r\n                  name={this.button_name}\r\n                  aria-label={this.aria_label}\r\n                  type=\"button\"\r\n                  class={`dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`}\r\n                  onClick={(e) => {\r\n                    e.stopPropagation(); // prevent dropdown toggle on option click\r\n                    this.selectOption(option);\r\n                  }}\r\n                >\r\n                  {option}\r\n                </button>\r\n              ))\r\n            ) : (\r\n              <div class=\"dda-input-dropdown-item\">No options available</div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {this.type === 'photo' && <img src={this.src} alt=\"Avatar\" />}\r\n        {this.type === 'icon' && <i class={`${this.icon} dda-smile`}>sentiment_satisfied</i>}\r\n        {this.type === 'text' && <span class=\"avatar-main-text\">{this.text}</span>}\r\n        {this.design === 'status' && <div class=\"status-circle\"></div>}\r\n        {this.design === 'verified' && (\r\n          <div class=\"verified-icon\">\r\n            <span class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">verified</span>\r\n          </div>\r\n        )}\r\n        {this.design === 'notification' && (\r\n          <div class=\"notification-circle\">{this.notification_number}</div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2CAAA,MAAMA,EAAe,46HACrB,MAAAC,EAAeD,E,MCMFE,EAAS,MALtB,WAAAC,CAAAC,G,UAMUC,KAAAC,KAAkC,QAClCD,KAAAE,KAAiD,KACjDF,KAAAG,OAAuE,UACvEH,KAAAI,QAA+B,SAC/BJ,KAAAK,IAAc,GACdL,KAAAM,KAAe,iBACfN,KAAAO,KAAe,KACfP,KAAAQ,oBAA8B,EAC9BR,KAAAS,aAAwB,GACvBT,KAAAU,OAAkB,MAEnBV,KAAAW,aAAwB,KAMxBX,KAAAY,iBAA4B,I,CAEpC,cAAAC,GACE,GAAIb,KAAKY,iBAAkB,CACzBZ,KAAKU,QAAUV,KAAKU,M,EAIxB,YAAAI,CAAaC,GACXf,KAAKgB,SAAWD,EAChBf,KAAKU,OAAS,K,CAGhB,iBAAYO,GACV,IACE,OAAOC,KAAKC,MAAMnB,KAAKoB,Q,CACvB,MAAAC,GACA,MAAO,E,EAIX,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,QAAS,IAAMzB,KAAKa,iBACpBa,MAAO,CACL,aAAc,KACd,CAAC,eAAe1B,KAAKC,QAAS,KAC9B,CAAC,eAAeD,KAAKE,QAAS,KAC9B,CAAC,iBAAiBF,KAAKG,UAAW,KAClC,CAAC,gBAAgBH,KAAKI,WAAY,KAClC,CAAC,GAAGJ,KAAKS,gBAAiB,KAC1B,CAAC,GAAGT,KAAK2B,kBAAmB,KAC5B,CAAC,GAAG3B,KAAK4B,eAAgB,KACzB,4BAA6B5B,KAAKY,mBAGnCZ,KAAKU,QACJa,EAAA,OAAAC,IAAA,2CAAKE,MAAM,2BACR1B,KAAKiB,cAAcY,OAAS,EAC3B7B,KAAKiB,cAAca,KAAIf,GACrBQ,EAAA,UACEQ,GAAI/B,KAAKgC,UACTC,KAAMjC,KAAK4B,YAAW,aACV5B,KAAKkC,WACjBjC,KAAK,SACLyB,MAAO,2BAA2B1B,KAAKgB,WAAaD,EAAS,WAAa,KAC1EU,QAAUU,IACRA,EAAEC,kBACFpC,KAAKc,aAAaC,EAAO,GAG1BA,KAILQ,EAAA,OAAKG,MAAM,2BAAyB,yBAKzC1B,KAAKC,OAAS,SAAWsB,EAAA,OAAAC,IAAA,2CAAKnB,IAAKL,KAAKK,IAAKgC,IAAI,WACjDrC,KAAKC,OAAS,QAAUsB,EAAA,KAAAC,IAAA,2CAAGE,MAAO,GAAG1B,KAAKM,kBAAgB,uBAC1DN,KAAKC,OAAS,QAAUsB,EAAA,QAAAC,IAAA,2CAAME,MAAM,oBAAoB1B,KAAKO,MAC7DP,KAAKG,SAAW,UAAYoB,EAAA,OAAAC,IAAA,2CAAKE,MAAM,kBACvC1B,KAAKG,SAAW,YACfoB,EAAA,OAAAC,IAAA,2CAAKE,MAAM,iBACTH,EAAA,QAAAC,IAAA,2CAAME,MAAM,2CAA0C,cAAa,QAAM,aAG5E1B,KAAKG,SAAW,gBACfoB,EAAA,OAAAC,IAAA,2CAAKE,MAAM,uBAAuB1B,KAAKQ,qB","ignoreList":[]}

package/www/build/p-6d955874.entry.js

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