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

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

@@ -1 +0,0 @@
-{"version":3,"names":["ddaSliderCss","DdaSliderStyle0","DDASlider","constructor","hostRef","this","slides","interval","autoplay","currentSlide","isPaused","videoElements","playIcon","pauseIcon","svgIndicators","inactive","active","isVideo","prevSlide","goToSlide","nextSlide","handleIndicatorClick","index","togglePlayPause","event","stopPropagation","currentSlideType","_a","type","currentVideo","pause","playPromise","play","undefined","catch","error","console","createPlayButtonOverlay","resetTimer","activeIndicator","el","shadowRoot","querySelector","svgContainer","innerHTML","startTimer","componentDidLoad","setTimeout","forEach","slide","videoEl","addEventListener","warn","disconnectedCallback","video","removeEventListener","watchCurrentSlide","handleVideoPlayback","readyState","currentTime","indexOf","once","videoElement","overlay","document","createElement","className","videoContainer","parentElement","style","position","appendChild","then","remove","requestAnimationFrame","timerCircle","transition","strokeDashoffset","getBoundingClientRect","slideInterval","window","setInterval","clearInterval","timerCircles","querySelectorAll","circle","length","render","h","key","class","map","src","url","alt","controls","playsInline","preload","muted","onClick"],"sources":["src/components/dda-slider/dda-slider.css?tag=dda-slider&encapsulation=shadow","src/components/dda-slider/dda-slider.tsx"],"sourcesContent":[".dda-slider-container {\r\n  position: relative;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n}\r\n\r\n.dda-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 450px;\r\n}\r\n\r\n.dda-slide {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  /* transition: opacity 0.5s ease-in-out; */\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.dda-slide.active {\r\n  opacity: 1;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-slide video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.dda-video-play-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  z-index: 5;\r\n  background-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.dda-video-play-overlay svg {\r\n  width: 64px;\r\n  height: 64px;\r\n  /* transition: transform 0.3s ease; */\r\n}\r\n\r\n.dda-video-play-overlay:hover svg {\r\n  transform: scale(1.2);\r\n}\r\n\r\n.dda-slider-controls-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  padding: 15px;\r\n}\r\n\r\n.dda-slider-prev, .dda-slider-next {\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n  color: black;\r\n  padding: 10px 15px;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  /* transition: background-color 0.3s; */\r\n  z-index: 2;\r\n}\r\n\r\n.dda-slider-prev:hover, .dda-slider-next:hover {\r\n  background-color: rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.dda-slider-indicator-container {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator {\r\n  width: 24px;\r\n  height: 24px;\r\n  margin: 0 5px;\r\n  cursor: pointer;\r\n  /* transition: all 0.3s; */\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.dda-slider-indicator svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  display: block;\r\n}\r\n\r\n.dda-slider-timer-circle {\r\n  stroke-dasharray: 63;\r\n  stroke-dashoffset: 63;\r\n  /* transition: none; */\r\n}\r\n\r\n.dda-slider-play-icon, .dda-slider-pause-icon {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.dda-slider-play-pause-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-slide {\r\n    transition: opacity 0.5s ease-in-out;\r\n  }\r\n  .dda-video-play-overlay svg {\r\n  transition: transform 0.3s ease;\r\n  }\r\n  .dda-slider-prev, .dda-slider-next {\r\n    transition: background-color 0.3s;\r\n  }\r\n  .dda-slider-indicator {\r\n    transition: all 0.3s;\r\n  }\r\n  .dda-slider-timer-circle {\r\n    transition: none;\r\n  }\r\n}","import { Component, Prop, h, State, Watch, Element } from '@stencil/core';\r\n\r\nexport interface SlideData {\r\n  url: string;\r\n  type: 'image' | 'video';\r\n}\r\n\r\n@Component({\r\n  tag: 'dda-slider',\r\n  styleUrl: 'dda-slider.css',\r\n  shadow: true\r\n})\r\nexport class DDASlider {\r\n  @Element() el: HTMLElement;\r\n  @Prop() slides: SlideData[] = [];\r\n  @Prop() interval: number = 5000;\r\n  @Prop() autoplay: boolean = true;\r\n  @State() currentSlide: number = 0;\r\n  @State() isPaused: boolean = false;\r\n  \r\n  private slideInterval: number;\r\n  private videoElements: HTMLVideoElement[] = [];\r\n  \r\n  private playIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"play-icon\">\r\n    <polygon points=\"10,8 16,12 10,16\" fill=\"white\" stroke=\"white\" stroke-width=\"1\"/>\r\n  </svg>`;\r\n  \r\n  private pauseIcon = `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"pause-icon\">\r\n    <rect x=\"9\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n    <rect x=\"13\" y=\"8\" width=\"2\" height=\"8\" fill=\"white\" stroke=\"white\" stroke-width=\"0\"/>\r\n  </svg>`;\r\n  \r\n  private svgIndicators = {\r\n    inactive: `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"2\"/>\r\n    </svg>`,\r\n    active: (isPaused: boolean, isVideo: boolean) => `<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"#ccc\" stroke=\"#ccc\" stroke-width=\"4\"/>\r\n      ${!isVideo ? `<circle cx=\"12\" cy=\"12\" r=\"10\" class=\"dda-slider-timer-circle\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" \r\n              stroke-dasharray=\"63\" stroke-dashoffset=\"63\" transform=\"rotate(-90 12 12)\"/>` : ''}\r\n      ${isPaused ? this.playIcon : this.pauseIcon}\r\n    </svg>`\r\n  }; \r\n  \r\n  componentDidLoad() {\r\n    setTimeout(() => {\r\n      this.slides.forEach((slide, index) => {\r\n        if (slide.type === 'video') {\r\n          const videoEl = this.el.shadowRoot.querySelector(`.dda-slide[data-index=\"${index}\"] video`) as HTMLVideoElement;\r\n          if (videoEl) {\r\n            this.videoElements[index] = videoEl;\r\n            \r\n            videoEl.addEventListener('ended', () => {\r\n              if (this.currentSlide === index) {\r\n                this.nextSlide();\r\n              }\r\n            });\r\n          }\r\n        }\r\n      });\r\n      \r\n      if (this.slides[this.currentSlide]?.type === 'video') {\r\n        const currentVideo = this.videoElements[this.currentSlide];\r\n        if (currentVideo && !this.isPaused) {\r\n          currentVideo.play()\r\n            .catch(error => console.warn('Initial video play failed, may need user interaction:', error));\r\n        }\r\n      }\r\n      \r\n      if (this.autoplay && !this.isPaused) {\r\n        this.startTimer();\r\n      }\r\n    }, 100);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resetTimer();\r\n    \r\n    this.videoElements.forEach(video => {\r\n      if (video) {\r\n        video.removeEventListener('ended', this.nextSlide);\r\n      }\r\n    });\r\n  }\r\n  \r\n  @Watch('currentSlide')\r\n  watchCurrentSlide() {\r\n    this.handleVideoPlayback();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type || 'image';\r\n    if (this.autoplay && !this.isPaused && currentSlideType === 'image') {\r\n      setTimeout(() => {\r\n        this.resetTimer();\r\n        this.startTimer();\r\n      }, 50);\r\n    }\r\n  }\r\n  \r\n  private handleVideoPlayback() {\r\n    this.videoElements.forEach(videoEl => {\r\n      if (videoEl) {\r\n        videoEl.pause();\r\n      }\r\n    });\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video' && !this.isPaused) {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (currentVideo.readyState >= 2) {\r\n          currentVideo.currentTime = 0;\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error playing video:', error);\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        } else {\r\n          currentVideo.addEventListener('canplay', () => {\r\n            if (this.currentSlide === this.slides.indexOf(this.slides[this.currentSlide]) && !this.isPaused) {\r\n              currentVideo.play().catch(error => console.error('Error playing video on canplay:', error));\r\n            }\r\n          }, { once: true });\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n  private createPlayButtonOverlay(videoElement: HTMLVideoElement) {\r\n    const overlay = document.createElement('div');\r\n    overlay.className = 'dda-video-play-overlay';\r\n    overlay.innerHTML = `\r\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"rgba(0,0,0,0.5)\" />\r\n        <polygon points=\"10,8 16,12 10,16\" fill=\"white\" />\r\n      </svg>\r\n    `;\r\n    \r\n    const videoContainer = videoElement.parentElement;\r\n    if (videoContainer) {\r\n      videoContainer.style.position = 'relative';\r\n      videoContainer.appendChild(overlay);\r\n      \r\n      overlay.addEventListener('click', () => {\r\n        videoElement.play()\r\n          .then(() => {\r\n            overlay.remove();\r\n          })\r\n          .catch(error => console.error('Play from overlay failed:', error));\r\n      });\r\n    }\r\n  }\r\n  \r\n  private startTimer() {\r\n    if (this.isPaused) return;\r\n    this.resetTimer();\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') return;\r\n    \r\n    requestAnimationFrame(() => {\r\n      const timerCircle = this.el.shadowRoot.querySelector('.dda-slider-indicator.active .dda-slider-timer-circle') as SVGCircleElement;\r\n      \r\n      if (timerCircle) {\r\n        timerCircle.style.transition = 'none';\r\n        timerCircle.style.strokeDashoffset = '63';\r\n        \r\n        void timerCircle.getBoundingClientRect();\r\n        \r\n        setTimeout(() => {\r\n          if (!this.isPaused) {\r\n            timerCircle.style.transition = `stroke-dashoffset ${this.interval}ms linear`;\r\n            timerCircle.style.strokeDashoffset = '0';\r\n          }\r\n        }, 20);\r\n      }\r\n    });\r\n    \r\n    this.slideInterval = window.setInterval(() => {\r\n      if (!this.isPaused) {\r\n        this.nextSlide();\r\n      }\r\n    }, this.interval);\r\n  }\r\n  \r\n  private resetTimer() {\r\n    if (this.slideInterval) {\r\n      window.clearInterval(this.slideInterval);\r\n      this.slideInterval = null;\r\n    }\r\n    \r\n    const timerCircles = this.el.shadowRoot.querySelectorAll('.dda-slider-timer-circle');\r\n    timerCircles.forEach(circle => {\r\n      (circle as SVGCircleElement).style.transition = 'none';\r\n      (circle as SVGCircleElement).style.strokeDashoffset = '63';\r\n    });\r\n  }\r\n  \r\n  private goToSlide(index: number) {\r\n    this.currentSlide = index;\r\n    if (this.currentSlide < 0) {\r\n      this.currentSlide = this.slides.length - 1;\r\n    } else if (this.currentSlide >= this.slides.length) {\r\n      this.currentSlide = 0;\r\n    }\r\n  }\r\n  \r\n  private prevSlide = () => {\r\n    this.goToSlide(this.currentSlide - 1);\r\n  }\r\n  \r\n  private nextSlide = () => {\r\n    this.goToSlide(this.currentSlide + 1);\r\n  }\r\n  \r\n  private handleIndicatorClick = (index: number) => {\r\n    this.goToSlide(index);\r\n  }\r\n  \r\n  private togglePlayPause = (event: Event) => {\r\n    event.stopPropagation();\r\n    \r\n    this.isPaused = !this.isPaused;\r\n    \r\n    const currentSlideType = this.slides[this.currentSlide]?.type;\r\n    if (currentSlideType === 'video') {\r\n      const currentVideo = this.videoElements[this.currentSlide];\r\n      if (currentVideo) {\r\n        if (this.isPaused) {\r\n          currentVideo.pause();\r\n        } else {\r\n          const playPromise = currentVideo.play();\r\n          if (playPromise !== undefined) {\r\n            playPromise.catch(error => {\r\n              console.error('Error toggling video play:', error);\r\n              this.isPaused = true;\r\n              this.createPlayButtonOverlay(currentVideo);\r\n            });\r\n          }\r\n        }\r\n      }\r\n    }\r\n    \r\n    if (this.isPaused) {\r\n      this.resetTimer();\r\n      \r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n    } else {\r\n      const activeIndicator = this.el.shadowRoot.querySelector('.dda-slider-indicator.active');\r\n      if (activeIndicator) {\r\n        const svgContainer = activeIndicator.querySelector('div');\r\n        if (svgContainer) {\r\n          svgContainer.innerHTML = this.svgIndicators.active(this.isPaused, currentSlideType === 'video');\r\n        }\r\n      }\r\n      \r\n      if (currentSlideType === 'image') {\r\n        this.startTimer();\r\n      }\r\n    }\r\n  }\r\n  \r\n  render() {\r\n    return (\r\n      <div class=\"dda-slider-container\">\r\n        <div class=\"dda-slider\">\r\n          {this.slides.map((slide, index) => (\r\n            <div class={`dda-slide ${index === this.currentSlide ? 'active' : ''}`} data-index={index}>\r\n              {slide.type === 'image' ? (\r\n                <img src={slide.url} alt={`Slide ${index + 1}`} />\r\n              ) : (\r\n                <video \r\n                  src={slide.url} \r\n                  controls={false}\r\n                  playsInline={true}\r\n                  preload=\"auto\"\r\n                  muted={false}\r\n                />\r\n              )}\r\n            </div>\r\n          ))}\r\n        </div>\r\n        \r\n        <div class=\"dda-slider-controls-container\">\r\n          <button class=\"dda-slider-prev\" onClick={this.prevSlide}>\r\n            &#10094;\r\n          </button>\r\n          \r\n          <div class=\"dda-slider-indicator-container\">\r\n            {this.slides.map((slide, index) => (\r\n              <div \r\n                class={`dda-slider-indicator ${index === this.currentSlide ? 'active' : ''}`}\r\n                onClick={() => this.handleIndicatorClick(index)}\r\n              >\r\n                <div innerHTML={index === this.currentSlide ? \r\n                  this.svgIndicators.active(this.isPaused, slide.type === 'video') : \r\n                  this.svgIndicators.inactive}>\r\n                </div>\r\n                {index === this.currentSlide && \r\n                  <div class=\"dda-slider-play-pause-overlay\" onClick={this.togglePlayPause}></div>\r\n                }\r\n              </div>\r\n            ))}\r\n          </div>\r\n          \r\n          <button class=\"dda-slider-next\" onClick={this.nextSlide}>\r\n            &#10095;\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["DdaLinkButton","constructor","hostRef","this","disabled","start_icon","link_button_text","link_button_title","end_icon","aria_label","button_color","button_shape","icon_button_shape","custom_class","href","target","rel","handleClick","event","preventDefault","stopPropagation","stopImmediatePropagation","ddaLinkClick","emit","clickHandler","render","linkbuttonClass","size","gap","component_mode","filter","Boolean","join","ariaLabel","linkTarget","linkRel","h","Host","key","id","button_id","data_fancybox","title","undefined","class","tabindex","onClick","onKeyDown","style","pointerEvents","cursor"],"sources":["src/components/dda-link-button/dda-link-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-link-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon: string = '';\r\n  @Prop() link_button_text: string = '';\r\n  @Prop() link_button_title: string = '';\r\n  @Prop() end_icon: string = '';\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_color: string = 'primary';\r\n  @Prop() size?: string;\r\n  @Prop() button_shape?: string = '';\r\n  @Prop() icon_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() href?: string = '#';\r\n  @Prop() component_mode?: string; \r\n  @Prop() button_id: string;\r\n  @Prop() target?: string = '';\r\n  @Prop() rel?: string = 'noopener noreferrer';\r\n  @Prop() data_fancybox?: string;\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  // Add event emitter for better integration\r\n  @Event() ddaLinkClick: EventEmitter<MouseEvent>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    // Block all click events when disabled\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      event.stopImmediatePropagation();\r\n      return false;\r\n    }\r\n\r\n    // Emit custom event for parent components\r\n    this.ddaLinkClick.emit(event);\r\n\r\n    // Call custom click handler if provided\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const linkbuttonClass = [\r\n      'dda-btn',\r\n      `btn-color-${this.button_color}`,\r\n      this.size ? `btn-size-${this.size}` : '',\r\n      this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n      this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n      this.gap ? `dda-gap-${this.gap}` : '',\r\n      this.disabled ? 'disabled' : '', // Add disabled class\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    // Generate aria-label if not provided\r\n    const ariaLabel = this.aria_label || this.link_button_text || 'Link button';\r\n\r\n    // Handle target security\r\n    const linkTarget = this.target;\r\n    const linkRel = this.target === '_blank' ? 'noopener noreferrer' : this.rel;\r\n\r\n    return (\r\n      <Host>\r\n        <a\r\n          id={this.button_id}\r\n          target={linkTarget}  \r\n          rel={linkRel}\r\n          data-fancybox={this.data_fancybox}\r\n          title={this.link_button_title}\r\n          href={this.disabled ? undefined : this.href} // Remove href when disabled\r\n          class={linkbuttonClass}\r\n          aria-label={ariaLabel}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          tabindex={this.disabled ? -1 : undefined} // Remove from tab order when disabled\r\n          onClick={this.handleClick}\r\n          onKeyDown={(event) => {\r\n            // Block keyboard navigation when disabled\r\n            if (this.disabled && (event.key === 'Enter' || event.key === ' ')) {\r\n              event.preventDefault();\r\n              event.stopPropagation();\r\n              event.stopImmediatePropagation();\r\n              return false;\r\n            }\r\n          }}\r\n          style={this.disabled ? { pointerEvents: 'none', cursor: 'not-allowed' } : {}}\r\n        >\r\n          {this.start_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.link_button_text}\r\n          {this.end_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </a>\r\n      </Host>\r\n    );\r\n  }\r\n}"],"mappings":"+DAOaA,EAAa,MAL1B,WAAAC,CAAAC,G,qDAMUC,KAAAC,SAAoB,MACpBD,KAAAE,WAAqB,GACrBF,KAAAG,iBAA2B,GAC3BH,KAAAI,kBAA4B,GAC5BJ,KAAAK,SAAmB,GACnBL,KAAAM,WAAsB,GACtBN,KAAAO,aAAuB,UAEvBP,KAAAQ,aAAwB,GACxBR,KAAAS,kBAA6B,GAE7BT,KAAAU,aAAwB,GACxBV,KAAAW,KAAgB,IAGhBX,KAAAY,OAAkB,GAClBZ,KAAAa,IAAe,sBAOfb,KAAAc,YAAeC,IAErB,GAAIf,KAAKC,SAAU,CACjBc,EAAMC,iBACND,EAAME,kBACNF,EAAMG,2BACN,OAAO,K,CAITlB,KAAKmB,aAAaC,KAAKL,GAGvB,GAAIf,KAAKqB,aAAc,CACrBrB,KAAKqB,aAAaN,E,GAItB,MAAAO,GACE,MAAMC,EAAkB,CACtB,UACA,aAAavB,KAAKO,eAClBP,KAAKwB,KAAO,YAAYxB,KAAKwB,OAAS,GACtCxB,KAAKQ,aAAe,aAAaR,KAAKQ,eAAiB,GACvDR,KAAKS,kBAAoB,YAAYT,KAAKS,oBAAsB,GAChET,KAAKyB,IAAM,WAAWzB,KAAKyB,MAAQ,GACnCzB,KAAKC,SAAW,WAAa,GAC7BD,KAAKU,aACLV,KAAK0B,gBACLC,OAAOC,SAASC,KAAK,KAGvB,MAAMC,EAAY9B,KAAKM,YAAcN,KAAKG,kBAAoB,cAG9D,MAAM4B,EAAa/B,KAAKY,OACxB,MAAMoB,EAAUhC,KAAKY,SAAW,SAAW,sBAAwBZ,KAAKa,IAExE,OACEoB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CACEC,GAAIpC,KAAKqC,UACTzB,OAAQmB,EACRlB,IAAKmB,EAAO,gBACGhC,KAAKsC,cACpBC,MAAOvC,KAAKI,kBACZO,KAAMX,KAAKC,SAAWuC,UAAYxC,KAAKW,KACvC8B,MAAOlB,EAAe,aACVO,EAAS,gBACN9B,KAAKC,SAAW,OAASuC,UACxCE,SAAU1C,KAAKC,UAAY,EAAIuC,UAC/BG,QAAS3C,KAAKc,YACd8B,UAAY7B,IAEV,GAAIf,KAAKC,WAAac,EAAMoB,MAAQ,SAAWpB,EAAMoB,MAAQ,KAAM,CACjEpB,EAAMC,iBACND,EAAME,kBACNF,EAAMG,2BACN,OAAO,K,GAGX2B,MAAO7C,KAAKC,SAAW,CAAE6C,cAAe,OAAQC,OAAQ,eAAkB,IAEzE/C,KAAKE,YACJ+B,EAAA,KAAAE,IAAA,2CACEM,MAAM,2CAA0C,cACpC,QAEXzC,KAAKE,YAGTF,KAAKG,iBACLH,KAAKK,UACJ4B,EAAA,KAAAE,IAAA,2CACEM,MAAM,2CAA0C,cACpC,QAEXzC,KAAKK,W","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as a,c as r,h as t,H as d,g as e}from"./p-1b339a0a.js";const i=".dda-breadcrumb{display:inline-flex;align-items:center;list-style:none;padding:0;margin:0}.dda-breadcrumb-item{display:flex;align-items:center}.dda-breadcrumb,.dda-breadcrumb-item{gap:10px}.dda-breadcrumb-item a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:var(--font-caption);gap:4px}.dda-breadcrumb-item a span{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500)}.light-mode .dda-breadcrumb-item a span{color:var(--dda-neutral-0)}.dda-breadcrumb-item i,.dda-breadcrumb-item svg{color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item i,.light-mode .dda-breadcrumb-item svg{color:var(--dda-neutral-variant-30)}:root[dir='rtl'] .dda-breadcrumb-item>i{transform:rotate(180deg)}.dda-breadcrumb-item .separator{margin:0 8px;color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item .separator{color:var(--dda-neutral-variant-30)}.dda-breadcrumb-item.active a span{color:var(--dda-on-surface-variant-30);font-weight:var(--dda-fw-400)}.light-mode .dda-breadcrumb-item.active a span{color:var(--dda-neutral-variant-30)}";const s=i;const c=class{constructor(t){a(this,t);this.navigatorClick=r(this,"navigatorClick",7);this.design="text";this.separator="chevron_right";this.aria_label="";this.custom_class="";this.dataBreadcrumbs="";this.useNavigator="false";this.breadcrumbs=[]}componentWillLoad(){const a=this.el.getAttribute("data-breadcrumbs");if(a){this.breadcrumbs=JSON.parse(a)}}render(){return t(d,{key:"4cf53dd9f6d34c360a7915785b197aa2b16fb300"},t("div",{key:"fe8d24e4289a9957f94cd482a0516015a0a6dd5d",class:this.component_mode},t("nav",{key:"0fa89857a63016fb9dc700aec9d1de84e90c157d","aria-label":this.aria_label,class:`${this.custom_class}`},t("ol",{key:"adc2b223eb03a4f270406360ec402028b482d99e",class:"dda-breadcrumb"},this.breadcrumbs&&this.breadcrumbs.map(((a,r)=>t("li",{class:`dda-breadcrumb-item ${r===this.breadcrumbs.length-1?"active":""}`},t("a",{href:this.useNavigator=="true"?"javascript:void(0)":a.url,onClick:()=>this.useNavigator=="true"?this.navigatorClick.emit(a.url):""},this.design!=="text"&&t("i",{class:`material-icons`,"aria-hidden":"true"},a.icon),this.design!=="icon"&&t("span",null,a.text)),r<this.breadcrumbs.length-1&&t("i",{class:`material-icons material-symbols-outlined`,"aria-hidden":"true"},this.separator))))))))}get el(){return e(this)}};c.style=s;export{c as dda_breadcrumb};
-//# sourceMappingURL=p-d7434fd9.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["ddaBreadcrumbCss","DdaBreadcrumbStyle0","DdaBreadcrumb","constructor","hostRef","this","design","separator","aria_label","custom_class","dataBreadcrumbs","useNavigator","breadcrumbs","componentWillLoad","breadcrumbsData","el","getAttribute","JSON","parse","render","h","Host","key","class","component_mode","map","crumb","index","length","href","url","onClick","navigatorClick","emit","icon","text"],"sources":["src/components/dda-breadcrumb/dda-breadcrumb.css?tag=dda-breadcrumb","src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"sourcesContent":[".dda-breadcrumb {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.dda-breadcrumb-item {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-breadcrumb,\r\n.dda-breadcrumb-item{\r\n  gap: 10px;\r\n}\r\n\r\n.dda-breadcrumb-item a {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-decoration: none;\r\n  font-size: var(--font-caption);\r\n  gap: 4px;\r\n}\r\n.dda-breadcrumb-item a span{\r\n  color: var(--dda-on-surface-0);\r\n  font-weight: var(--dda-fw-500);\r\n}\r\n.light-mode .dda-breadcrumb-item a span{\r\n  color: var(--dda-neutral-0);\r\n}\r\n/**/\r\n.dda-breadcrumb-item i,\r\n.dda-breadcrumb-item svg {\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item i,\r\n.light-mode .dda-breadcrumb-item svg {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n:root[dir='rtl'] .dda-breadcrumb-item > i{\r\n  transform: rotate(180deg);\r\n}\r\n/**/\r\n.dda-breadcrumb-item .separator {\r\n  margin: 0 8px;\r\n  color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item .separator {\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n/**/\r\n.dda-breadcrumb-item.active a span{\r\n  color: var(--dda-on-surface-variant-30);\r\n  font-weight: var(--dda-fw-400);\r\n}\r\n.light-mode .dda-breadcrumb-item.active a span{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n","import { Component, Prop, h, Host, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-breadcrumb',\r\n  styleUrls: ['dda-breadcrumb.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n  @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n  @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() dataBreadcrumbs: string = '';\r\n  @Element() el: HTMLElement;\r\n\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n  breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n    if (breadcrumbsData) {\r\n      this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={this.component_mode}>\r\n          <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n            <ol class=\"dda-breadcrumb\">\r\n              {this.breadcrumbs &&\r\n                this.breadcrumbs.map((crumb, index) => (\r\n                  <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n                    <a\r\n                    //  href={crumb.url}\r\n                      href={this.useNavigator == \"true\" ? 'javascript:void(0)' : crumb.url}\r\n                      onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(crumb.url) : \"\"}                            \r\n                     >\r\n                      {this.design !== 'text' && (\r\n                        <i class={`material-icons`} aria-hidden=\"true\">\r\n                          {crumb.icon}\r\n                        </i>\r\n                      )}\r\n                      {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n                    </a>\r\n                    {index < this.breadcrumbs.length - 1 && (\r\n                      <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">\r\n                        {this.separator}\r\n                      </i>\r\n                    )}\r\n                  </li>\r\n                ))}\r\n            </ol>\r\n          </nav>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAmB,ukCACzB,MAAAC,EAAeD,E,MCMFE,EAAa,MAL1B,WAAAC,CAAAC,G,yDAMUC,KAAAC,OAAwC,OACxCD,KAAAE,UAA4C,gBAC5CF,KAAAG,WAAsB,GACtBH,KAAAI,aAAwB,GAExBJ,KAAAK,gBAA0B,GAI1BL,KAAAM,aAAiC,QAEzCN,KAAAO,YAA6D,E,CAE7D,iBAAAC,GACE,MAAMC,EAAkBT,KAAKU,GAAGC,aAAa,oBAC7C,GAAIF,EAAiB,CACnBT,KAAKO,YAAcK,KAAKC,MAAMJ,E,EAIlC,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOlB,KAAKmB,gBACfJ,EAAA,OAAAE,IAAA,wDAAiBjB,KAAKG,WAAYe,MAAO,GAAGlB,KAAKI,gBAC/CW,EAAA,MAAAE,IAAA,2CAAIC,MAAM,kBACPlB,KAAKO,aACJP,KAAKO,YAAYa,KAAI,CAACC,EAAOC,IAC3BP,EAAA,MAAIG,MAAO,uBAAuBI,IAAUtB,KAAKO,YAAYgB,OAAS,EAAI,SAAW,MACnFR,EAAA,KAEES,KAAMxB,KAAKM,cAAgB,OAAS,qBAAuBe,EAAMI,IACjEC,QAAS,IAAM1B,KAAKM,cAAgB,OAASN,KAAK2B,eAAeC,KAAKP,EAAMI,KAAO,IAElFzB,KAAKC,SAAW,QACfc,EAAA,KAAGG,MAAO,iBAAgB,cAAc,QACrCG,EAAMQ,MAGV7B,KAAKC,SAAW,QAAUc,EAAA,YAAOM,EAAMS,OAEzCR,EAAQtB,KAAKO,YAAYgB,OAAS,GACjCR,EAAA,KAAGG,MAAO,2CAA0C,cAAc,QAC/DlB,KAAKE,iB","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as e,g as i}from"./p-1b339a0a.js";const d=class{constructor(s){t(this,s);this.selected_currency="USD";this.is_focused=false;this.custom_class="";this.isCurrencyDropdownOpen=false;this.handleOutsideClick=t=>{if(!this.hostElement.contains(t.target)){this.isCurrencyDropdownOpen=false}}}connectedCallback(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}handleInput(t){const s=t.target;const e=s.value.replace(/[^0-9.]/g,"");s.value=e;this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true,data:t.data,inputType:t.inputType,isComposing:t.isComposing}))}handleFocus(){this.is_focused=true}handleBlur(){this.is_focused=false}toggleCurrencyDropdown(){this.isCurrencyDropdownOpen=!this.isCurrencyDropdownOpen;this.handleFocus();this.handleBlur()}selectCurrency(t){this.selected_currency=t;this.isCurrencyDropdownOpen=false}get parsedCurrencies(){try{return JSON.parse(this.currencies)}catch(t){return[]}}async setValue(t){this.value=t}async getValue(){return this.value||""}render(){const t=["dda-input-container",this.validation_type?`dda-validation-${this.validation_type}`:"",this.size?`dda-input-size-${this.size}`:"",this.input_status?`dda-input-${this.input_status}`:"",this.is_focused?"dda-input-focus":"",this.error_message?"dda-error-message":"",this.custom_class?`${this.custom_class}`:"",this.component_mode].filter(Boolean).join(" ");return s(e,{key:"91def39d4869053ffb52d63279a504c0fd7e03e1",ref:t=>this.hostElement=t},s("div",{key:"bf83501237b86db00c05fb71d18f2a3d9cd13e11",class:t},this.label&&s("label",{key:"b6ca1e8a6bc9ad27292f7fb8f94d86fddc6d29d6",htmlFor:this.input_id,class:"dda-input-label"},this.label),s("div",{key:"f6b5193b6bf159272e7d20d375820698ea3f5a60",class:"dda-input-field-group dda-number-field"},s("input",{key:"d9369bd8021d0bf6af8870530d47718211e8360f",id:this.input_id,name:this.input_name,"aria-label":this.aria_label,type:"number",placeholder:this.placeholder,value:this.value,pattern:"[0-9]*",onInput:t=>this.handleInput(t),onFocus:this.handleFocus.bind(this),onBlur:this.handleBlur.bind(this),class:"dda-field-group-input"}),s("div",{key:"4dc2a7224754217edf78619ac40399c21634556d",class:"dda-input-dropdown-btn"},s("button",{key:"76047ef680f600fb74803e815669eba9a6dbb21e",name:this.toggle_button_name,type:"button",class:"dda-dropdown-select",onClick:()=>this.toggleCurrencyDropdown()},this.selected_currency," ",s("i",{key:"87017c99cb3515c7122148ede366f083599abbc3",class:`material-icons`,"aria-hidden":"true"},this.isCurrencyDropdownOpen?"keyboard_arrow_up":"keyboard_arrow_down")),this.isCurrencyDropdownOpen&&s("div",{key:"0847ebded3099fcf48ac0e0a337480446f6cd255",class:"dda-input-dropdown-list"},this.parsedCurrencies.length>0?this.parsedCurrencies.map((t=>s("button",{name:this.currency_button_name,type:"button",class:`dda-input-dropdown-item ${this.selected_currency===t?"selected":""}`,onClick:()=>this.selectCurrency(t)},t))):s("div",{class:"dda-input-dropdown-item"},"No options available")))),this.helper_text&&s("span",{key:"c77a72d290e9b157bebf52e4ea0293f723c2ff3d",class:"dda-helper-text"},this.helper_text),this.error_message&&s("span",{key:"52a3c41a8907b557bb26b207ee57822e56559d99",class:"dda-error-message"},this.error_message)))}get el(){return i(this)}};export{d as dda_number_field};
-//# sourceMappingURL=p-d93f2102.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DdaNumberField","constructor","hostRef","this","selected_currency","is_focused","custom_class","isCurrencyDropdownOpen","handleOutsideClick","event","hostElement","contains","target","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","handleInput","inputElement","inputValue","value","replace","el","dispatchEvent","InputEvent","bubbles","composed","data","inputType","isComposing","handleFocus","handleBlur","toggleCurrencyDropdown","selectCurrency","currency","parsedCurrencies","JSON","parse","currencies","_a","setValue","val","getValue","render","containerClass","validation_type","size","input_status","error_message","component_mode","filter","Boolean","join","h","Host","key","ref","class","label","htmlFor","input_id","id","name","input_name","aria_label","type","placeholder","pattern","onInput","onFocus","bind","onBlur","toggle_button_name","onClick","length","map","option","currency_button_name","helper_text"],"sources":["src/components/dda-number-field/dda-number-field.tsx"],"sourcesContent":["import { Component, Prop, State, h, Host, Element, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-number-field',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaNumberField {\r\n  @Prop() placeholder: string;\r\n  @Prop() label: string;\r\n  @Prop() value: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() size?: string;\r\n  @Prop() input_status?: string; // JSON string of currency options\r\n  @Prop() currencies: string;\r\n  @Prop() selected_currency: string = 'USD';\r\n  @State() is_focused: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() input_id: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() toggle_button_name?: string;\r\n  @Prop() currency_button_name?: string;\r\n\r\n  @State() isCurrencyDropdownOpen: boolean = false;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private hostElement!: HTMLElement;\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  handleOutsideClick = (event: MouseEvent) => {\r\n    if (!this.hostElement.contains(event.target as Node)) {\r\n      this.isCurrencyDropdownOpen = false;\r\n    }\r\n  };\r\n\r\n  handleInput(event) {\r\n    const inputElement = event.target as HTMLInputElement;\r\n    const inputValue = inputElement.value.replace(/[^0-9.]/g, '');\r\n    inputElement.value = inputValue;\r\n    this.el.dispatchEvent(\r\n      new InputEvent('input', {\r\n        bubbles: true,\r\n        composed: true,\r\n        data: event.data,\r\n        inputType: event.inputType,\r\n        isComposing: event.isComposing,\r\n      }),\r\n    );\r\n  }\r\n\r\n  handleFocus() {\r\n    this.is_focused = true;\r\n  }\r\n\r\n  handleBlur() {\r\n    this.is_focused = false;\r\n  }\r\n\r\n  toggleCurrencyDropdown() {\r\n    this.isCurrencyDropdownOpen = !this.isCurrencyDropdownOpen;\r\n    this.handleFocus();\r\n    this.handleBlur();\r\n  }\r\n\r\n  selectCurrency(currency: string) {\r\n    this.selected_currency = currency;\r\n    this.isCurrencyDropdownOpen = false;\r\n  }\r\n\r\n  private get parsedCurrencies(): string[] {\r\n    try {\r\n      return JSON.parse(this.currencies);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.value = val;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.value || '';\r\n  }\r\n\r\n  render() {\r\n    const containerClass = [\r\n      'dda-input-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-input-size-${this.size}` : '',\r\n      this.input_status ? `dda-input-${this.input_status}` : '',\r\n      this.is_focused ? 'dda-input-focus' : '',\r\n      this.error_message ? 'dda-error-message' : '',\r\n      this.custom_class ? `${this.custom_class}` : '',\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host ref={el => (this.hostElement = el as HTMLElement)}>\r\n        <div class={containerClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-input-field-group dda-number-field\">\r\n            <input\r\n              id={this.input_id}\r\n              name={this.input_name}\r\n              aria-label={this.aria_label}\r\n              type=\"number\"\r\n              placeholder={this.placeholder}\r\n              value={this.value}\r\n              pattern={'[0-9]*'}\r\n              onInput={event => this.handleInput(event)}\r\n              onFocus={this.handleFocus.bind(this)}\r\n              onBlur={this.handleBlur.bind(this)}\r\n              class=\"dda-field-group-input\"\r\n            />\r\n            <div class=\"dda-input-dropdown-btn\">\r\n              <button name={this.toggle_button_name} type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleCurrencyDropdown()}>\r\n                {this.selected_currency}{' '}\r\n                <i class={`material-icons`} aria-hidden=\"true\">\r\n                  {this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n                </i>\r\n              </button>\r\n              {this.isCurrencyDropdownOpen && (\r\n                <div class=\"dda-input-dropdown-list\">\r\n                  {this.parsedCurrencies.length > 0 ? (\r\n                    this.parsedCurrencies.map(option => (\r\n                      <button\r\n                        name={this.currency_button_name}\r\n                        type=\"button\"\r\n                        class={`dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`}\r\n                        onClick={() => this.selectCurrency(option)}\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            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as i,g as t}from"./p-1b339a0a.js";const d=".dda-home-banner{width:100%;height:calc(100vh);background-color:black;position:relative;overflow:hidden;display:block}.dda-home-banner .dda-home-slides .dda-home-banner-slide::before{content:'';width:100%;height:80%;position:absolute;bottom:0;background:rgb(0, 0, 0);background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}.dda-home-slides{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;}.dda-home-banner .dda-home-slides img,.dda-home-banner .dda-home-slides video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.dda-home-banner .dda-home-slides .dda-home-banner-slide{position:relative;width:100vw;height:100vh}.dda-home-banner .dda-home-slides .dda-home-banner-slide{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;z-index:0;box-sizing:border-box}.dda-home-banner .dda-home-slides .dda-home-banner-slide.active{opacity:1;pointer-events:auto;z-index:1}.dda-home-banner-slider-nav{width:100%;text-align:center;position:absolute;bottom:279px;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:30px;z-index:3}.dda-home-banner-slider-nav .dda-home-banner-slider-nav-content{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;gap:15px}.dda-home-banner-slider-nav .dda-home-banner-prev,.dda-home-banner-slider-nav .dda-home-banner-next,.dda-home-banner-slider-nav .dda-home-banner-Pause{height:28px;width:28px;padding:0;margin:0;border:0;background:none;display:flex;align-items:center;justify-content:center;color:#ffffff;background:rgba(0, 0, 0, 0);border-radius:50%;font-size:25px;}.dda-home-banner-slider-nav .dda-home-banner-prev:hover,.dda-home-banner-slider-nav .dda-home-banner-next:hover{background:rgba(0, 0, 0, 0.15)}.dda-home-banner-slider-nav .dda-home-banner-Pause span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:relative}.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.main-circle{width:30px;height:30px}.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-play-icon{width:10px;height:10px;position:absolute;top:9px;left:9px}.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-pause-icon{width:9px;height:9px;position:absolute;top:9px;left:9px}.dda-home-banner-slider-nav ul{display:flex;align-items:center;gap:15px}.dda-home-banner-slider-nav .dots{display:block;width:10px;height:10px;background:rgba(256,256,256,0.2);overflow:hidden;text-indent:-100px;margin:0;padding:0;border:0px;border-radius:20px;cursor:pointer;}.dda-home-banner-slider-nav .dots.active{background:rgba(256,256,256,0.85)}[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-next i.material-icons{transform:rotate(180deg)}[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-prev i.material-icons{transform:rotate(-180deg)}.dda-home-banner .dda-slide-contant-wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:center}.dda-home-banner .dda-slide-contant{width:90vw;margin:0 auto;padding:0 20px;position:relative;z-index:1}.dda-home-banner .dda-slide-contant h2{font-size:var(--dda-fs-display-sm);color:#fff;font-weight:var(--dda-fw-700)}.dda-home-banner .dda-slide-contant p{font-size:var(--dda-fs-headline-sm);color:#fff;font-weight:var(--dda-fw-300)}.material-symbols-outlined{font-variation-settings:'FILL' 1,\r\n  'wght' 400,\r\n  'GRAD' 0,\r\n  'opsz' 24}@media (max-width: 1024px){.dda-home-banner{height:calc(100vh)}.dda-home-banner .dda-slide-contant{width:100vw}.dda-home-banner-slider-nav{bottom:300px}.dda-mouse-scroll,.dda-home-banner-prev,.dda-home-banner-Pause,.dda-home-banner-next{display:none !important}.dda-home-banner .dda-slide-contant-wrap{display:inherit;height:auto;position:absolute;bottom:350px}}@media (prefers-reduced-motion: no-preference){.dda-home-slides{transition:all 0.7s ease-in-out}.dda-home-banner .dda-home-slides .dda-home-banner-slide{transition:opacity 1s ease-in-out}.dda-home-banner-slider-nav .dda-home-banner-prev,.dda-home-banner-slider-nav .dda-home-banner-next,.dda-home-banner-slider-nav .dda-home-banner-Pause{transition:all 0.2s linear}.dda-home-banner-slider-nav .dots{transition:all 0.2s linear}.dda-slider-timer-circle{transition:stroke-dashoffset 3s linear}}";const n=d;const s=class{constructor(a){e(this,a);this.autoplay=true;this.interval=3e3;this.currentSlide=0;this.slides=[];this.autoPlayActive=true;this.pausedProgressOffset=0;this.animationFrameId=null}componentDidLoad(){this.updateSlides();const e=this.el.querySelector("slot");e===null||e===void 0?void 0:e.addEventListener("slotchange",(()=>this.updateSlides()));this.autoPlayActive=this.autoplay;this.playVideoInCurrentSlide();this.startAutoplay();this.animateProgress()}disconnectedCallback(){this.stopAutoplay();if(this.animationFrameId){cancelAnimationFrame(this.animationFrameId)}}componentDidRender(){this.slides.forEach(((e,a)=>{e.classList.toggle("active",a===this.currentSlide)}))}updateSlides(){this.slides=Array.from(this.el.querySelectorAll(".dda-home-banner-slide"));if(this.slides.length>0){this.currentSlide=0}}startAutoplay(){this.stopAutoplay();if(this.autoPlayActive){const e=this.slides[this.currentSlide];const a=e===null||e===void 0?void 0:e.querySelector("video");const i=e=>{this.autoPlayInterval=setInterval((()=>{this.nextSlide()}),e);this.animateProgress(1)};if(a){if(a.readyState>=1){i(a.duration*1e3)}else{a.addEventListener("loadedmetadata",(()=>{i(a.duration*1e3)}),{once:true})}}else{i(this.interval)}}}stopAutoplay(){if(this.autoPlayInterval){clearInterval(this.autoPlayInterval);this.autoPlayInterval=null}}toggleAutoplay(){var e;const a=this.el.querySelector(".circle-loader");const i=(e=this.slides[this.currentSlide])===null||e===void 0?void 0:e.querySelector("video");this.autoPlayActive=!this.autoPlayActive;if(this.autoPlayActive){this.startAutoplay();const e=this.pausedProgressOffset;const t=(a===null||a===void 0?void 0:a.getTotalLength())||1;const d=e/t;if(i)i.play();this.animateProgress(d)}else{this.stopAutoplay();if(this.animationFrameId){cancelAnimationFrame(this.animationFrameId);this.animationFrameId=null}if(a){const e=window.getComputedStyle(a);const i=parseFloat(e.strokeDashoffset||"0");this.pausedProgressOffset=i}if(i)i.pause()}}playVideoInCurrentSlide(){this.slides.forEach(((e,a)=>{const i=e.querySelector("video");if(i){if(a===this.currentSlide){i.currentTime=0;i.play()}else{i.pause()}}}))}nextSlide(){this.currentSlide=(this.currentSlide+1)%this.slides.length}prevSlide(){this.currentSlide=(this.currentSlide-1+this.slides.length)%this.slides.length}setSlide(e){this.currentSlide=e}onSlideChanged(){this.animateProgress();this.playVideoInCurrentSlide();this.startAutoplay()}animateProgress(e=1){const a=this.el.querySelector(".circle-loader");if(!a)return;const i=a.getTotalLength();const t=this.slides[this.currentSlide];const d=t===null||t===void 0?void 0:t.querySelector("video");const n=(d&&d.duration?d.duration*1e3:this.interval)*e;const s=performance.now();this.pausedProgressOffset=i*e;a.style.strokeDasharray=`${i}`;a.style.strokeDashoffset=`${this.pausedProgressOffset}`;a.style.transition="none";const o=t=>{const d=t-s;const r=Math.min(d/n,1);const l=i*(1-r)*e;a.style.strokeDashoffset=`${l}`;if(r<1){this.animationFrameId=requestAnimationFrame(o)}};if(this.animationFrameId){cancelAnimationFrame(this.animationFrameId)}this.animationFrameId=requestAnimationFrame(o)}resetProgress(){const e=this.el.querySelector(".circle-loader");if(e){const a=e.getTotalLength();e.style.transition="none";e.style.strokeDashoffset=`${a}`;this.pausedProgressOffset=a}}render(){return a(i,{key:"152f285c115db976af6273951bba7792da0bbdac"},a("div",{key:"a043ca9ef674a7a129b22886621485fe5673362d",class:"dda-home-banner",role:"region","aria-label":"Homepage banner with slides"},a("div",{key:"f45349ee43d4e3f55d5d6883665f4d32e1fbe0d5",class:"dda-home-slides",role:"list","aria-live":"polite","aria-atomic":"true"},a("slot",{key:"e6cba42b04cecf3f5f3b323410534e7a0a24b786"})),a("div",{key:"4e24c07cc9834bee0a8076b6edaf57a2c325fc63",class:"dda-home-banner-slider-nav"},a("div",{key:"425e2245e0ac4c6eb49bc628753b3a4c160eb5c2",class:"dda-home-banner-slider-nav-content"},a("button",{key:"8e854203bb03afadf680cdf36ce56a0c513a3d7f",type:"button",class:"dda-home-banner-prev",onClick:()=>this.prevSlide()},a("i",{key:"967ad0d1e27da31d5b06955b1e5e0667844b9805",class:"material-icons","aria-hidden":"true"},"chevron_left"),a("span",{key:"f0bb9af2662fc17803e0e8a27a244d8e42d83830",class:"visually-hidden"},"Previous slide")),a("button",{key:"0adedd930fe0a81e7bd4801cc40eafa5766332e4",type:"button",class:"dda-home-banner-Pause",onClick:()=>this.toggleAutoplay(),"aria-pressed":this.autoPlayActive?"true":"false","aria-label":this.autoPlayActive?"Pause slideshow autoplay":"Play slideshow autoplay"},a("span",{key:"f3fa7a8c7b886e38c41424be013b382c1f54458f"},a("svg",{key:"9022319f545076b429c9a7ef51c6f1e8c59a4efe",class:"main-circle",width:"25",height:"26",viewBox:"0 0 25 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{key:"e33c7b9ba8284d37276e80763b23a090ba10d6fe",class:"circle-loader",d:"M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602",stroke:"white","stroke-width":"2","stroke-linecap":"round"}),a("circle",{key:"c077c6f9706b9f055552b0fbc3234566664228a9",class:"dott",cx:"5.17456",cy:"6.92017",r:"1.44751",fill:"white"})),this.autoPlayActive?a("svg",{class:"nav-pause-icon",width:"7",height:"7",viewBox:"0 0 7 7",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z",fill:"white"}),a("path",{d:"M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z",fill:"white"})):a("svg",{class:"nav-play-icon",width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},a("path",{d:"M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z",fill:"white"})))),a("ul",{key:"d76f539d0fd5ee77e89314d95a61765bdc0d74fe","aria-label":"Select slide"},this.slides.map(((e,i)=>a("li",{key:i},a("button",{type:"button",class:this.currentSlide===i?"dots active":"dots",onClick:()=>this.setSlide(i),"aria-label":`Go to slide ${i+1}`,"aria-current":this.currentSlide===i?"true":"false"}))))),a("button",{key:"d69d67539f71382d08d6895fbd8b932f75913f9a",type:"button",class:"dda-home-banner-next",onClick:()=>this.nextSlide(),"aria-label":"Next slide"},a("i",{key:"556bf3c0d0e207ae0db015d327e636ae17389f92",class:"material-icons","aria-hidden":"true"},"chevron_right"),a("span",{key:"c01b0c0287f48d10dd02247f9f6d1197efb0fb72",class:"visually-hidden"},"Next slide"))),a("div",{key:"a511bbecbce9f0bd61a3c4c275134c9207dbe461",class:"dda-mouse-scroll"},a("dda-scroll-icon",{key:"20252228187fc9a9795b8703e51e1bea49c743dd",scroll_icon_size:"sm",scroll_icon_color:"white",custom_class:"",component_mode:"",class:"hydrated","aria-hidden":"true"})))))}get el(){return t(this)}static get watchers(){return{currentSlide:["onSlideChanged"]}}};s.style=n;export{s as dda_home_banner};
-//# sourceMappingURL=p-dc443758.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["homeBannerCss","DdaHomeBannerStyle0","DdaHomeBanner","constructor","hostRef","this","autoplay","interval","currentSlide","slides","autoPlayActive","pausedProgressOffset","animationFrameId","componentDidLoad","updateSlides","slot","el","querySelector","addEventListener","playVideoInCurrentSlide","startAutoplay","animateProgress","disconnectedCallback","stopAutoplay","cancelAnimationFrame","componentDidRender","forEach","slide","index","classList","toggle","Array","from","querySelectorAll","length","video","setupTimer","durationMs","autoPlayInterval","setInterval","nextSlide","readyState","duration","once","clearInterval","toggleAutoplay","circle","_a","offset","totalLength","getTotalLength","startRatio","play","style","window","getComputedStyle","strokeDashoffset","parseFloat","pause","currentTime","prevSlide","setSlide","onSlideChanged","start","performance","now","strokeDasharray","transition","animate","elapsed","progress","Math","min","newOffset","requestAnimationFrame","resetProgress","render","h","Host","key","class","role","type","onClick","width","height","viewBox","fill","xmlns","d","stroke","cx","cy","r","map","_","scroll_icon_size","scroll_icon_color","custom_class","component_mode"],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".dda-home-banner {\r\n  width: 100%;\r\n  height: calc(100vh);\r\n  background-color: black;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: block;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide::before {\r\n  content: '';\r\n  width: 100%;\r\n  height: 80%;\r\n  position: absolute;\r\n  bottom: 0;\r\n  background: rgb(0, 0, 0);\r\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.dda-home-slides {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  /* transition: all 0.7s ease-in-out; */\r\n}\r\n\r\n.dda-home-banner .dda-home-slides img,\r\n.dda-home-banner .dda-home-slides video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  opacity: 0;\r\n  /* transition: opacity 1s ease-in-out; */\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dda-home-banner .dda-home-slides .dda-home-banner-slide.active {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-home-banner-slider-nav {\r\n  width: 100%;\r\n  text-align: center;\r\n  position: absolute;\r\n  bottom: 279px;\r\n  left: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 5px;\r\n  height: 30px;\r\n  z-index: 3;\r\n}\r\n\r\n.dda-home-banner-slider-nav .dda-home-banner-slider-nav-content{\r\n  width: 100%;\r\n  text-align: center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.dda-home-banner-slider-nav .dda-home-banner-prev,\r\n.dda-home-banner-slider-nav .dda-home-banner-next,\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause {\r\n  height: 28px;\r\n  width: 28px;\r\n  padding: 0;\r\n  margin: 0;\r\n  border: 0;\r\n  background: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  background: rgba(0, 0, 0, 0);\r\n  border-radius: 50%;\r\n  font-size: 25px;\r\n  /* transition: all 0.2s linear; */\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-prev:hover,\r\n.dda-home-banner-slider-nav .dda-home-banner-next:hover {\r\n  background: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span{\r\n  width: 28px;\r\n  height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.main-circle{\r\n  width: 30px;\r\n  height: 30px;\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-play-icon{\r\n  width: 10px;\r\n  height: 10px;\r\n  position: absolute;\r\n  top: 9px;\r\n  left: 9px;\r\n}\r\n.dda-home-banner-slider-nav .dda-home-banner-Pause span svg.nav-pause-icon{\r\n  width: 9px;\r\n  height: 9px;\r\n  position: absolute;\r\n  top: 9px;\r\n  left: 9px;\r\n}\r\n.dda-home-banner-slider-nav ul {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.dda-home-banner-slider-nav .dots {\r\n  display: block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background: rgba(256,256,256,0.2);\r\n  overflow: hidden;\r\n  text-indent: -100px;\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0px;\r\n  border-radius: 20px;\r\n  cursor: pointer;\r\n  /* transition: all 0.2s linear; */\r\n}\r\n\r\n.dda-home-banner-slider-nav .dots.active {\r\n  background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n\r\n\r\n/* .dda-slider-timer-circle {\r\n  transition: stroke-dashoffset 3s linear;\r\n} */\r\n\r\n\r\n[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-next i.material-icons {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n[dir=\"rtl\"] .dda-home-banner-slider-nav .dda-home-banner-prev i.material-icons {\r\n  transform: rotate(-180deg);\r\n}\r\n\r\n\r\n\r\n\r\n/*Customizable slider content based on entity design*/\r\n.dda-home-banner .dda-slide-contant-wrap {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.dda-home-banner .dda-slide-contant {\r\n  width: 90vw;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.dda-home-banner .dda-slide-contant h2 {\r\n  font-size: var(--dda-fs-display-sm);\r\n  color: #fff;\r\n  font-weight: var(--dda-fw-700);\r\n}\r\n\r\n.dda-home-banner .dda-slide-contant p {\r\n  font-size: var(--dda-fs-headline-sm);\r\n  color: #fff;\r\n  font-weight: var(--dda-fw-300);\r\n}\r\n\r\n\r\n\r\n.material-symbols-outlined {\r\n  font-variation-settings:\r\n  'FILL' 1,\r\n  'wght' 400,\r\n  'GRAD' 0,\r\n  'opsz' 24\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n  \r\n}\r\n@media (max-width: 1024px) {\r\n  .dda-home-banner {\r\n    height: calc(100vh);\r\n  }\r\n  .dda-home-banner .dda-slide-contant {\r\n        width: 100vw;\r\n    }\r\n  .dda-home-banner-slider-nav {\r\n    bottom: 300px;\r\n  }\r\n  .dda-mouse-scroll,\r\n  .dda-home-banner-prev,\r\n  .dda-home-banner-Pause,\r\n  .dda-home-banner-next{\r\n    display: none !important;\r\n  }\r\n  .dda-home-banner .dda-slide-contant-wrap{\r\n      display: inherit;\r\n      height: auto;\r\n      position: absolute;\r\n      bottom: 350px;\r\n    }\r\n    \r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-home-slides {\r\n    transition: all 0.7s ease-in-out;\r\n  }\r\n  .dda-home-banner .dda-home-slides .dda-home-banner-slide {\r\n    transition: opacity 1s ease-in-out;\r\n  }\r\n  .dda-home-banner-slider-nav .dda-home-banner-prev,\r\n  .dda-home-banner-slider-nav .dda-home-banner-next,\r\n  .dda-home-banner-slider-nav .dda-home-banner-Pause {\r\n    transition: all 0.2s linear;\r\n  }\r\n  .dda-home-banner-slider-nav .dots {\r\n    transition: all 0.2s linear;\r\n  }\r\n  .dda-slider-timer-circle {\r\n    transition: stroke-dashoffset 3s linear;\r\n  }\r\n\r\n}","import { Host, Component, h, State, Element, Prop, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-home-banner',\r\n  styleUrls: ['home-banner.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n  @Element() el: HTMLElement;\r\n\r\n  /** Props */\r\n  @Prop() autoplay: boolean = true;\r\n  @Prop() interval: number = 3000;\r\n\r\n  /** States */\r\n  @State() currentSlide: number = 0;\r\n  @State() slides: HTMLElement[] = [];\r\n  @State() autoPlayActive: boolean = true;\r\n\r\n  private autoPlayInterval: any;\r\n  private pausedProgressOffset: number = 0;\r\n  private animationFrameId: number | null = null;\r\n\r\n  componentDidLoad() {\r\n    this.updateSlides();\r\n    const slot = this.el.querySelector('slot');\r\n    slot?.addEventListener('slotchange', () => this.updateSlides());\r\n\r\n    this.autoPlayActive = this.autoplay;\r\n    this.playVideoInCurrentSlide();\r\n    this.startAutoplay();\r\n    this.animateProgress(); // Initial animation\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.stopAutoplay();\r\n    if (this.animationFrameId) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n    }\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.slides.forEach((slide, index) => {\r\n      slide.classList.toggle('active', index === this.currentSlide);\r\n    });\r\n  }\r\n\r\n  updateSlides() {\r\n    this.slides = Array.from(this.el.querySelectorAll('.dda-home-banner-slide'));\r\n    if (this.slides.length > 0) {\r\n      this.currentSlide = 0;\r\n    }\r\n  }\r\n\r\n  startAutoplay() {\r\n    this.stopAutoplay();\r\n\r\n    if (this.autoPlayActive) {\r\n      const slide = this.slides[this.currentSlide];\r\n      const video = slide?.querySelector('video') as HTMLVideoElement;\r\n\r\n      const setupTimer = (durationMs: number) => {\r\n        this.autoPlayInterval = setInterval(() => {\r\n          this.nextSlide();\r\n        }, durationMs);\r\n        this.animateProgress(1); // animate full ring\r\n      };\r\n\r\n      if (video) {\r\n        if (video.readyState >= 1) {\r\n          setupTimer(video.duration * 1000);\r\n        } else {\r\n          video.addEventListener('loadedmetadata', () => {\r\n            setupTimer(video.duration * 1000);\r\n          }, { once: true });\r\n        }\r\n      } else {\r\n        setupTimer(this.interval);\r\n      }\r\n    }\r\n  }\r\n\r\n  stopAutoplay() {\r\n    if (this.autoPlayInterval) {\r\n      clearInterval(this.autoPlayInterval);\r\n      this.autoPlayInterval = null;\r\n    }\r\n  }\r\n\r\n  toggleAutoplay() {\r\n    const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n    const video = this.slides[this.currentSlide]?.querySelector('video') as HTMLVideoElement;\r\n\r\n    this.autoPlayActive = !this.autoPlayActive;\r\n\r\n    if (this.autoPlayActive) {\r\n      this.startAutoplay();\r\n\r\n      const offset = this.pausedProgressOffset;\r\n      const totalLength = circle?.getTotalLength() || 1;\r\n      const startRatio = offset / totalLength;\r\n\r\n      if (video) video.play();\r\n      this.animateProgress(startRatio);\r\n    } else {\r\n      this.stopAutoplay();\r\n\r\n      if (this.animationFrameId) {\r\n        cancelAnimationFrame(this.animationFrameId);\r\n        this.animationFrameId = null;\r\n      }\r\n\r\n      if (circle) {\r\n        const style = window.getComputedStyle(circle);\r\n        const strokeDashoffset = parseFloat(style.strokeDashoffset || '0');\r\n        this.pausedProgressOffset = strokeDashoffset;\r\n      }\r\n\r\n      if (video) video.pause();\r\n    }\r\n  }\r\n\r\n  playVideoInCurrentSlide() {\r\n    this.slides.forEach((slide, index) => {\r\n      const video = slide.querySelector('video') as HTMLVideoElement;\r\n      if (video) {\r\n        if (index === this.currentSlide) {\r\n          video.currentTime = 0;\r\n          video.play();\r\n        } else {\r\n          video.pause();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  nextSlide() {\r\n    this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n  }\r\n\r\n  prevSlide() {\r\n    this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n  }\r\n\r\n  setSlide(index: number) {\r\n    this.currentSlide = index;\r\n  }\r\n\r\n  @Watch('currentSlide')\r\n  onSlideChanged() {\r\n    this.animateProgress();\r\n    this.playVideoInCurrentSlide();\r\n    this.startAutoplay(); // restart with correct duration\r\n  }\r\n\r\n  animateProgress(startRatio = 1) {\r\n    const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n    if (!circle) return;\r\n\r\n    const length = circle.getTotalLength();\r\n    const slide = this.slides[this.currentSlide];\r\n    const video = slide?.querySelector('video') as HTMLVideoElement;\r\n    const duration = (video && video.duration ? video.duration * 1000 : this.interval) * startRatio;\r\n    const start = performance.now();\r\n    this.pausedProgressOffset = length * startRatio;\r\n\r\n    circle.style.strokeDasharray = `${length}`;\r\n    circle.style.strokeDashoffset = `${this.pausedProgressOffset}`;\r\n    circle.style.transition = 'none';\r\n\r\n    const animate = (now: number) => {\r\n      const elapsed = now - start;\r\n      const progress = Math.min(elapsed / duration, 1);\r\n      const newOffset = length * (1 - progress) * startRatio;\r\n      circle.style.strokeDashoffset = `${newOffset}`;\r\n\r\n      if (progress < 1) {\r\n        this.animationFrameId = requestAnimationFrame(animate);\r\n      }\r\n    };\r\n\r\n    if (this.animationFrameId) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n    }\r\n    this.animationFrameId = requestAnimationFrame(animate);\r\n  }\r\n\r\n  resetProgress() {\r\n    const circle = this.el.querySelector('.circle-loader') as SVGPathElement;\r\n    if (circle) {\r\n      const length = circle.getTotalLength();\r\n      circle.style.transition = 'none';\r\n      circle.style.strokeDashoffset = `${length}`;\r\n      this.pausedProgressOffset = length;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"dda-home-banner\" role=\"region\" aria-label=\"Homepage banner with slides\">\r\n          <div class=\"dda-home-slides\" role=\"list\" aria-live=\"polite\" aria-atomic=\"true\">\r\n            <slot></slot>\r\n          </div>\r\n\r\n          <div class=\"dda-home-banner-slider-nav\">\r\n            <div class=\"dda-home-banner-slider-nav-content\">\r\n              <button type=\"button\" class=\"dda-home-banner-prev\" onClick={() => this.prevSlide()}>\r\n                <i class=\"material-icons\" aria-hidden=\"true\">chevron_left</i>\r\n                <span class=\"visually-hidden\">Previous slide</span>\r\n              </button>\r\n\r\n              <button \r\n                type=\"button\" \r\n                class=\"dda-home-banner-Pause\" \r\n                onClick={() => this.toggleAutoplay()}\r\n                aria-pressed={this.autoPlayActive ? 'true' : 'false'}\r\n                aria-label={this.autoPlayActive ? 'Pause slideshow autoplay' : 'Play slideshow autoplay'}\r\n                >\r\n                <span>\r\n                  <svg class=\"main-circle\" width=\"25\" height=\"26\" viewBox=\"0 0 25 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n                    <path class=\"circle-loader\" d=\"M8.61616 4.62474C9.35885 4.35949 10.4729 3.92017 12.146 3.92017C16.7619 3.92017 21.1489 7.55969 21.1489 12.9247C20.9849 18.8126 16.4271 21.9202 12.146 21.9202C7.78471 21.9202 3.16382 18.5036 3.16382 12.9601C3.16382 11.8748 3.2148 11.4931 3.48806 10.4602\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" />\r\n                    <circle class=\"dott\" cx=\"5.17456\" cy=\"6.92017\" r=\"1.44751\" fill=\"white\" />\r\n                  </svg>\r\n                  {this.autoPlayActive ? (\r\n                    <svg class=\"nav-pause-icon\" width=\"7\" height=\"7\" viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n                      <path d=\"M0.482666 0.548584H2.48267V6.54858H0.482666V0.548584Z\" fill=\"white\"/>\r\n                      <path d=\"M4.47974 0.548584H6.47974V6.54858H4.47974V0.548584Z\" fill=\"white\"/>\r\n                    </svg>\r\n                  ) : (\r\n                    <svg class=\"nav-play-icon\" width=\"9\" height=\"9\" viewBox=\"0 0 9 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n                      <path d=\"M7.9682 3.68255C8.63487 4.06745 8.63487 5.0297 7.9682 5.4146L2.31372 8.67922C1.64705 9.06412 0.813721 8.58299 0.813721 7.81319L0.813721 1.28396C0.813721 0.51416 1.64705 0.0330374 2.31372 0.417938L7.9682 3.68255Z\" fill=\"white\"/>\r\n                    </svg>\r\n                  )}\r\n                </span>\r\n              </button>\r\n\r\n              <ul aria-label=\"Select slide\">\r\n                {this.slides.map((_, index) => (\r\n                  <li key={index}>\r\n                    <button\r\n                      type=\"button\"\r\n                      class={this.currentSlide === index ? 'dots active' : 'dots'}\r\n                      onClick={() => this.setSlide(index)}\r\n                      aria-label={`Go to slide ${index + 1}`}\r\n                      aria-current={this.currentSlide === index ? 'true' : 'false'}\r\n                      \r\n                    ></button>\r\n                  </li>\r\n                ))}\r\n              </ul>\r\n\r\n              <button type=\"button\" class=\"dda-home-banner-next\" onClick={() => this.nextSlide()} aria-label=\"Next slide\">\r\n                <i class=\"material-icons\" aria-hidden=\"true\">chevron_right</i>\r\n                <span class=\"visually-hidden\">Next slide</span>\r\n              </button>\r\n            </div>\r\n\r\n            <div class=\"dda-mouse-scroll\">\r\n              <dda-scroll-icon\r\n                scroll_icon_size=\"sm\"\r\n                scroll_icon_color=\"white\"\r\n                custom_class=\"\"\r\n                component_mode=\"\"\r\n                class=\"hydrated\"\r\n                aria-hidden=\"true\"\r\n              ></dda-scroll-icon>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,H as a,g as e}from"./p-1b339a0a.js";const h=class{constructor(i){t(this,i);this.buttonClick=s(this,"buttonClick",7);this.text_button_type="button";this.disabled=false;this.start_icon_family="";this.start_icon="";this.button_text="";this.aria_label="";this.button_color="primary";this.button_shape="";this.toggle_button_shape="";this.custom_class="";this.text_button_name="";this.is_open=false;this.handleClick=t=>{if(this.disabled)return;this.buttonClick.emit({event:t,id:this.text_button_id,value:this.value,name:this.text_button_name})};this.handleClickOutside=t=>{if(this.is_open&&!this.el.contains(t.target)){this.is_open=false}}}toggleSelect(){if(!this.disabled){this.is_open=!this.is_open}}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}componentDidLoad(){this.moveMenuToContainer()}componentDidRender(){this.moveMenuToContainer()}moveMenuToContainer(){const t=this.el.querySelector(".split-btn-list");if(!t)return;const s=Array.from(this.el.children);const i=s.filter((t=>t.getAttribute&&t.getAttribute("slot")==="menu"));i.forEach((s=>{if(s.parentElement!==t){t.appendChild(s)}}))}render(){const t=["dda-split-btn",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`split-btn-main-shape-${this.button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const s=["dda-split-btn dda-split-btn-toggle",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`split-icon-btn-shape-${this.button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");const e=`split-btn-list ${this.is_open?"open":"closed"}`;return i(a,{key:"557dd738ecda2ea9b887f26a649545d636739162"},i("div",{key:"8cf1af27d4518266bcfa3ad973e5caf747752e4a",class:"split-btn-container"},i("button",{key:"7d37f0b271365ad447a605f87f4933ade5c51bba",id:this.text_button_id,type:this.text_button_type,class:t,disabled:this.disabled,"aria-label":this.aria_label||this.button_text,name:this.text_button_name,value:this.value,onClick:this.handleClick},this.start_icon&&i("i",{key:"f6244bede898854205902c83febd164f2a8c7772",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),i("span",{key:"5785f0550374e9b71225111c1473bc3a40808490"},this.button_text)),i("button",{key:"a8158ad76834a12c564771a91237a452ae917323",type:"button",class:s,disabled:this.disabled,onClick:()=>this.toggleSelect()},i("i",{key:"632d4c992c4da668770292d9b2b0881d0d85a557",class:"material-icons","aria-hidden":"true"},this.is_open?"keyboard_arrow_up":"keyboard_arrow_down")),i("div",{key:"88988abe9f2a3173f34356a030fdd03055c94139",class:e,"aria-hidden":!this.is_open,role:"menu"},i("slot",{key:"b7c9e16e3c36b64d6aa185ced7da41ff1f02cc76",name:"menu"}))))}get el(){return e(this)}};export{h as dda_split_button};
-//# sourceMappingURL=p-dca57f55.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DdaSplitButton","constructor","hostRef","this","text_button_type","disabled","start_icon_family","start_icon","button_text","aria_label","button_color","button_shape","toggle_button_shape","custom_class","text_button_name","is_open","handleClick","event","buttonClick","emit","id","text_button_id","value","name","handleClickOutside","el","contains","target","toggleSelect","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","componentDidLoad","moveMenuToContainer","componentDidRender","container","querySelector","hostChildren","Array","from","children","slotted","filter","c","getAttribute","forEach","node","parentElement","appendChild","render","textButtonClass","size","gap","component_mode","Boolean","join","toggleButtonClass","listClass","h","Host","key","class","type","onClick","role"],"sources":["src/components/dda-split-button/dda-split-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-split-button',\r\n  // styleUrls: ['dda-split-button.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaSplitButton {\r\n  @Prop() text_button_type: string = 'button';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon_family: string = '';\r\n  @Prop() start_icon: string = '';\r\n  @Prop() button_text: string = '';\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_color: string = 'primary';\r\n  @Prop() size?: string;\r\n  @Prop() button_shape?: string = '';\r\n  @Prop() toggle_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() text_button_id: string;\r\n  @Prop() text_button_name?: string = '';\r\n  @Prop() value?: string;\r\n\r\n  @Event() buttonClick: EventEmitter<{ event: MouseEvent, id: string, value: string, name: string }>;\r\n\r\n  /*toogle Button*/\r\n  @Element() el: HTMLElement;\r\n  @State() is_open: boolean = false;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    this.buttonClick.emit({\r\n      event,\r\n      id: this.text_button_id,\r\n      value: this.value,\r\n      name: this.text_button_name,\r\n    });\r\n  };\r\n \r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    // after first render, move slotted menu inside container\r\n    this.moveMenuToContainer();\r\n  }\r\n\r\n  componentDidRender() {\r\n    // ensure menu stays inside container after re-renders (defensive)\r\n    this.moveMenuToContainer();\r\n  }\r\n\r\n  private moveMenuToContainer() {\r\n    // find the visible container inside this component\r\n    const container = this.el.querySelector('.split-btn-list') as HTMLElement | null;\r\n    if (!container) return;\r\n\r\n    // Only consider direct children of host that carry slot=\"menu\".\r\n    const hostChildren = Array.from(this.el.children) as Element[];\r\n    const slotted = hostChildren.filter((c) => c.getAttribute && c.getAttribute('slot') === 'menu');\r\n\r\n    slotted.forEach((node) => {\r\n      // if it's already inside container, skip\r\n      if (node.parentElement !== container) {\r\n        container.appendChild(node);\r\n      }\r\n    });\r\n  }\r\n\r\n\r\n\r\n  render() {\r\n  const textButtonClass = [\r\n    'dda-split-btn',                  // unique for main button\r\n    `btn-color-${this.button_color}`,\r\n    this.size ? `btn-size-${this.size}` : '',\r\n    this.button_shape ? `split-btn-main-shape-${this.button_shape}` : '',\r\n    this.gap ? `dda-gap-${this.gap}` : '',\r\n    this.custom_class,\r\n    this.component_mode,\r\n  ]\r\n  .filter(Boolean)\r\n  .join(' ');\r\n\r\n  const toggleButtonClass = [\r\n    'dda-split-btn dda-split-btn-toggle',                // unique for toggle button\r\n    `btn-color-${this.button_color}`,\r\n    this.size ? `btn-size-${this.size}` : '',\r\n    this.button_shape ? `split-icon-btn-shape-${this.button_shape}` : '',\r\n    this.gap ? `dda-gap-${this.gap}` : '',\r\n    this.custom_class,\r\n    this.component_mode,\r\n  ]\r\n  .filter(Boolean)\r\n  .join(' ');\r\n\r\n   const listClass = `split-btn-list ${this.is_open ? 'open' : 'closed'}`;\r\n\r\n  return (\r\n    <Host>\r\n      <div class=\"split-btn-container\">\r\n        {/* Main action button */}\r\n        <button\r\n          id={this.text_button_id}\r\n          type={this.text_button_type}\r\n          class={textButtonClass}\r\n          disabled={this.disabled}\r\n          aria-label={this.aria_label || this.button_text}\r\n          name={this.text_button_name}\r\n          value={this.value}\r\n          onClick={this.handleClick}\r\n        >\r\n          {this.start_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          <span>{this.button_text}</span>\r\n        </button>\r\n\r\n        {/* Dropdown toggle button */}\r\n        <button \r\n          type=\"button\"\r\n          class={toggleButtonClass}\r\n          disabled={this.disabled}\r\n          onClick={() => this.toggleSelect()}\r\n        >\r\n          <i class=\"material-icons\" aria-hidden=\"true\">\r\n            {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n          </i>\r\n        </button>\r\n\r\n        <div class={listClass} aria-hidden={!this.is_open} role=\"menu\">\r\n            <slot name=\"menu\"></slot>\r\n        </div>\r\n\r\n\r\n        {/* {this.is_open && (\r\n          <div class=\"split-btn-list\">\r\n            <slot name=\"menu\"></slot>\r\n          </div>\r\n        )} */}\r\n      </div>\r\n    </Host>\r\n  );\r\n}\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dda/p-e1255160.js

@@ -1,2 +0,0 @@
-const o=()=>{};export{o as g};
-//# sourceMappingURL=p-e1255160.js.map

package/dist/dda/p-e1255160.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as a,h as t,H as e}from"./p-1b339a0a.js";const r='.dda-range-slider-container{width:100%;margin:20px 0;position:relative}.dda-range-slider{position:relative;width:100%;height:6px;background:var(--dda-neutral-variant-92);border-radius:5px}.dda-range-slider-input{position:absolute;width:100%;height:6px;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none;border:0;margin:0;padding:0}.dda-range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--dda-neutral-100);border:solid 2px var(--dda-neutral-90);cursor:pointer;pointer-events:all}.dda-range-slider-input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--dda-color-primary-40);cursor:pointer;pointer-events:all;}.dda-range-slider-track{position:absolute;height:100%;background:var(--dda-color-primary-40);border-radius:5px}.light-mode .dda-range-slider-track{background:var(--dda-primary-40)}.dda-range-slider-track span{background:var(--dda-neutral-100);width:55px;height:35px;font-size:16px;color:var(--dda-on-surface-variant-30);font-weight:var(--dda-fw-500);text-align:center;position:absolute;top:13px;display:flex;align-items:center;justify-content:center}.light-mode .dda-range-slider-track span{color:var(--dda-neutral-variant-30)}.dda-tooltip-top .dda-range-slider-track span{top:auto;bottom:24px}.dda-tooltip-bottom .dda-range-slider-track span{top:24px}.dda-range-slider-track .min-label{left:-17px}.dda-range-slider-track .max-label{right:-33px}.dda-tooltip-top .dda-range-slider-track span,.dda-tooltip-bottom .dda-range-slider-track span{border:solid 1px var(--dda-neutral-90);border-radius:4px;-webkit-box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);-moz-box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-tooltip-top .dda-range-slider-track span::before,.dda-tooltip-top .dda-range-slider-track span::after,.dda-tooltip-bottom .dda-range-slider-track span::before,.dda-tooltip-bottom .dda-range-slider-track span::after{content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;left:50%;margin-inline-start:-10px}.dda-tooltip-top .dda-range-slider-track span::before{top:100%;border-top:8px solid var(--dda-neutral-90);margin-top:0px}.dda-tooltip-top .dda-range-slider-track span::after{top:100%;border-top:8px solid var(--dda-neutral-100);margin-top:-2px;z-index:1}.dda-tooltip-bottom .dda-range-slider-track span::before{bottom:100%;border-bottom:8px solid var(--dda-neutral-90);margin-bottom:0px}.dda-tooltip-bottom .dda-range-slider-track span::after{bottom:100%;border-bottom:8px solid var(--dda-neutral-100);margin-bottom:-2px;z-index:1}@media (prefers-reduced-motion: no-preference){.dda-range-slider-input::-moz-range-thumb{-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}}';const d=r;const i=class{constructor(t){a(this,t);this.min=0;this.max=100;this.step=1;this.initial_min=0;this.initial_max=100;this.custom_class=""}componentWillLoad(){this.min_value=this.initial_min;this.max_value=this.initial_max}handleMinChange(a){const t=Number(a.target.value);if(t<=this.max_value-this.step){this.min_value=t}}handleMaxChange(a){const t=Number(a.target.value);if(t>=this.min_value+this.step){this.max_value=t}}getPercentage(a){return(a-this.min)/(this.max-this.min)*100}render(){return t(e,{key:"7ca547b42d646b45843bbe124380f35f435d80e3"},t("div",{key:"275c4be09e6e42d0a9fda97c056278b68dcc62ca",class:`dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}`},t("div",{key:"aa970bfff7c09850a4726e238a9e3c70f5769699",class:"dda-range-slider"},t("div",{key:"8183779543ebe8f91fc15f1fd58961d3a6559af8",class:"dda-range-slider-track",style:{left:`${this.getPercentage(this.min_value)}%`,right:`${100-this.getPercentage(this.max_value)}%`}},t("span",{key:"3548c59fba761064a052b5eeae57718ce9068bcb",class:"min-label"},this.min_value,"%"),t("span",{key:"d434ec0edff9b6bbb21b15b700fd074c2c054e4b",class:"max-label"},this.max_value,"%")),t("label",{key:"8d70e12bfa867bca04977892cdbd7f095dda4301",htmlFor:this.left_input_id},t("input",{key:"66a4d465d2b3b7c99b1421969c4fd7e23f690bbf",id:this.left_input_id,name:this.left_input_name,"aria-label":this.left_aria_label,type:"range",min:this.min,max:this.max,step:this.step,value:this.min_value,onInput:a=>this.handleMinChange(a),class:"dda-range-slider-input",style:{zIndex:`${this.min_value>this.max-this.min_value?5:3}`}})),t("label",{key:"f2c1bac86d00ce1d56e7d566cf57285c06e13a46",htmlFor:this.right_input_id},t("input",{key:"26ad737accfccb3f1c0fc2c0a2289e9c768ef6a0",id:this.right_input_id,name:this.right_input_name,"aria-label":this.right_aria_label,type:"range",min:this.min,max:this.max,step:this.step,value:this.max_value,onInput:a=>this.handleMaxChange(a),class:"dda-range-slider-input",style:{zIndex:`${this.max_value<this.max-this.min_value?5:3}`}})))))}};i.style=d;export{i as dda_range_slider};
-//# sourceMappingURL=p-e808d48a.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["ddaRangeSliderCss","DdaRangeSliderStyle0","DdaRangeSlider","constructor","hostRef","this","min","max","step","initial_min","initial_max","custom_class","componentWillLoad","min_value","max_value","handleMinChange","event","value","Number","target","handleMaxChange","getPercentage","render","h","Host","key","class","tooltip_position","component_mode","style","left","right","htmlFor","left_input_id","id","name","left_input_name","left_aria_label","type","onInput","zIndex","right_input_id","right_input_name","right_aria_label"],"sources":["src/components/dda-range-slider/dda-range-slider.css?tag=dda-range-slider","src/components/dda-range-slider/dda-range-slider.tsx"],"sourcesContent":[".dda-range-slider-container {\r\n  width: 100%;\r\n  margin: 20px 0;\r\n  position: relative;\r\n}\r\n\r\n.dda-range-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 6px;\r\n  background: var(--dda-neutral-variant-92);\r\n  border-radius: 5px;\r\n}\r\n\r\n.dda-range-slider-input {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 6px;\r\n  background: transparent;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  pointer-events: none;\r\n  border: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.dda-range-slider-input::-webkit-slider-thumb {\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  background: var(--dda-neutral-100);\r\n  border: solid 2px var(--dda-neutral-90);\r\n  cursor: pointer;\r\n  pointer-events: all;\r\n}\r\n\r\n.dda-range-slider-input::-moz-range-thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  background: var(--dda-color-primary-40);\r\n  cursor: pointer;\r\n  pointer-events: all;\r\n  /* -moz-transition: all 0.15s ease-in-out;\r\n  transition: all 0.15s ease-in-out; */\r\n}\r\n\r\n.dda-range-slider-track {\r\n  position: absolute;\r\n  height: 100%;\r\n  background: var(--dda-color-primary-40);\r\n  border-radius: 5px;\r\n}\r\n\r\n.light-mode .dda-range-slider-track{\r\n  background: var(--dda-primary-40);\r\n}\r\n\r\n.dda-range-slider-track span {\r\n  background: var(--dda-neutral-100);\r\n  width: 55px;\r\n  height: 35px;\r\n  font-size: 16px;\r\n  color: var(--dda-on-surface-variant-30);\r\n  font-weight: var(--dda-fw-500);\r\n  text-align: center;\r\n  position: absolute;\r\n  top: 13px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.light-mode .dda-range-slider-track span{\r\n  color: var(--dda-neutral-variant-30);\r\n}\r\n\r\n.dda-tooltip-top .dda-range-slider-track span{\r\n  top: auto;\r\n  bottom: 24px;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span{\r\n  top: 24px;\r\n}\r\n.dda-range-slider-track .min-label {\r\n  left: -17px;\r\n}\r\n\r\n.dda-range-slider-track .max-label {\r\n  right: -33px;\r\n}\r\n\r\n.dda-tooltip-top .dda-range-slider-track span,\r\n.dda-tooltip-bottom .dda-range-slider-track span{\r\n  border: solid 1px var(--dda-neutral-90);\r\n  border-radius: 4px;\r\n  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  -moz-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::before, \r\n.dda-tooltip-top .dda-range-slider-track span::after,\r\n.dda-tooltip-bottom .dda-range-slider-track span::before, \r\n.dda-tooltip-bottom .dda-range-slider-track span::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  left: 50%;\r\n  margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::before {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-90);\r\n  margin-top: 0px;\r\n}\r\n.dda-tooltip-top .dda-range-slider-track span::after {\r\n  top: 100%;\r\n  border-top: 8px solid var(--dda-neutral-100);\r\n  margin-top: -2px;\r\n  z-index: 1;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span::before {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-90);\r\n  margin-bottom: 0px;\r\n}\r\n.dda-tooltip-bottom .dda-range-slider-track span::after {\r\n  bottom: 100%;\r\n  border-bottom: 8px solid var(--dda-neutral-100);\r\n  margin-bottom: -2px;\r\n  z-index: 1;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n  .dda-range-slider-input::-moz-range-thumb {\r\n    -moz-transition: all 0.15s ease-in-out;\r\n    transition: all 0.15s ease-in-out;\r\n  }\r\n}","import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-range-slider',\r\n  styleUrl: 'dda-range-slider.css',\r\n  shadow: false,\r\n})\r\nexport class DdaRangeSlider {\r\n  @Prop() min: number = 0;\r\n  @Prop() max: number = 100;\r\n  @Prop() step: number = 1;\r\n  @Prop() initial_min: number = 0;\r\n  @Prop() initial_max: number = 100;\r\n  @Prop() size?: string;\r\n  @Prop() tooltip_position?: string;\r\n  @State() min_value: number;\r\n  @State() max_value: number;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n  @Prop() left_input_id: string;\r\n  @Prop() right_input_id: string;\r\n  @Prop() left_aria_label?: string;\r\n  @Prop() right_aria_label?: string;\r\n  @Prop() left_input_name: string;\r\n  @Prop() right_input_name: string;\r\n\r\n  componentWillLoad() {\r\n    this.min_value = this.initial_min;\r\n    this.max_value = this.initial_max;\r\n  }\r\n\r\n  handleMinChange(event) {\r\n    const value = Number(event.target.value);\r\n    if (value <= this.max_value - this.step) {\r\n      this.min_value = value;\r\n    }\r\n  }\r\n\r\n  handleMaxChange(event) {\r\n    const value = Number(event.target.value);\r\n    if (value >= this.min_value + this.step) {\r\n      this.max_value = value;\r\n    }\r\n  }\r\n\r\n  getPercentage(value: number) {\r\n    return ((value - this.min) / (this.max - this.min)) * 100;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"dda-range-slider\">\r\n            <div class=\"dda-range-slider-track\"\r\n              style={{\r\n                left: `${this.getPercentage(this.min_value)}%`,\r\n                right: `${100 - this.getPercentage(this.max_value)}%`,\r\n              }}>\r\n              <span class=\"min-label\">{this.min_value}%</span>\r\n              <span class=\"max-label\">{this.max_value}%</span>\r\n            </div>\r\n            <label htmlFor={this.left_input_id}>\r\n              <input\r\n                id={this.left_input_id}\r\n                name={this.left_input_name}\r\n                aria-label={this.left_aria_label}\r\n                type=\"range\"\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.min_value}\r\n                onInput={(event) => this.handleMinChange(event)}\r\n                class=\"dda-range-slider-input\"\r\n                style={{ zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` }}\r\n              />\r\n            </label>\r\n            <label htmlFor={this.right_input_id}>\r\n              <input\r\n                id={this.right_input_id}\r\n                name={this.right_input_name}\r\n                aria-label={this.right_aria_label}\r\n                type=\"range\"\r\n                min={this.min}\r\n                max={this.max}\r\n                step={this.step}\r\n                value={this.max_value}\r\n                onInput={(event) => this.handleMaxChange(event)}\r\n                class=\"dda-range-slider-input\"\r\n                style={{ zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` }}\r\n              />\r\n            </label>\r\n            \r\n          </div>\r\n          \r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAoB,wzFAC1B,MAAAC,EAAeD,E,MCMFE,EAAc,MAL3B,WAAAC,CAAAC,G,UAMUC,KAAAC,IAAc,EACdD,KAAAE,IAAc,IACdF,KAAAG,KAAe,EACfH,KAAAI,YAAsB,EACtBJ,KAAAK,YAAsB,IAKtBL,KAAAM,aAAwB,E,CAShC,iBAAAC,GACEP,KAAKQ,UAAYR,KAAKI,YACtBJ,KAAKS,UAAYT,KAAKK,W,CAGxB,eAAAK,CAAgBC,GACd,MAAMC,EAAQC,OAAOF,EAAMG,OAAOF,OAClC,GAAIA,GAASZ,KAAKS,UAAYT,KAAKG,KAAM,CACvCH,KAAKQ,UAAYI,C,EAIrB,eAAAG,CAAgBJ,GACd,MAAMC,EAAQC,OAAOF,EAAMG,OAAOF,OAClC,GAAIA,GAASZ,KAAKQ,UAAYR,KAAKG,KAAM,CACvCH,KAAKS,UAAYG,C,EAIrB,aAAAI,CAAcJ,GACZ,OAASA,EAAQZ,KAAKC,MAAQD,KAAKE,IAAMF,KAAKC,KAAQ,G,CAGxD,MAAAgB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,0CAA0CrB,KAAKsB,oBAAoBtB,KAAKM,gBAAgBN,KAAKuB,kBACvGL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACTG,MAAO,CACLC,KAAM,GAAGzB,KAAKgB,cAAchB,KAAKQ,cACjCkB,MAAO,GAAG,IAAM1B,KAAKgB,cAAchB,KAAKS,gBAE1CS,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAarB,KAAKQ,UAAS,KACvCU,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAarB,KAAKS,UAAS,MAEzCS,EAAA,SAAAE,IAAA,2CAAOO,QAAS3B,KAAK4B,eACnBV,EAAA,SAAAE,IAAA,2CACES,GAAI7B,KAAK4B,cACTE,KAAM9B,KAAK+B,gBAAe,aACd/B,KAAKgC,gBACjBC,KAAK,QACLhC,IAAKD,KAAKC,IACVC,IAAKF,KAAKE,IACVC,KAAMH,KAAKG,KACXS,MAAOZ,KAAKQ,UACZ0B,QAAUvB,GAAUX,KAAKU,gBAAgBC,GACzCU,MAAM,yBACNG,MAAO,CAAEW,OAAQ,GAAGnC,KAAKQ,UAAYR,KAAKE,IAAMF,KAAKQ,UAAY,EAAI,QAGzEU,EAAA,SAAAE,IAAA,2CAAOO,QAAS3B,KAAKoC,gBACnBlB,EAAA,SAAAE,IAAA,2CACES,GAAI7B,KAAKoC,eACTN,KAAM9B,KAAKqC,iBAAgB,aACfrC,KAAKsC,iBACjBL,KAAK,QACLhC,IAAKD,KAAKC,IACVC,IAAKF,KAAKE,IACVC,KAAMH,KAAKG,KACXS,MAAOZ,KAAKS,UACZyB,QAAUvB,GAAUX,KAAKe,gBAAgBJ,GACzCU,MAAM,yBACNG,MAAO,CAAEW,OAAQ,GAAGnC,KAAKS,UAAYT,KAAKE,IAAMF,KAAKQ,UAAY,EAAI,U","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,H as h}from"./p-1b339a0a.js";const a=class{constructor(i){t(this,i);this.buttonClick=s(this,"buttonClick",7);this.button_type="button";this.disabled=false;this.start_icon_family="";this.start_icon="";this.button_text="";this.end_icon_family="";this.end_icon="";this.aria_label="";this.button_color="primary";this.button_shape="";this.icon_button_shape="";this.custom_class="";this.button_name="";this.handleClick=t=>{if(this.disabled)return;this.buttonClick.emit({event:t,id:this.button_id,value:this.value,name:this.button_name})}}render(){const t=["dda-btn",`btn-color-${this.button_color}`,this.size?`btn-size-${this.size}`:"",this.button_shape?`btn-shape-${this.button_shape}`:"",this.icon_button_shape?`icon-btn-${this.icon_button_shape}`:"",this.gap?`dda-gap-${this.gap}`:"",this.custom_class,this.component_mode].filter(Boolean).join(" ");return i(h,{key:"f8165afa9d362801c0c5d254ac5cf55e6256fb99"},i("button",{key:"b710cca1999559fb1c78a42403f28683c1b4241b",id:this.button_id,type:this.button_type,class:t,disabled:this.disabled,"aria-label":this.aria_label||this.button_text,name:this.button_name,value:this.value,onClick:this.handleClick},this.start_icon&&i("i",{key:"e78fa8e8a81c807edb5e7d4ce40a0be09dd933be",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.start_icon),this.button_text,this.end_icon&&i("i",{key:"9dc3acc424c0414e143628045c14d4b2b92eee1c",class:"material-icons material-symbols-outlined","aria-hidden":"true"},this.end_icon)))}};export{a as dda_button};
-//# sourceMappingURL=p-eb472057.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DdaButton","constructor","hostRef","this","button_type","disabled","start_icon_family","start_icon","button_text","end_icon_family","end_icon","aria_label","button_color","button_shape","icon_button_shape","custom_class","button_name","handleClick","event","buttonClick","emit","id","button_id","value","name","render","buttonClass","size","gap","component_mode","filter","Boolean","join","h","Host","key","type","class","onClick"],"sources":["src/components/dda-button/dda-button.tsx"],"sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaButton {\r\n  @Prop() button_type: string = 'button';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon_family: string = '';\r\n  @Prop() start_icon: string = '';\r\n  @Prop() button_text: string = '';\r\n  @Prop() end_icon_family: string = '';\r\n  @Prop() end_icon: string = '';\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_color: string = 'primary';\r\n  @Prop() size?: string;\r\n  @Prop() button_shape?: string = '';\r\n  @Prop() icon_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() button_name?: string = '';\r\n  @Prop() value?: string;\r\n  // @Prop() onpressKey?: () => void;\r\n\r\n  @Event() buttonClick: EventEmitter<{ event: MouseEvent, id: string, value: string, name: string }>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    this.buttonClick.emit({\r\n      event,\r\n      id: this.button_id,\r\n      value: this.value,\r\n      name: this.button_name,\r\n    });\r\n  };\r\n \r\n  // private handleKeyDown = (event: KeyboardEvent) => {\r\n  //   if (event.key === 'Enter' || event.key === ' ') {\r\n  //     event.preventDefault();\r\n  //     this.handleClick(event as unknown as MouseEvent);\r\n  //   }\r\n  // };\r\n\r\n  render() {\r\n    const buttonClass = [\r\n      'dda-btn',\r\n      `btn-color-${this.button_color}`,\r\n      this.size ? `btn-size-${this.size}` : '',\r\n      this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n      this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n      this.gap ? `dda-gap-${this.gap}` : '',\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.button_id}\r\n          type={this.button_type}\r\n          class={buttonClass}\r\n          disabled={this.disabled}\r\n          aria-label={this.aria_label || this.button_text}\r\n          name={this.button_name}\r\n          value={this.value}\r\n          onClick={this.handleClick}\r\n          // onKeyDown={this.handleKeyDown}\r\n        >\r\n          {this.start_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.button_text}\r\n          {this.end_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"+DAOaA,EAAS,MALtB,WAAAC,CAAAC,G,mDAMUC,KAAAC,YAAsB,SACtBD,KAAAE,SAAoB,MACpBF,KAAAG,kBAA4B,GAC5BH,KAAAI,WAAqB,GACrBJ,KAAAK,YAAsB,GACtBL,KAAAM,gBAA0B,GAC1BN,KAAAO,SAAmB,GACnBP,KAAAQ,WAAsB,GACtBR,KAAAS,aAAuB,UAEvBT,KAAAU,aAAwB,GACxBV,KAAAW,kBAA6B,GAE7BX,KAAAY,aAAwB,GAGxBZ,KAAAa,YAAuB,GAMvBb,KAAAc,YAAeC,IACrB,GAAIf,KAAKE,SAAU,OAEnBF,KAAKgB,YAAYC,KAAK,CACpBF,QACAG,GAAIlB,KAAKmB,UACTC,MAAOpB,KAAKoB,MACZC,KAAMrB,KAAKa,aACX,C,CAUJ,MAAAS,GACE,MAAMC,EAAc,CAClB,UACA,aAAavB,KAAKS,eAClBT,KAAKwB,KAAO,YAAYxB,KAAKwB,OAAS,GACtCxB,KAAKU,aAAe,aAAaV,KAAKU,eAAiB,GACvDV,KAAKW,kBAAoB,YAAYX,KAAKW,oBAAsB,GAChEX,KAAKyB,IAAM,WAAWzB,KAAKyB,MAAQ,GACnCzB,KAAKY,aACLZ,KAAK0B,gBAEJC,OAAOC,SACPC,KAAK,KAER,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEd,GAAIlB,KAAKmB,UACTc,KAAMjC,KAAKC,YACXiC,MAAOX,EACPrB,SAAUF,KAAKE,SAAQ,aACXF,KAAKQ,YAAcR,KAAKK,YACpCgB,KAAMrB,KAAKa,YACXO,MAAOpB,KAAKoB,MACZe,QAASnC,KAAKc,aAGbd,KAAKI,YACJ0B,EAAA,KAAAE,IAAA,2CAAGE,MAAM,2CAA0C,cAAa,QAC7DlC,KAAKI,YAGTJ,KAAKK,YACLL,KAAKO,UACJuB,EAAA,KAAAE,IAAA,2CAAGE,MAAM,2CAA0C,cAAa,QAC7DlC,KAAKO,W","ignoreList":[]}

package/dist/esm/app-globals-0f993ce5.js.map

@@ -1 +0,0 @@
-{"file":"app-globals-0f993ce5.js","mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}

package/dist/esm/dda-accordion.entry.js.map

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

package/dist/esm/dda-alert.entry.js.map

@@ -1 +0,0 @@
-{"file":"dda-alert.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,krFAAkrF,CAAC;AACvsF,uBAAe,WAAW;;MCMb,QAAQ;IALrB;;;;;QAMU,SAAI,GAA4B,SAAS,CAAC;QAC1C,cAAS,GAA6C,MAAM,CAAC;QAC7D,eAAU,GAAW,EAAE,CAAC;QACxB,gBAAW,GAAW,EAAE,CAAC;QACzB,gBAAW,GAAW,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAc3B,iBAAY,GAAG;YACrB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB,CAAC;QAGO,sBAAiB,GAAG;YAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB,CAAC;QAGM,uBAAkB,GAAG;YAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;KAyBH;IAvBC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,IAAI,cAAc,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IACpH,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,0DAAG,KAAK,EAAC,oDAAoD,iBAAa,MAAM,WAAS,CACrF,EACN,4DAAK,KAAK,EAAC,eAAe,IACxB,2DAAI,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAM,EAC9C,0DAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,WAAW,CAAK,EACnD,4DAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,gBAAgB,GAAG,kBAAY,YAAY,EAAC,kBAAkB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAE,YAAY,EAAC,wBAAwB,EAAC,cAAc,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,GAAe,GAAG,IAAI,EACnS,IAAI,CAAC,cAAc,GAAG,kBAAY,YAAY,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,EAAE,YAAY,EAAE,iBAAiB,IAAI,CAAC,SAAS,EAAE,EAAG,cAAc,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,cAAc,GAAe,GAAG,IAAI,CACxS,CACF,CACF,EAEN,+DAAQ,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,IACpG,0DAAG,KAAK,EAAC,0CAA0C,iBAAa,MAAM,YAAU,CACzE,CACL,EACN;KACH;;;;;;","names":[],"sources":["src/components/dda-alert/dda-alert.css?tag=dda-alert","src/components/dda-alert/dda-alert.tsx"],"sourcesContent":[".dda-alert{\r\n  padding: 24px;\r\n  border-radius: 10px; \r\n  position: relative;\r\n}\r\n.dda-alert-inner{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n}\r\n.dda-alert-icon-wrap{\r\n  padding-top: 2px; \r\n}\r\n.dda-alert .alert-content{\r\n  width: 100%;\r\n  display: grid;\r\n  row-gap: 16px;\r\n}\r\n.dda-alert .alert-title{\r\n  margin: 0; \r\n  font-size: var(--font-h6);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: 24px;\r\n}\r\n.dda-alert .alert-description{\r\n  margin: 0;\r\n}\r\n.alert-btn-wrap{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: end;\r\n  gap: 15px;\r\n}\r\n.dda-alert-close{\r\n  position: absolute;\r\n  inset-inline-end: 24px;\r\n  inset-block-start: 24px;\r\n  width: 20px;\r\n  height: 2px;\r\n  background: transparent;\r\n  border: transparent;\r\n  font-size: 18px;\r\n}\r\n\r\n\r\n/**/\r\n.dda-alert-info{\r\n  background: var(--dda-primary-variant-95);\r\n  border: solid 1px var(--dda-color-primary-30);\r\n}\r\n.dda-alert-secondary.dda-alert-info .material-icons,\r\n.dda-alert-secondary.dda-alert-info .alert-title{\r\n  color: var(--dda-primary-40);\r\n}\r\n.light-mode.dda-alert-info{\r\n  background: var(--dda-info-95);\r\n  border: solid 1px var(--dda-info-40);\r\n  color: var(--dda-info-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-warning{\r\n  background: var(--dda-warning-variant-95);\r\n  border: solid 1px var(--dda-color-warning-30);\r\n}\r\n.dda-alert-secondary.dda-alert-warning .material-icons,\r\n.dda-alert-secondary.dda-alert-warning .alert-title{\r\n  color: var(--dda-warning-40);\r\n}\r\n.light-mode.dda-alert-warning{\r\n  background: var(--dda-warning-95);\r\n  border: solid 1px var(--dda-warning-40);\r\n  color: var(--dda-warning-40);\r\n}\r\n.dda-alert-warning .alert-primary-warning{\r\n  background-color: var(--dda-warning-40);\r\n  border: solid 1px var(--dda-warning-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-error{\r\n  background: var(--dda-error-variant-95);\r\n  border: solid 1px var(--dda-color-error-30);\r\n}\r\n.dda-alert-secondary.dda-alert-error .material-icons,\r\n.dda-alert-secondary.dda-alert-error .alert-title{\r\n  color: var(--dda-error-40);\r\n}\r\n.light-mode.dda-alert-error{\r\n  background: var(--dda-error-95);\r\n  border: solid 1px var(--dda-error-40);\r\n  color: var(--dda-error-40);\r\n}\r\n.dda-alert-error .alert-primary-error{\r\n  background-color: var(--dda-error-40);\r\n  border: solid 1px var(--dda-error-40);\r\n}\r\n\r\n/**/\r\n.dda-alert-success{\r\n  background: var(--dda-success-variant-95);\r\n  border: solid 1px var(--dda-color-success-30);\r\n}\r\n.dda-alert-secondary.dda-alert-success .material-icons,\r\n.dda-alert-secondary.dda-alert-success .alert-title{\r\n  color: var(--dda-success-40);\r\n}\r\n.light-mode.dda-alert-success{\r\n  background: var(--dda-success-95);\r\n  border: solid 1px var(--dda-success-40);\r\n  color: var(--dda-success-40);\r\n}\r\n.dda-alert-success .alert-primary-success{\r\n  background-color: var(--dda-success-40);\r\n  border: solid 1px var(--dda-success-40);\r\n}\r\n\r\n/**/\r\n\r\n\r\n.dda-alert-secondary{\r\n  background-color: var(--dda-surface-100);\r\n  border: solid 1px var(--dda-surface-90);\r\n  color: var(--dda-on-surface-0);\r\n  box-shadow: 0px 1px 2px 0px #1018280A;\r\n}\r\n.dda-alert .alert-secondary-button{\r\n  border: solid 1px var(--dda-surface-100);\r\n}\r\n.dda-alert-secondary .alert-secondary-button{\r\n  border: solid 1px var(--dda-surface-90);\r\n}\r\n/**/\r\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-alert',\r\n  styleUrls: ['dda-alert.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAlert {\r\n  @Prop() type: 'primary' | 'secondary' = 'primary';\r\n  @Prop() variation: 'info' | 'warning' | 'error' | 'success' = 'info';\r\n  @Prop() title_text: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() button_text: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() component_id?: string;\r\n\r\n  @Prop() secondary_button?: string;\r\n  @Prop() secondary_button_link?: string;\r\n\r\n  @Prop() primary_button?: string;\r\n  @Prop() primary_button_link?: string;\r\n\r\n  \r\n  @Prop() close_button_name?: string;\r\n\r\n  @Event() closeClick: EventEmitter<void>;\r\n  private onCloseClick = () => {\r\n    this.closeClick.emit();\r\n  };\r\n\r\n  @Event() firstClick?: EventEmitter<void>;\r\n   private firstClickHandler = () => {\r\n    this.firstClick.emit();\r\n  };\r\n\r\n  @Event() secondClick?: EventEmitter<void>;\r\n  private secondClickHandler = () => {\r\n    this.secondClick.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div class={`dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}`}>\r\n        <div class=\"dda-alert-inner\">\r\n          <div class=\"dda-alert-icon-wrap\">\r\n            <i class=\"info-icon material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n          </div>\r\n          <div class=\"alert-content\">\r\n            <h4 class=\"alert-title\">{this.title_text}</h4>\r\n            <p class=\"alert-description\">{this.description}</p>\r\n            <div class=\"alert-btn-wrap\">\r\n              {this.secondary_button ? <dda-button button_color=\"default-tertiary\" onClick={() => this.firstClickHandler()} custom_class=\"alert-secondary-button\" component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.secondary_button}></dda-button> : null}\r\n              {this.primary_button ? <dda-button button_color=\"default-primary\" onClick={() => this.secondClickHandler()} custom_class={`alert-primary-${this.variation}`}  component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.primary_button}></dda-button> : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <button type='button' name={this.close_button_name} class=\"dda-alert-close\" onClick={this.onCloseClick}>\r\n          <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/dda-attach-file.entry.js.map

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

package/dist/esm/dda-avatar.entry.js.map

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

package/dist/esm/dda-banner-card.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-52b38a93.js';
-
-const DdaBannerCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.custom_class = '';
-        this.banner_card_value = '';
-        this.banner_card_name = '';
-    }
-    render() {
-        const cardClass = [
-            'dda-banner-card',
-            this.custom_class,
-            this.component_mode,
-        ]
-            .filter(Boolean)
-            .join(' ');
-        return (h(Host, { key: '28cc4eda203b1c117c7453f3dc55f4d7a15e51c6' }, h("button", { key: '45fd82bafc340a0b6f50738ae2ddd316b44e057a', id: this.banner_card_id, name: this.banner_card_name, value: this.banner_card_value, class: cardClass, type: "button", role: "button", "aria-labelledby": `${this.banner_card_id}-title ${this.banner_card_id}-desc` }, h("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 }), h("span", { key: '9497d70bafe960c447a089cbd2711d09ecf7c927', class: "dda-d-flex dda-flex-column" }, h("span", { key: 'd2d601371cd1a875a86368beee011af77554828e', id: `${this.banner_card_id}-title`, class: "dda-banner-card-title", role: "heading", "aria-level": 2 }, this.banner_card_title), h("span", { key: 'a03f1653cf3f9f3711ad31a01ab5339b590e4ee7', id: `${this.banner_card_id}-desc`, class: "dda-banner-card-description" }, this.banner_card_description)))));
-    }
-};
-
-export { DdaBannerCard as dda_banner_card };
-
-//# sourceMappingURL=dda-banner-card.entry.js.map