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

package/dist/collection/components/dda-home-banner/dda-home-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-home-banner.js","sourceRoot":"","sources":["../../../src/components/dda-home-banner/dda-home-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
+{"version":3,"file":"dda-home-banner.js","sourceRoot":"","sources":["../../../src/components/dda-home-banner/dda-home-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["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 && this.slides.length > 1;\r\n  //   this.playVideoInCurrentSlide();\r\n\r\n  //   if (this.autoPlayActive) {\r\n  //     this.startAutoplay();\r\n  //     this.animateProgress(); // Initial animation\r\n  //   }\r\n  // }\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 && this.slides.length > 1;\r\n  this.playVideoInCurrentSlide();\r\n\r\n  // ✅ Wait for the DOM to fully render slides before animating\r\n  if (this.autoPlayActive) {\r\n    const tryStart = () => {\r\n      const circle = this.el.querySelector('.circle-loader');\r\n      if (circle) {\r\n        this.startAutoplay();\r\n        this.animateProgress();\r\n      } else {\r\n        requestAnimationFrame(tryStart);\r\n      }\r\n    };\r\n    tryStart();\r\n  }\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    // Disable autoplay if there's only one slide\r\n    if (this.slides.length <= 1) {\r\n      this.autoPlayActive = false;\r\n      this.stopAutoplay();\r\n    }\r\n  }\r\n\r\n  startAutoplay() {\r\n    this.stopAutoplay();\r\n\r\n    if (this.autoPlayActive && this.slides.length > 1) {\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(\r\n            'loadedmetadata',\r\n            () => {\r\n              setupTimer(video.duration * 1000);\r\n            },\r\n            { once: true }\r\n          );\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    const hasMultipleSlides = this.slides.length > 1;\r\n\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            {hasMultipleSlides && (\r\n              <div class=\"dda-home-banner-slider-nav-content\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dda-home-banner-prev\"\r\n                  onClick={() => this.prevSlide()}\r\n                >\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\r\n                      class=\"main-circle\"\r\n                      width=\"25\"\r\n                      height=\"26\"\r\n                      viewBox=\"0 0 25 26\"\r\n                      fill=\"none\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      aria-hidden=\"true\"\r\n                    >\r\n                      <path\r\n                        class=\"circle-loader\"\r\n                        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\"\r\n                        stroke=\"white\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                      />\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\r\n                        class=\"nav-pause-icon\"\r\n                        width=\"7\"\r\n                        height=\"7\"\r\n                        viewBox=\"0 0 7 7\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        aria-hidden=\"true\"\r\n                      >\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\r\n                        class=\"nav-play-icon\"\r\n                        width=\"9\"\r\n                        height=\"9\"\r\n                        viewBox=\"0 0 9 9\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        aria-hidden=\"true\"\r\n                      >\r\n                        <path\r\n                          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\"\r\n                          fill=\"white\"\r\n                        />\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                      ></button>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dda-home-banner-next\"\r\n                  onClick={() => this.nextSlide()}\r\n                  aria-label=\"Next slide\"\r\n                >\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\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"]}

package/dist/collection/components/dda-select/dda-select.js

@@ -119,24 +119,14 @@ export class Ddaselect {
     render() {
         const labelId = `${this.button_id}-label`;
         const valueId = `${this.button_id}-value`;
-        return (h(Host, { key: '1695d610ca724cf642bf21a10e5fd449719e7148' }, h("div", { key: '262e8921a9993aaae454624119a6b5382e15b7bf', class: `
+        return (h(Host, { key: 'ecf43cd602ef0f98974d1c76cfd50ac7357b6a08' }, h("div", { key: '4c15c3048ad62d235b7259cbf3f39921909ce5e5', class: `
             dda-input-container ${this.custom_class} 
             ${this.component_mode} 
             ${this.disabled ? 'dda-input-disabled' : ''} 
             dda-input-size-${this.size} dda-validation-${this.validation_type}
-          ` }, this.label && (h("span", { key: '3de023aee88b99523b18072bdd523232b4541203', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: 'e47bc1b665903cdda4432c59aea76fa33350de9c', class: "dda-dropdown-container" }, h("button", { key: '31ee45ed59da1db07ba971e3fee6b0766a96762b', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: '50c26dcecd11aa6c98ee98cf0cba349a430b3bd2', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: 'aceb250923afa0e5e18ca7622d96a192c04a8a7c', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: '9e7514e189fa2f61c5b6b45f03e9d11b64b1aeea', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
+          ` }, this.label && (h("span", { key: 'e58cda1941ef732a951dc06f7c01f7d904a1c8c3', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: '6885ef524717d3b8f9850b3995f56ae5194e748a', class: "dda-dropdown-container" }, h("button", { key: 'a4e6e30acdf55e12aa4742f9dc824c9e1eec0b57', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: '8f67e50593affdb2b558200091c2aecd53e9c387', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: '423ca7dcd2b51118ffa5e5cddaa86d05ae981e5d', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: 'ffcefb669f4400f26ffff871092cf22ac977a2d4', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
     }
     static get is() { return "dda-select"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../../global/input.css", "../../global/global.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../../global/input.css", "../../global/global.css"]
-        };
-    }
     static get properties() {
         return {
             "label": {

package/dist/collection/components/dda-select/dda-select.js.map

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

package/dist/components/dda-header.js

@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './p-42b74b87.js';
 import { d as defineCustomElement$3 } from './p-c30d0ada.js';
 import { d as defineCustomElement$2 } from './p-ba13ee0a.js';
 
-const ddaHeaderMainCss = ".dda-header{width:100%;height:auto;background:var(--dda-surface-100);box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:999}body.transparent .dda-header{background:transparent;box-shadow:none}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}body.transparent .dda-header.white{box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13)}body.transparent .dda-header::before{content:\"\";width:100%;height:250px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;direction:ltr !important}.govt-logo img{height:72px}.entt-logo img{height:54px}body.transparent .logo-colored{display:none}.logo-white{display:none}body.transparent .logo-white{display:block}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme='dark'] .dda-head-logo .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme='dark'] .dda-head-logo .logo-colored{display:none}:root[data-theme='dark'] .dda-header.white .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:22px}.hamburger-menu-btn{width:27px;height:22px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:\"\"}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:\"\";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:3px}.hamburger-menu-btn::before{top:4px}.hamburger-menu-btn::after{bottom:4px}.hamburger-line{top:10px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}body.transparent .hamburger-menu-btn::before,body.transparent .hamburger-menu-btn::after,body.transparent .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:10px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);bottom:10px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999}.dda-header-megamenu{width:100%;padding:0 15px;position:fixed;top:175px;left:0}.dda-header-submenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.dda-header-submenu-item .dda-header-submenu-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.dda-header-submenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:var(--font-body);color:var(--dda-on-surface-10);font-weight:var(--font-weight-regular);border:0px;padding:11px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.dda-toolbar-menu ul li .tool-btn:focus-visible,.dda-toolbar-menu-sidemenu ul li .tool-btn:focus-visible{outline:solid 1px var(--dda-on-primary-variant-40) !important;outline-offset:-1px}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.da-header-search{display:none}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:20px;color:var(--dda-on-surface-variant-30)}@media only screen and (min-width: 768px){body.transparent .dda-toolbar-menu ul li .tool-btn,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:rgb(41 42 45 / 14%);color:var(--dda-neutral-100)}body.transparent .dda-toolbar-menu ul li .tool-btn i,body.transparent .dda-toolbar-menu ul li .tool-btn svg,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}}.dda-search{position:relative}.dda-search i,.dda-search svg{font-size:21px;color:var(--dda-on-surface-variant-30);position:absolute;top:9px;inset-inline-start:10px;z-index:1}.dda-header-search-input{padding:0px !important}.dda-search input[type=\"text\"]{width:110px;height:40px;background-color:transparent;border:0px;font-family:var(--font-family-main);font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:40px !important;padding-inline-end:10px;}.dda-search input[type=\"text\"]:focus{width:250px;}.dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type=\"text\"]::placeholder{color:var(--dda-on-surface-0)}body.transparent .dda-header .dda-search input[type=\"text\"]{color:var(--dda-surface-100)}body.transparent .dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search input[type=\"text\"]::placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search i{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px !important;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:\"\";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);}ul.main_side_menu li a i{display:block}:root[dir='rtl'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir='rtl'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.active,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:380px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:var(--font-h6);color:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;}.mobile-accessibility{padding-top:35px;position:absolute;top:0px;z-index:10;height:100%}.mobile-accessibility-content{display:block;padding:0 14px;height:100%;overflow-y:auto}.mobile-accessibility-content::-webkit-scrollbar{width:6px}.mobile-accessibility-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.mobile-accessibility-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.mobile-accessibility-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px;border:0px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-login-popup.desktop,.dda-login-popup.mobile{display:none}.dda-login-popup{background-color:var(--dda-surface-100);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n        0 4px 6px -4px rgba(0, 0, 0, 0.1);border:1px solid var(--dda-surface-variant-90);border-radius:0.5rem;padding:0.75rem;z-index:50;height:fit-content;min-width:110px}.dda-login-popup.desktop{position:fixed;top:170px;bottom:auto;inset-inline-end:5.5rem}.dda-login-popup.mobile{position:fixed;bottom:2.5rem;inset-inline-end:6rem}.dda-login-popup ul>:not(:last-child){border-bottom:1px solid var(--dda-surface-variant-90)}.dda-login-popup a{text-align:start;padding-inline:0.5rem;padding-block:0.25rem;display:inline-block;text-decoration:none;width:100%;color:var(--dda-surface-0);border-radius:4px}.dda-login-popup a:hover{background-color:var(--dda-on-primary-98);color:var(--dda-on-primary-variant-40)}@media (min-width: 640px){.dda-login-popup{inset-inline-end:8rem}}@media (max-width: 768px){.dda-login-popup.desktop{display:none !important}}@media (min-width: 767px){.dda-login-popup.mobile{display:none !important}}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search a,.dda-mobile-search button{width:30px;padding:0;background:transparent;border:transparent}.dda-mobile-search a i,.dda-mobile-search a svg,.dda-mobile-search button i,.dda-mobile-search button svg{font-size:23px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search a svg,.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}body.transparent .dda-mobile-search a i,body.transparent .dda-mobile-search a svg,body.transparent .dda-mobile-search button i,body.transparent .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){body.transparent .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{width:100vw;height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li a{padding-left:10px;padding-right:10px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;box-shadow:none;border-radius:0px}ul.main_side_menu li a.showSub::after{transform:rotate(45deg);inset-inline-end:13px}ul.main_side_menu li a.icon_arrow::after{transform:rotate(-135deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(45deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub.icon_arrow::after{transform:rotate(-135deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0;padding-inline-start:10px}.maincontent{padding-top:100px}ul.main_side_menu a.showSub.icon_arrow{background-color:var(--dda-on-primary-94)}ul.main_side_menu .main_sub_menu.showSubMenu{background-color:var(--dda-on-primary-98)}ul.main_side_menu li a:hover{padding-bottom:13px}}@media (max-width: 1024px){.dda-header{padding:10px 0}.dda-head-logo,.dda-menu-container{width:100vw}}@media (prefers-reduced-motion: no-preference){.dda-search input[type=\"text\"]{transition:all 250ms ease}.dda-header{transition:all 300ms ease-in-out}.dda-sidemenu{transition:left 0.5s ease}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{transition:all 250ms ease}.dda-accessibility{transition:left 0.5s ease}}";
+const ddaHeaderMainCss = ".dda-header{width:100%;height:auto;background:var(--dda-surface-100);box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:999}body.transparent .dda-header{background:transparent;box-shadow:none}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}body.transparent .dda-header.white{box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13)}body.transparent .dda-header::before{content:\"\";width:100%;height:250px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;direction:ltr !important}.govt-logo img{height:72px}.entt-logo img{height:54px}body.transparent .logo-colored{display:none}.logo-white{display:none}body.transparent .logo-white{display:block}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme='dark'] .dda-head-logo .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme='dark'] .dda-head-logo .logo-colored{display:none}:root[data-theme='dark'] .dda-header.white .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:22px}.hamburger-menu-btn{width:27px;height:22px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:\"\"}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:\"\";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:3px}.hamburger-menu-btn::before{top:4px}.hamburger-menu-btn::after{bottom:4px}.hamburger-line{top:10px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}body.transparent .hamburger-menu-btn::before,body.transparent .hamburger-menu-btn::after,body.transparent .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:10px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);bottom:10px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999}.dda-header-megamenu{width:100%;padding:0 15px;position:fixed;top:175px;left:0}.dda-header-submenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.dda-header-submenu-item .dda-header-submenu-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.dda-header-submenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:var(--font-body);color:var(--dda-on-surface-10);font-weight:var(--font-weight-regular);border:0px;padding:11px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.dda-toolbar-menu ul li .tool-btn:focus-visible,.dda-toolbar-menu-sidemenu ul li .tool-btn:focus-visible{outline:solid 1px var(--dda-on-primary-variant-40) !important;outline-offset:-1px}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.da-header-search{display:none}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:20px;color:var(--dda-on-surface-variant-30)}@media only screen and (min-width: 768px){body.transparent .dda-toolbar-menu ul li .tool-btn,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:rgb(41 42 45 / 14%);color:var(--dda-neutral-100)}body.transparent .dda-toolbar-menu ul li .tool-btn i,body.transparent .dda-toolbar-menu ul li .tool-btn svg,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}}.dda-search{position:relative}.dda-search i,.dda-search svg{font-size:21px;color:var(--dda-on-surface-variant-30);position:absolute;top:9px;inset-inline-start:10px;z-index:1}.dda-header-search-input{padding:0px !important}.dda-search input[type=\"text\"]{width:110px;height:40px;background-color:transparent;border:0px;font-family:var(--font-family-main);font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:40px !important;padding-inline-end:10px;}.dda-search input[type=\"text\"]:focus{width:250px;}.dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type=\"text\"]::placeholder{color:var(--dda-on-surface-0)}body.transparent .dda-header .dda-search input[type=\"text\"]{color:var(--dda-surface-100)}body.transparent .dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search input[type=\"text\"]::placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search i{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;height:100%;position:relative}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px !important;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:\"\";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);}ul.main_side_menu li a i{display:block}:root[dir='rtl'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir='rtl'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.active,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:380px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:var(--font-h6);color:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;}.mobile-accessibility{padding-top:35px;position:absolute;top:0px;z-index:10;height:100%}.mobile-accessibility-content{display:block;padding:0 14px;height:100%;overflow-y:auto}.mobile-accessibility-content::-webkit-scrollbar{width:6px}.mobile-accessibility-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.mobile-accessibility-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.mobile-accessibility-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px;border:0px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-login-popup.desktop,.dda-login-popup.mobile{display:none}.dda-login-popup{background-color:var(--dda-surface-100);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n        0 4px 6px -4px rgba(0, 0, 0, 0.1);border:1px solid var(--dda-surface-variant-90);border-radius:0.5rem;padding:0.75rem;z-index:50;height:fit-content;min-width:110px}.dda-login-popup.desktop{position:fixed;top:170px;bottom:auto;inset-inline-end:5.5rem}.dda-login-popup.mobile{position:fixed;bottom:2.5rem;inset-inline-end:6rem}.dda-login-popup ul>:not(:last-child){border-bottom:1px solid var(--dda-surface-variant-90)}.dda-login-popup a{text-align:start;padding-inline:0.5rem;padding-block:0.25rem;display:inline-block;text-decoration:none;width:100%;color:var(--dda-surface-0);border-radius:4px}.dda-login-popup a:hover{background-color:var(--dda-on-primary-98);color:var(--dda-on-primary-variant-40)}@media (min-width: 640px){.dda-login-popup{inset-inline-end:8rem}}@media (max-width: 768px){.dda-login-popup.desktop{display:none !important}}@media (min-width: 767px){.dda-login-popup.mobile{display:none !important}}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search a,.dda-mobile-search button{width:30px;padding:0;background:transparent;border:transparent}.dda-mobile-search a i,.dda-mobile-search a svg,.dda-mobile-search button i,.dda-mobile-search button svg{font-size:23px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search a svg,.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}body.transparent .dda-mobile-search a i,body.transparent .dda-mobile-search a svg,body.transparent .dda-mobile-search button i,body.transparent .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){body.transparent .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{width:100vw;height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li a{padding-left:10px;padding-right:10px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;box-shadow:none;border-radius:0px}ul.main_side_menu li a.showSub::after{transform:rotate(45deg);inset-inline-end:13px}ul.main_side_menu li a.icon_arrow::after{transform:rotate(-135deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(45deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub.icon_arrow::after{transform:rotate(-135deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0;padding-inline-start:10px}.maincontent{padding-top:100px}ul.main_side_menu a.showSub.icon_arrow{background-color:var(--dda-on-primary-94)}ul.main_side_menu .main_sub_menu.showSubMenu{background-color:var(--dda-on-primary-98)}ul.main_side_menu li a:hover{padding-bottom:13px}}@media (max-width: 1024px){.dda-header{padding:10px 0}.dda-head-logo,.dda-menu-container{width:100vw}}@media (prefers-reduced-motion: no-preference){.dda-search input[type=\"text\"]{transition:all 250ms ease}.dda-header{transition:all 300ms ease-in-out}.dda-sidemenu{transition:left 0.5s ease}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{transition:all 250ms ease}.dda-accessibility{transition:left 0.5s ease}}";
 const DdaHeaderStyle0 = ddaHeaderMainCss;
 
 const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
@@ -393,9 +393,9 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
                 } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
         })), this.hideOtherMenu == false && h("h6", { key: 'a9d47b8de1b3896dda81e22e3beafa57bfa24e42', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: '8e6920c0eb8383b4e1a5da31c88f8c12db2a408f', class: "main_side_menu" }, this.parsedOtherMenuItems.map((itemlist, index) => (h("li", { key: `other-${index}` }, h("a", { href: this.useNavigator == 'true' ? 'javascript:void(0)' : itemlist.href, class: {
                 active: itemlist['active'] === 'true',
-            }, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(itemlist.href) : '') }, itemlist.label))))))), h("div", { key: '7a4db07db60f2b6936d25bf2d8ecfafdc7d3da29', class: "dda-sidemenu-bottom" }, h("div", { key: 'b8aded954a1d95a4ba50ed10a04f99af3143a9a2', class: "dda-sidemenu-gov-logo" }, h("a", { key: '59b440eded7e2be6a459919d153901d8491cf09f', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo dda-mb-2" }, h("img", { key: 'b7b24c1f2e9ddb03f1f86b139bee048b7887dae8', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'd6fdbf97d3af590aea512ffcf7556696b4f2583d', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'f0a95d5ce431eaf6f10470f6bc0c5c82cf227f70' }, this.accessibility_button_id && (h("li", { key: '31b46cf56b69acb2890bfba7d6c7c1d941ca7c13' }, h("button", { key: '09513c2435987924121a7a48999032c32d8af532', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '6595f8254a398fd6540900cf325a6c790d326f37', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '27c1bedb6de28ef97ebb0c0fc896df15690d6675', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: '5c01765fcc511a6ef915bdce962726f59d789999' }, h("button", { key: '7c2dd4b0a0b529ea957e9745badab5ba31cd27e3', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: 'b3760400eeca0c2497890aff2f2431fccbbc3852' }, h("dda-link-button", { key: 'e81a27c36f0cceb4c12381c9723199eedd63f6fc', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
+            }, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(itemlist.href) : '') }, itemlist.label)))))), h("button", { key: 'b8347c98a8c1de35a7b3ee8cbbbc0cef3389206b', type: "button", name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '7e60fd1e58b44d67c252577029f903af0523e4d3', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))), h("div", { key: 'b0ab77f5e09e07fe0cbdf0e4b185020d041b50fb', class: "dda-sidemenu-bottom" }, h("div", { key: '2f5d44c82d26990aa5bbec5fa6a0ed67305754de', class: "dda-sidemenu-gov-logo" }, h("a", { key: '563ff1f1f20afb4d393cc4934bbfd772f5a4298c', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo dda-mb-2" }, h("img", { key: 'c6b2f76b1a8c8bdb2d146169c00cd314b18f16a9', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'c7b6c6cefdc1fd1aa123cc0563ab4c07a6f567fb', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '986b22e5512f15b6d5406183d6d7776aced51354' }, this.accessibility_button_id && (h("li", { key: '5c005c1bc0a88b4bef2276f0f1922b8877d877aa' }, h("button", { key: '03b5869a158bc9539b87960acefe193d7f235fd2', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '338033c97c6d3f4e481f9ed2d4e949eab11a2634', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '8a2fc90be54695cefa81df13ed735e39ca05bd93', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: '39442db375abbe4e812786bd75d79662235cae4a' }, h("button", { key: 'f81180a4a9808bd1a44a76cd8345ee25d3842d93', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '54838fb84f8e9b3176a31a8d626b765be2b0f1ba' }, h("dda-link-button", { key: 'c3deeb4ed7f970fbb4046cf94ec75740cb443bed', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
             // href={this.loginLink}
-            href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '41b93f98387c7f745255c1e2d3cee6d10eba5275', type: "button", name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: 'bf351a2f21a65f2e6c29927fdff6e526deb785a4', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isMobileAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "mobile-accessibility-content" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalThemeMobile", group_name: "themeselectionMobile", input_id: "NormalThemeMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "hydrated" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlindMobile", group_name: "themeselectionMobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeaknessMobile", group_name: "themeselectionMobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeaknessMobile", group_name: "themeselectionMobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }))))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleMobileAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))) : null), this.quickLinks && (h("dda-header-menu", { key: '5c27324ff74b40a6a663aac1fb537a86c45ee52a', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "show-Quick-Links-Icon": this.showQuickLinksIcon, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: 'c100b736534c53cc1391072fbd87e5ad7b903d82', class: "dda-mobile-entt-logo" }, h("a", { key: 'efba4f495641e956dc43dc9603714340bb7974b4', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '0056a10a5496eda85a4eb8af7c253b560b5865e5', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '493a46dc9e0279cc1e07379a3261a937494d0469', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: 'a761d94f9184e92cd50ae5a74d819376fb5e2550', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: 'eeb5d0eeb35957cc6c85a17ec1d8d0cd1acf5e48', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.mobileMenuSearchUrl, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.mobileMenuSearchUrl) : ''), class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: 'f9090497d061a6a77e8e4186ef8e1f567275830a', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '241489196b009f49f8a49d6733b716ba54d386df', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '4648076bea0c69c3c36bf1c96d548f24532dd045', class: "dda-toolbar-menu" }, h("ul", { key: '09e2167c6e5f212705c1ec525b1bc3f5639b65f3' }, this.search_input_name && (h("li", { key: '848d1eac43b630193cd2923f5b85eefcdd7ee8d6' }, h("dda-tooltip", { key: '3d2fc2ceb44396ecde4ff6a4b6ae449fc874971d', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '5234eca1e761519097802f496109b9eebe930b21', class: "dda-search dda-header-search" }, h("label", { key: 'b407782c0b50da5d786f1a51f38121d6e43513bb', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: 'ca3efe720eeda2fe2949d66edbba61dc590479bc', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'ce6504719137054b04bf5708219e8897933240fd', placeholder: this.search_input_placeholder || 'Search', type: "text", input_id: "ddaSearch", value: this.search_value, input_name: this.search_input_name, aria_label: "input", input_role: "search", error_message: "Error text", validation_type: "normal", validation_id: "validationId", input_status: "normal", size: "default", custom_class: "dda-header-search-input tool-btn", component_mode: "", onInputChanged: (e) => {
+            href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isMobileAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "mobile-accessibility-content" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalThemeMobile", group_name: "themeselectionMobile", input_id: "NormalThemeMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "hydrated" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlindMobile", group_name: "themeselectionMobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeaknessMobile", group_name: "themeselectionMobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeaknessMobile", group_name: "themeselectionMobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }))))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleMobileAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))) : null), this.quickLinks && (h("dda-header-menu", { key: '17e60d2b64d3450cdc7829a630bfebc7c57e062f', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "show-Quick-Links-Icon": this.showQuickLinksIcon, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: '5a009a45527d9a5c2115760fd1bd841a129315db', class: "dda-mobile-entt-logo" }, h("a", { key: '52b4073e25d0d31c905faabab1c94a8519624e66', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '1e13be9b82915fb77e19840d6dbe9f1cc1ad3819', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'c6c81bda608609ec558de4c89e926824d6ca6f93', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '97b006f437d75ec8b27e24554df9b56bfd7ff1ee', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: 'c48e5be76b471bdf5cf503b692ea525e9f5a5f6b', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.mobileMenuSearchUrl, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.mobileMenuSearchUrl) : ''), class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: '7194871bc48ff2a783bd86e678de063de49ef3b0', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '92ae3b3c5e146ef8df51d512ef7b86ddbd2bc2eb', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '71a24e54fe17861d5369c16b9eb47dc8deabc610', class: "dda-toolbar-menu" }, h("ul", { key: 'd3be2c239014bc04830df7ec6a87708e5d33d11c' }, this.search_input_name && (h("li", { key: '0ffdd3708a4f06363a1a52926ec2c2cc936aa230' }, h("dda-tooltip", { key: '2864373c889e34642c269f4943955d5a6699e334', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: 'e2451bc401ff4ea6a459ffcc76df013af42bc080', class: "dda-search dda-header-search" }, h("label", { key: 'd5ffe376370c6b60f255c64d31cd765b60fc51f5', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: '3a2546a99f9990f9add81ed79824f89b1d45cc29', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'fd7fa33ef30326ca0dce0a6a9a50ab17d0eaab16', placeholder: this.search_input_placeholder || 'Search', type: "text", input_id: "ddaSearch", value: this.search_value, input_name: this.search_input_name, aria_label: "input", input_role: "search", error_message: "Error text", validation_type: "normal", validation_id: "validationId", input_status: "normal", size: "default", custom_class: "dda-header-search-input tool-btn", component_mode: "", onInputChanged: (e) => {
                 this.searchhandler(e.detail.target.value);
                 console.log(e.detail.target.value);
             }, onKeyPress: e => {
@@ -404,7 +404,7 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
                     console.log(e.target.value);
                     // Pass the value to the searchhandler
                 }
-            } }), h("span", { key: '785134f70ed457049d85fdc06493b9ad8ad0df65', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: '1813b4dee3a50e80c1c65adcc50ad6558615e986' }, h("dda-tooltip", { key: '0b73067134c0fb11a387c43a2ee133e7d1cc59ce', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '4669cbcab099fe5cf68e2cadf73203562a511a0a', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", onClick: this.toggleAccessibilty, id: this.accessibility_button_id }, h("i", { key: 'ea21f161250ad97683a97ca3262c3d1d2c22a1cc', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '96749ab12d27b6089dd3100e762a35adf432f685', class: "visually-hidden" }, this.accessibility_button_text))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalTheme", group_name: "themeselection", input_id: "NormalTheme", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlind", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeakness", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeakness", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler })))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))) : null)), this.language_text && (h("li", { key: '603c854ba93aa5f9ae80617c38f21ae5a1f22334' }, h("dda-tooltip", { key: 'a1ae8fce57f41dc770ff835763d8c697bb00a89a', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: '29d7428dbce4c32930a100225c8cb12f8a8884ff', button_color: "onsurface-secondary", custom_class: "tool-btn", button_text: this.language_text, button_shape: "circle", size: "sm", onClick: this.languagehandler })))), this.loginText && (h("li", { key: 'aff9f8f0fa4134d3dde75182dea55b129367ea12' }, h("dda-tooltip", { key: 'b39cbe2b7f6ac188f9221d6c56748643df448f7a', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: 'dae4c808217fc60dc2a51d01b0627b16e3bbc79a', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
+            } }), h("span", { key: 'f3c7f8b943401f81e07f4ca914b344677fec7d50', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'dc6406f095f5386c00b3c0e4d276066071341df1' }, h("dda-tooltip", { key: 'd1dd080b48096bae38a67847a3101c4d1452d486', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '8d96493a4e036c1fa11d6e8818a1ca171ee4f575', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", onClick: this.toggleAccessibilty, id: this.accessibility_button_id }, h("i", { key: '098ba5c988e9747b23a38bfb9cbc2dbad2c30401', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '59bcfed4bc18816869eb70d0576911327807af83', class: "visually-hidden" }, this.accessibility_button_text))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalTheme", group_name: "themeselection", input_id: "NormalTheme", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlind", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeakness", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeakness", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler })))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))) : null)), this.language_text && (h("li", { key: '2e3161882b7f83d4b213d4e48a5b279d61fcf518' }, h("dda-tooltip", { key: 'abc31292e476a458492365e0a75ee38c6f921a4b', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: 'ec64db79154c52ad71b967eea99ff1fb42a9facc', button_color: "onsurface-secondary", custom_class: "tool-btn", button_text: this.language_text, button_shape: "circle", size: "sm", onClick: this.languagehandler })))), this.loginText && (h("li", { key: '180106edd4c2dd0c913a35ee234c17f7567bc5f8' }, h("dda-tooltip", { key: 'cc7b960b53baa7bd6fcf3c48b9c46cf961940655', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: '018cd454e292f0017a9209254f2f024513d1f056', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
             // href={this.loginLink}
             href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), this.useLoginPopup ? (h("div", { class: "dda-login-popup desktop", style: { display: this.isDesktopLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null, this.useLoginPopup ? (h("div", { class: "dda-login-popup mobile", style: { display: this.isMobileLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null)));
     }