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

package/dist/components/dda-sticky-footer.js.map

@@ -1 +0,0 @@
-{"file":"dda-sticky-footer.js","mappings":"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","names":["DdaStickyFooter"],"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"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"dda-tabs.js","mappings":"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","names":["DdaTabs"],"sources":["src/components/dda-tabs/dda-tabs.css?tag=dda-tabs","src/components/dda-tabs/dda-tabs.tsx"],"sourcesContent":[".dda-tabs-container {\r\n  display: inline-flex;\r\n  gap:1px;\r\n}\r\n\r\n.dda-tab-item {\r\n  min-height: 48px;\r\n  background: transparent;\r\n  display: inline-flex;\r\n  font-size: var(--font-body);\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--font-weight-regular);\r\n  gap: 8px;\r\n  align-items: center;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  padding: 5px 16px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  /* transition: all 0.25s ease-in-out; */\r\n}\r\n\r\n.light-mode .dda-tab-item{\r\n  color: var(--dda-neutral-0);\r\n}\r\n\r\n.dda-tab-item i {\r\n  font-size: 22px;\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n/* .dda-tab-item.active span,\r\n.dda-tab-item:hover span {\r\n  font-weight: var(--dda-fw-500);\r\n} */\r\n\r\n.dda-tab-default .dda-tab-item.active,\r\n.dda-tab-default .dda-tab-item:hover {\r\n  background: var(--dda-neutral-variant-94);\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.light-mode.dda-tab-default .dda-tab-item.active,\r\n.light-mode.dda-tab-default .dda-tab-item:hover {\r\n  color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-tab-default .dda-tab-item.active i,\r\n.dda-tab-default .dda-tab-item:hover i {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-tab-filed .dda-tab-item.active,\r\n.dda-tab-filed .dda-tab-item:hover {\r\n  background: var(--dda-color-primary-40);\r\n  color: var(--dda-neutral-100);\r\n}\r\n\r\n.light-mode.dda-tab-filed .dda-tab-item.active,\r\n.light-mode.dda-tab-filed .dda-tab-item:hover {\r\n  background: var(--dda-primary-40);\r\n}\r\n\r\n.dda-tab-filed .dda-tab-item.active i,\r\n.dda-tab-filed .dda-tab-item:hover i {\r\n  color: var(--dda-neutral-100);\r\n}\r\n\r\n.dda-tab-underline .dda-tab-item {\r\n  border-bottom: solid 1px var(--dda-neutral-90);\r\n  border-radius: 0px;\r\n}\r\n\r\n\r\n.dda-tab-underline .dda-tab-item::after,\r\n.dda-tab-underline-filled .dda-tab-item::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 0;\r\n  height: 4px;\r\n  background-color: var(--dda-color-primary-40);\r\n  border-radius: 8px 8px 0px 0px;\r\n  transform: translateX(-50%);\r\n  /* transition: all 0.25s ease-in-out; */\r\n}\r\n.light-mode.dda-tab-underline .dda-tab-item::after,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item::after{\r\n  background-color: var(--dda-primary-40);\r\n}\r\n.dda-tab-underline .dda-tab-item:hover::after,\r\n.dda-tab-underline .dda-tab-item.active::after,\r\n.dda-tab-underline-filled .dda-tab-item:hover::after,\r\n.dda-tab-underline-filled .dda-tab-item.active::after{\r\n  width: calc(100% - 32px);\r\n}\r\n\r\n.dda-tab-underline .dda-tab-item.active,\r\n.dda-tab-underline .dda-tab-item.active i,\r\n.dda-tab-underline-filled .dda-tab-item.active,\r\n.dda-tab-underline-filled .dda-tab-item.active i,\r\n.dda-tab-underline .dda-tab-item:hover,\r\n.dda-tab-underline .dda-tab-item:hover i,\r\n.dda-tab-underline-filled .dda-tab-item:hover,\r\n.dda-tab-underline-filled .dda-tab-item:hover i {\r\n  color: var(--dda-color-primary-40);\r\n}\r\n\r\n.light-mode.dda-tab-underline .dda-tab-item.active,\r\n.light-mode.dda-tab-underline .dda-tab-item.active i,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item.active,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item.active i,\r\n.light-mode.dda-tab-underline .dda-tab-item:hover,\r\n.light-mode.dda-tab-underline .dda-tab-item:hover i,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item:hover,\r\n.light-mode.dda-tab-underline-filled .dda-tab-item:hover i {\r\n  color: var(--dda-primary-40);\r\n}\r\n\r\n.dda-tab-underline-filled .dda-tab-item.active,\r\n.dda-tab-underline-filled .dda-tab-item:hover {\r\n  background: var(--dda-neutral-variant-94);\r\n}\r\n\r\n.dda-tabs-container.dda-vertical-tab{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n.dda-tabs-container.dda-vertical-tab button{\r\n  width: 100%;\r\n  text-align: start;\r\n}\r\n\r\n\r\n.dda-tab-underline.dda-vertical-tab .dda-tab-item::after,\r\n.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item::after {\r\n  top: 50%;\r\n  inset-inline-start: 0;\r\n  width: 4px;\r\n  height: 0;\r\n  border-radius: 0px 8px 8px 0px;\r\n  transform: translateY(-50%);\r\n}\r\n:root[dir='rtl'] .dda-tab-underline.dda-vertical-tab .dda-tab-item::after,\r\n:root[dir='rtl'] .dda-tab-underline-filled.dda-vertical-tab .dda-tab-item::after{\r\n  border-radius: 8px 0px 0px 8px;\r\n}\r\n.dda-tab-underline.dda-vertical-tab .dda-tab-item:hover::after,\r\n.dda-tab-underline.dda-vertical-tab .dda-tab-item.active::after,\r\n.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item:hover::after,\r\n.dda-tab-underline-filled.dda-vertical-tab .dda-tab-item.active::after {\r\n  height: calc(100% - 14px);\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-tab-item {\r\n    transition: all 0.25s ease-in-out;\r\n  }\r\n  .dda-tab-underline .dda-tab-item::after,\r\n  .dda-tab-underline-filled .dda-tab-item::after {\r\n    transition: all 0.25s ease-in-out;\r\n  }\r\n}","import { Component, Prop, State, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-tabs',\r\n  styleUrls: ['dda-tabs.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTabs {\r\n  @Prop() type: 'text' | 'text-icon' = 'text';\r\n  @Prop() hover_style: 'dda-tab-default' | 'dda-tab-filed' | 'dda-tab-underline' | 'dda-tab-underline-filled' = 'dda-tab-default';\r\n  @Prop() border_bottom: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_ids: string = '[\"tab-btn-1\", \"tab-btn-2\", \"tab-btn-3\"]'; // New prop for dynamic button IDs\r\n  @Prop() tab_value: string;\r\n  @Prop() tab_texts: string = '[\"Tab 1\", \"Tab 2\", \"Tab 3\"]'; // Keep it as a string\r\n  @Prop() tab_icons: string = '[\"sentiment_satisfied\", \"sentiment_satisfied\", \"sentiment_satisfied\"]';\r\n  @Prop() button_name: string;\r\n  @Prop() tab_type: 'dda-horizontal-tab' | 'dda-vertical-tab' = 'dda-horizontal-tab';\r\n  @Event() tabClick: EventEmitter<number>;\r\n\r\n  @Prop() button_values: string = '[\"\", \"\", \"\"]';\r\n\r\n  // private tabhandler = (index) => {\r\n  //   this.tabClick.emit(index);\r\n  // };\r\n\r\n  @State() active_tab: number = 0;\r\n\r\n  get parsedButtonValues() {\r\n    try {\r\n      return JSON.parse(this.button_values);\r\n    } catch (error) {\r\n      console.error('Error parsing button_values:', error);\r\n      return ['', '', ''];\r\n    }\r\n  }\r\n\r\n  get parsedTabs() {\r\n    try {\r\n      return JSON.parse(this.tab_texts); // Parse the string into an array\r\n    } catch (error) {\r\n      console.error('Error parsing tab_texts:', error);\r\n      return ['Tab 1', 'Tab 2', 'Tab 3']; // Fallback to default\r\n    }\r\n  }\r\n\r\n  get parsedIcons() {\r\n    try {\r\n      return JSON.parse(this.tab_icons); // Parse the string into an array\r\n    } catch (error) {\r\n      console.error('Error parsing tabicons:', error);\r\n      return ['sentiment_satisfied', 'sentiment_satisfied', 'sentiment_satisfied']; // Fallback to default\r\n    }\r\n  }\r\n\r\n  get parsedButtonIds() {\r\n    try {\r\n      return JSON.parse(this.button_ids);\r\n    } catch (error) {\r\n      console.error('Error parsing button_ids:', error);\r\n      return ['tab-btn-1', 'tab-btn-2', 'tab-btn-3'];\r\n    }\r\n  }\r\n\r\n  // setActiveTab(index: number) {\r\n  //   this.active_tab = index;\r\n  //   if (this.tabClick) {\r\n  //     this.tabhandler(index);\r\n  //   }\r\n  // }\r\n  setActiveTab(index: number) {\r\n    this.active_tab = index;\r\n    this.tabClick.emit(index);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div role=\"tablist\" aria-label=\"Tab Navigation\" class={`dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode} ${this.tab_type}`}>\r\n          {this.parsedTabs.map((title, index) => (\r\n            <button\r\n              id={this.parsedButtonIds[index] || `tab-btn-${index + 1}`}\r\n              name={this.button_name}\r\n              aria-label={title}\r\n              type=\"button\"\r\n              value={this.parsedButtonValues[index] || ''}\r\n              class={`dda-tab-item ${this.active_tab === index ? 'active' : ''}`}\r\n              role=\"tab\"\r\n              aria-selected={this.active_tab === index ? 'true' : 'false'}\r\n              aria-controls={`tab-btn-${index + 1}`}\r\n              onClick={() => this.setActiveTab(index)}\r\n            >\r\n              {this.type === 'text-icon' && (\r\n                <i class={`material-icons`} aria-hidden=\"true\">\r\n                  {this.parsedIcons[index] || ''}\r\n                </i>\r\n              )}\r\n              <span>{title}</span>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dda-team-member-card.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DdaTeamMemberCard extends Components.DdaTeamMemberCard, HTMLElement {}
-export const DdaTeamMemberCard: {
-    prototype: DdaTeamMemberCard;
-    new (): DdaTeamMemberCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dda-team-member-card.js

@@ -1,51 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-f6588843.js';
-
-const ddaTeamMemberCardCss = ".dda-team-member-card{padding:24px 32px;display:flex;flex-direction:column;gap:24px}.dda-team-member-card-header{display:flex}.dda-team-member-card-header svg path{fill:var(--dda-on-surface-0)}.light-mode .dda-team-member-card-header svg path{fill:var(--dda-neutral-0)}.dda-team-member-card-image{display:block;margin:0 auto;width:93px;height:93px;border-radius:50%}.dda-team-member-card-position{color:#666}.dda-team-member-card-body{display:flex}.dda-team-member-card.dda-team-member-card-blue{background:var(--dda-neutral-variant-92)}.dda-team-member-card-blue .dda-team-member-card-header i,.dda-team-member-card-blue .card-balance-label,.dda-team-member-card-blue .card-balance,.dda-team-member-card-blue .dda-card-name,.dda-team-member-card-blue .dda-card-number{color:var(--dda-neutral-100)}.dda-team-member-card-blue .dda-team-member-card-header svg path{fill:var(--dda-neutral-100)}";
-const DdaTeamMemberCardStyle0 = ddaTeamMemberCardCss;
-
-const DdaTeamMemberCard$1 = /*@__PURE__*/ proxyCustomElement(class DdaTeamMemberCard extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.custom_class = '';
-    }
-    render() {
-        const cardClass = [
-            'dda-team-member-card dda-card',
-            this.design ? `dda-team-member-card-${this.design}` : '',
-            this.custom_class ? `${this.custom_class}` : "",
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: '2ce39741286a1ac743abeca90aa11324c17cc5a7' }, h("div", { key: '857427c233a6edc4b6600648d882a21473c881ee', class: cardClass }, h("img", { key: '19bfb7efe0aff1fc6dfac5ae4f7b3e442b2720fe', class: "dda-team-member-card-image", src: this.image_src, alt: this.image_alt }), h("div", { key: 'f9c1a85b02eefd9559eb883de1e7166e03a315f7', class: "dda-text-center gap-xl " }, h("h5", { key: '910f6376c151618640ba0f5254362b6a73c31da6', class: "h5 Regular" }, this.team_member_name), h("p", { key: '8b7e50a6bff58ce2c2d117dd499d78533ba64734', class: "body Regular dda-team-member-card-position" }, this.team_member_position), h("slot", { key: 'fcd40481949e024d882238ea194ccc99df6dc46b' })))));
-    }
-    static get style() { return DdaTeamMemberCardStyle0; }
-}, [4, "dda-team-member-card", {
-        "image_src": [1],
-        "image_alt": [1],
-        "team_member_name": [1],
-        "team_member_position": [1],
-        "design": [1],
-        "custom_class": [1],
-        "component_mode": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dda-team-member-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dda-team-member-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DdaTeamMemberCard$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DdaTeamMemberCard = DdaTeamMemberCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DdaTeamMemberCard, defineCustomElement };
-
-//# sourceMappingURL=dda-team-member-card.js.map

package/dist/components/dda-team-member-card.js.map

@@ -1 +0,0 @@
-{"file":"dda-team-member-card.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,63BAA63B,CAAC;AAC35B,gCAAe,oBAAoB;;MCMtBA,mBAAiB;IAL9B;;;QAWU,iBAAY,GAAY,EAAE,CAAC;KAwBpC;IArBC,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,+BAA+B;YAC/B,IAAI,CAAC,MAAM,GAAG,wBAAwB,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;YACxD,IAAI,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;YAC/C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,SAAS,IACnB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,GAAG,EACnF,4DAAK,KAAK,EAAC,yBAAyB,IAClC,2DAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,gBAAgB,CAAM,EACnD,0DAAG,KAAK,EAAC,4CAA4C,IAAE,IAAI,CAAC,oBAAoB,CAAK,EACrF,8DAAa,CACT,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaTeamMemberCard"],"sources":["src/components/cards/dda-team-member-card/dda-team-member-card.css?tag=dda-team-member-card","src/components/cards/dda-team-member-card/dda-team-member-card.tsx"],"sourcesContent":[".dda-team-member-card{\r\n  padding: 24px 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.dda-team-member-card-header{\r\n  display: flex;\r\n}\r\n.dda-team-member-card-header svg path{\r\n  fill: var(--dda-on-surface-0);\r\n}\r\n.light-mode .dda-team-member-card-header svg path{\r\n  fill: var(--dda-neutral-0);\r\n}\r\n.dda-team-member-card-image {\r\n  display: block;\r\n  margin: 0 auto;\r\n  width: 93px;\r\n  height: 93px;\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n\r\n.dda-team-member-card-position {\r\n  color: #666;\r\n}\r\n\r\n.dda-team-member-card-body{\r\n  display: flex;\r\n}\r\n.dda-team-member-card.dda-team-member-card-blue{\r\n  background: var(--dda-neutral-variant-92);\r\n}\r\n\r\n.dda-team-member-card-blue .dda-team-member-card-header i,\r\n.dda-team-member-card-blue .card-balance-label,\r\n.dda-team-member-card-blue .card-balance,\r\n.dda-team-member-card-blue .dda-card-name,\r\n.dda-team-member-card-blue .dda-card-number{\r\n  color: var(--dda-neutral-100);\r\n}\r\n.dda-team-member-card-blue .dda-team-member-card-header svg path{\r\n  fill: var(--dda-neutral-100);\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-team-member-card',\r\n  styleUrls: ['dda-team-member-card.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTeamMemberCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() team_member_name: string;\r\n  @Prop() team_member_position: string;\r\n  @Prop() design: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-team-member-card dda-card',\r\n      this.design ? `dda-team-member-card-${this.design}` : '',\r\n      this.custom_class ? `${this.custom_class}` : \"\",\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <img class=\"dda-team-member-card-image\" src={this.image_src} alt={this.image_alt}/>\r\n          <div class=\"dda-text-center gap-xl \">\r\n            <h5 class=\"h5 Regular\">{this.team_member_name}</h5>\r\n            <p class=\"body Regular dda-team-member-card-position\">{this.team_member_position}</p>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/dda-teamsection-card.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DdaTeamsectionCard extends Components.DdaTeamsectionCard, HTMLElement {}
-export const DdaTeamsectionCard: {
-    prototype: DdaTeamsectionCard;
-    new (): DdaTeamsectionCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dda-teamsection-card.js

@@ -1,119 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-f6588843.js';
-
-const DdaImageCard = /*@__PURE__*/ proxyCustomElement(class DdaImageCard extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.navigatorClick = createEvent(this, "navigatorClick", 7);
-        this.custom_class = '';
-        this.card_type = 'variant-one';
-        this.useNavigator = 'false';
-        this.social_icons = [];
-        this.parsedSocialIcons = [];
-    }
-    parseSocialIcons(newVal) {
-        if (typeof newVal === 'string') {
-            try {
-                this.parsedSocialIcons = JSON.parse(newVal);
-            }
-            catch (e) {
-                this.parsedSocialIcons = [];
-                console.warn('Failed to parse social_icons JSON string', e);
-            }
-        }
-        else if (Array.isArray(newVal)) {
-            this.parsedSocialIcons = newVal;
-        }
-        else {
-            this.parsedSocialIcons = [];
-        }
-    }
-    componentWillLoad() {
-        this.parseSocialIcons(this.social_icons);
-    }
-    renderCards() {
-        var _a, _b;
-        switch (this.card_type) {
-            case 'variant-one':
-                return (
-                // <div class={`${this.component_mode}`}>
-                //   {this.image_src && <img src={this.image_src} alt={this.header_text || 'Team member'} />}
-                //   {this.header_text && (
-                //     <div class="dda-p-3 teamsection-type-one-body">
-                //       <div class="teamsection-type-one-content">
-                //         <h5 class="h5 Regular">{this.header_text}</h5>
-                //         {this.body_text && (
-                //           <p class="body-text body Regular">{this.body_text}</p>
-                //         )}
-                //       </div>
-                //     </div>
-                //   )}
-                // </div>
-                h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && (h("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 && (h("div", { class: "dda-p-3 teamsection-type-one-body" }, h("div", { class: "teamsection-type-one-content" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))))));
-            case 'variant-two':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' }), this.header_text && (h("div", { class: "dda-pt-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
-            case 'variant-three':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' }), this.header_text && (h("div", { class: "dda-pt-3 dda-mb-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))), ((_a = this.parsedSocialIcons) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", {
-                    // href={item.SocialLink}
-                    href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : ''), title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', target: "_blank", rel: "noopener noreferrer", "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link'
-                }, item.SocialIconSrc && h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || '', class: "social-icon" }), item.SocialIconText && h("span", { class: "visually-hidden" }, item.SocialIconText)))))))));
-            case 'variant-four':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, h("div", { class: "dda-row no-gutters" }, h("div", { class: "dda-col-sm-4 dda-p-0" }, h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), h("div", { class: "dda-col-sm-8" }, h("div", { class: "dda-h-100 dda-d-flex dda-align-items-center" }, h("div", { class: "dda-teamsection-variant-four-body dda-py-4 dda-d-flex dda-flex-column dda-gap-4" }, h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.profession && (h("p", { class: "body Regular dda-color-primary", "aria-label": "Profession" }, this.profession))), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text), ((_b = this.parsedSocialIcons) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", {
-                    // href={item.SocialLink}
-                    href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : ''), title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link', target: "_blank", rel: "noopener noreferrer"
-                }, item.SocialIconSrc && h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || 'Social media icon' }), item.SocialIconText && h("span", { class: "visually-hidden" }, item.SocialIconText)))))))))))));
-            case 'variant-five':
-                return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-five-body" }, h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))))));
-            case 'variant-six':
-                return (h("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 && h("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 && (h("div", { class: "dda-col" }, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
-            case 'variant-seven':
-                return (h("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 && h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
-            case 'variant-eight':
-                return (h("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 && h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)), this.body_text_two && h("p", { class: "body-text body Regular" }, this.body_text_two)));
-            // Add 'full' case if needed later.
-        }
-    }
-    render() {
-        const cardClass = ['dda-teamsection-card', this.custom_class].filter(Boolean).join(' ');
-        return (h(Host, { key: '8b488d09f7fba53c774d3a9bfcbbcd8c6918db6d' }, h("div", { key: '39ba24cee0ae235671e072d4b73cde22e7dbe905', class: cardClass }, this.renderCards())));
-    }
-    static get watchers() { return {
-        "social_icons": ["parseSocialIcons"]
-    }; }
-}, [0, "dda-teamsection-card", {
-        "image_src": [1],
-        "header_text": [1],
-        "profession": [1],
-        "body_text": [1],
-        "body_text_two": [1],
-        "sajin": [1],
-        "custom_class": [1],
-        "component_mode": [1],
-        "card_type": [1],
-        "useNavigator": [1, "use-navigator"],
-        "social_icons": [8],
-        "parsedSocialIcons": [32]
-    }, undefined, {
-        "social_icons": ["parseSocialIcons"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dda-teamsection-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dda-teamsection-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DdaImageCard);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DdaTeamsectionCard = DdaImageCard;
-const defineCustomElement = defineCustomElement$1;
-
-export { DdaTeamsectionCard, defineCustomElement };
-
-//# sourceMappingURL=dda-teamsection-card.js.map

package/dist/components/dda-teamsection-card.js.map

@@ -1 +0,0 @@
-{"file":"dda-teamsection-card.js","mappings":"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","names":[],"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"],"version":3}