@dubai-design-system/components-js 3.9.14 → 3.10.0

package/dist/collection/components/dda-cards/dda-team-section-cards/dda-teamsection-card-variant-one/dda-teamsection-card-variant-one.js.map

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

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

@@ -12,6 +12,7 @@ export class DdaHeader {
         this.isMobileAccessibiltyOpen = false;
         this.openMenus = {};
         this.usePredesignedAccessibilityMenu = true;
+        this.useNavigator = 'false';
         this.mobileMenuSearchId = 'mobileSearch';
         this.mobileMenuSearchUrl = 'javascript:void(0)';
         this.hideOtherMenu = false;
@@ -135,7 +136,9 @@ export class DdaHeader {
                 return null;
             return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && h("p", { class: "dda-side-nav__title" }, subMenu[0].headerLabel), h("ol", null, subMenu.map((item, index) => {
                 const currentIndex = `${parentLi}-${index}`;
-                return (h("li", { key: currentIndex }, h("a", { href: item.href, class: `${item.subLinkClass} ${item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}`, onClick: (e) => this.handleMenuClick(e, item, currentIndex) }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
+                return (h("li", { key: currentIndex }, h("a", { href: this.useNavigator == "true" ? 'javascript:void(0)' : item.href, class: `${item.subLinkClass} ${item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}`, onClick: (e) => {
+                        this.handleMenuClick(e, item, currentIndex);
+                    } }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
             }))));
         };
     }
@@ -230,12 +233,20 @@ export class DdaHeader {
                 }
             });
         }
+        else {
+            console.log('check navigator', this.useNavigator, this.navigatorClick);
+            if (this.useNavigator == "true") {
+                this.navigatorClick.emit(item.href);
+            }
+        }
     }
     render() {
         const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
-        return (h("header", { key: 'bf7c68915026dd487ed2668a05b1c9b3b95e72d5', class: 'dda-header' }, h("div", { key: '3b566dd51b39bd0e43ccbee9a82bfe70d9d3ce8f', class: "dda-head-logo" }, h("a", { key: '483b062de2b488ea8384d91963be935ab3c6ced1', href: this.firstLogoHref, class: "govt-logo" }, h("img", { key: '79fad44944f3f5e5ec9096346073176b1696eee0', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: '49d9b8cc0461fdc3e344da570bd809cbe9e41e0a', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '71519ad47e35c291f5dc8ec58ed68f0a47b5aa06', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '18e7bf72392112581792f7570da2b59311d4d4ec', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: '1d9955cf394eb9864e15f899af3bfa5ac10af2ba', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: '3ecb1145e1b21d1560fe18afc6cc12daedd5a949', class: "dda-menu-container" }, h("div", { key: '911bb8f231d9a3cf6ed359b1e8887b25520eceb0', class: "dda-main-navigation" }, h("div", { key: '686e557beedbecad7f2e1cb3cd371160e059f19b', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '2b75006d49f8c82858862a936bf1d8636c5258b1', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '3b1fe914048fa5424a3e1da6124366f326aa6188', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: 'df10d6cbc562ff8332ac4a974797f184c652a117', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '5b001f527b87686466bf55a8c884ad15e8165828', class: "hamburger-line" }), h("span", { key: '749ec119dbd153392bd9bd7f05ca0ec12ad70891', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: 'ba5132d9e32594ccd985a4bc366bd4ab23d70b22', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: 'd996fd52f8f93c2a589c6bb92552c871938a6077', class: "dda-sidemenu-content" }, h("p", { key: '5b281af3f072870dac37f44743ba53aa6c0a7c4a', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '68a3783affdcb903104e805ac9ce3e9e52e7a0d4', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
+        return (h("header", { key: '23f4abdd1b049c2a036648cc345afa537bfd9ad3', class: 'dda-header' }, h("div", { key: '75708a7c0d96ae7e0627ac2dd3f6d877cb38649f', class: "dda-head-logo" }, h("a", { key: '376534d7e2ebf1e3c7b70bd2019e325c396d5bcb', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.firstLogoHref) : "", class: "govt-logo" }, h("img", { key: '86a286e12601014a510c1c8a9dd09f7e73c847f0', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: 'e334d52ad321148fa855eac167f2f2089795c0a0', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '1672c95f349ec7dd2df37af280bfb0aa971a27fa', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.secondLogoHref) : "", class: "entt-logo" }, h("img", { key: '505d140e52f630d4c894193349925127be601f03', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: '31a5a64ad1f740d1209e47b97cc88f5bd0a9606b', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: 'c5abe1fa371364898187951d67ef98bb0514c8b8', class: "dda-menu-container" }, h("div", { key: '33f8c359d9f6879038390da1e33060040cd0b1fb', class: "dda-main-navigation" }, h("div", { key: 'b64a969cc8a7276d1db7202bccf3d4e6860a6be9', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: 'c052d16756603b30b2bfa5e8121c38d9b35b1e0e', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '204745a19ce7eb4e3bbdfdfc8390b9dc6b39a813', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: '0ce82817eefe18c0fc6dce24fd019cf74f79c31b', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'e16622d4d07398d21124f349a7f3314c4b83f22d', class: "hamburger-line" }), h("span", { key: '581f211d0fdf5b38ca95ad82a918a30b24789641', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: 'cd4f7e1002f819b1cd2c82b7260da705301553ae', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: 'cd9fca0f1bc1733749973a1251efa2560d429a46', class: "dda-sidemenu-content" }, h("p", { key: '43c4ed8339308e86ac98519e398b449b11e908eb', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '1d66cf5859653dd0b4e9d46c6a75704916c669da', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
             const currentIndex = `menu-${index}`;
-            return (h("li", { key: currentIndex, id: `header_${menu.label}` }, h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: e => {
+            return (h("li", { key: currentIndex, id: `header_${menu.label}` }, h("a", {
+                // href={menu.href}
+                href: this.useNavigator == "true" ? 'javascript:void(0)' : menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
                     if (menu.subMenu && menu.subMenu.length > 0) {
                         e.preventDefault();
                         const current = e.currentTarget;
@@ -253,30 +264,20 @@ export class DdaHeader {
                         // Show submenu
                         this.toggleSidebarSubMenu(currentIndex);
                     }
-                } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
-        })), this.hideOtherMenu == false && (h("p", { key: 'e2670c0e80d74be481515cf35718d8c5153dbe63', class: "dda-side-nav-title" }, this.sideOtherMenuTitle)), !this.hideOtherMenu && (h("ul", { key: '29c155c08350554b5396166fed14160e0945c24e', class: "main_side_menu" }, this.parsedOtherMenuItems.map((itemlist, index) => (h("li", { key: `other-${index}` }, h("a", { href: itemlist.href }, itemlist.label))))))), h("div", { key: '927cadd8348ea21f39e04fbfc12b6763cbaa2466', class: "dda-sidemenu-bottom" }, h("div", { key: '26b9b4f158e374a8c753653d1f8d39937cde7b45', class: "dda-sidemenu-gov-logo" }, h("a", { key: 'e997434cad4297edcb1a0197da4af5326e8ef44b', href: this.firstLogoHref, class: "govt-logo dda-mb-2" }, h("img", { key: '647639bdb3223672a1d2a35f4089e8c17d857848', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'fa385023b09ee7c0c1cafab21222fb4b5d661d9e', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '80e453ca6a3945a60c83d592e6cd077dc5038934' }, this.accessibility_button_id && (h("li", { key: '4f9c5452edd2f3323027c154928a7cbad0461e16' }, h("button", { key: '2ee9120d25e6209a339d2c8aa4c5bec00b27fc1e', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '4cf7e29acd629865b151721293229670d939053e', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'a949d446ad84fe82f37057aa35b4774aa5043684', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: 'a8aeda9e5272ce549960ebcdf28cb0408a1886b7' }, h("button", { key: '588bd689097520da0ad33aa01067c1ee0e184f31', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '773f0016381aa2e0439357e3604e4661bab1cbaa' }, h("dda-link-button", { key: 'f13f93d0cf38048341f43272e1beab7efa93ed6d', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '7f562f6c4bae0dbfb5c7df6c6ffcc2ca2af6d227', 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: '5df1eb9abedf1ed3b616b28d4ee5ff51dccca996', 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("p", { 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: true, 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: false, 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: false, 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: false, 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("p", { 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("p", { 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: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "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: '116f59ad8d4e58d3d1ac833ce287cc0d42904f56', "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: 'c4e553e8bb746565eb0615c915e26f029d28aa72', class: "dda-mobile-entt-logo" }, h("a", { key: 'f63e883b8a25a9db7c60943e378f38f45ffae148', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '0344ae1f1ed9429ee3bd44b8d593b35287c276c9', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'c505389d929f5d6447adcfdef2197c5e29a525e8', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '7261eeb74eff7d248372ae95897fe97b8f00e887', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: 'fb9022ad15dc3f2eae22daab6e070aea964f4306', href: this.mobileMenuSearchUrl, class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: '211fc190d87fa2b726c952600d978287c47e850a', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'c10349c7437b9605d6e11a74b859923784e74582', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: 'ed1ec61ab34c358818a5afdbf6a2f0de76eed2dc', class: "dda-toolbar-menu" }, h("ul", { key: 'f8816e69a5383d85ee43fe4166f25c29b8c77d40' }, this.search_input_name && (h("li", { key: 'cc10e093367b9f83899e1389782a1593ea5cc2d9' }, h("dda-tooltip", { key: '3430fd16d8fa5d707d4e95df9e23bcc922cb91fe', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '7b099009aa3a7b3b9a8c368f780853530b5a0ca8', class: "dda-search dda-header-search" }, h("label", { key: '5b8f97fdfb2d1f98846e54455016448cced955a3', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '61220aaeb6400f3327df98026460eafeb7c98582', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'dbc429092daf9cf400a25dfe9c53f2badd6e2e24', 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: "",
+                    else {
+                        if (this.useNavigator == "true") {
+                            this.navigatorClick.emit(menu.href);
+                        }
+                    }
+                }
+            }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
+        })), this.hideOtherMenu == false && h("p", { key: '40c84164522ec90cbc729ebcba1e375a4a647ce8', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: 'de836c4cec9241c4a549169c2baad2e7d98938a4', 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, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(itemlist.href) : "" }, itemlist.label))))))), h("div", { key: 'c74d0a6ef5780774106b59b97840c125b06530ce', class: "dda-sidemenu-bottom" }, h("div", { key: 'a52d621bf3ca66107212e71d35343eea335f083e', class: "dda-sidemenu-gov-logo" }, h("a", { key: '3897694d63fba6e3fd2756d106a3e2d576963b72', 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: '10b6e0ca4e72c4c3a0aee5eb8b20ad8100a5b186', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: '43ef554a06dc205defeb526a73b8f9263bfc5ef1', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'e71004b4ee421a1b30e9ffe78ce38af818c38eb1' }, this.accessibility_button_id && (h("li", { key: 'da86c5fa1f299aff29423240683cb849cfb2b2cb' }, h("button", { key: '15d04c035980f1e257c0e8ff2742342bbd997afd', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '44c3c08b50c58eb941e9617edc1ad31c877e4370', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '8e01e89b5c892564f0cf02335e7f004c1ea41adc', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: 'c54b0c72b599dfca862c009a276b6964674efe95' }, h("button", { key: '33b85a1524230518e7e931a483bcf7101046f1b3', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '9b79f9ee2056586ad7b632525051b4d2b80d4b6d' }, h("dda-link-button", { key: 'd885e0657353d607b7889cab4f4a8b072a189569', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '267402853479d57ad3969708f1111718f22cc173', 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: '72a1882c441f0578315710c9c2ba092d8cde1fb2', 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("p", { 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: true, 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: false, 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: false, 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: false, 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("p", { 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("p", { 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: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "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: 'ac9e93d730b92b18b03806b5f7575168708f1ad7', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) })), h("div", { key: 'dc588093f7a4a9e1fc3d238b15df31e83cdf014e', class: "dda-mobile-entt-logo" }, h("a", { key: '6524f29e0cec33ab5589f2b288c9df55b15b3ea8', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.secondLogoHref) : "", class: "entt-logo" }, h("img", { key: 'c3f57a73bf6c22397548b18a5ab96663d1e6de19', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '4e8c153da5e8ba88fc27a0ef4a113a6e0e5e852d', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '13580d1d53aa75408e8ec3e1b890570cd81e7778', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: 'c035ad67e3e515680880f6bb2795837aa57337a0', 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: 'a659e82e46220aa8b49c94dae5973ac9cb3a24ee', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'f8878bd3cf05520e005aa2142497920986ac0806', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: 'e0b94b01ea390d461601b641e9ece6a4f6d5e73d', class: "dda-toolbar-menu" }, h("ul", { key: 'e42214616e3d5aea3774ed090ecbcbbf48a90d2e' }, this.search_input_name && (h("li", { key: 'bfba58af8082f55b8094ed429273386a3441d6ae' }, h("dda-tooltip", { key: '3a53b22616b36efdc80f2474cc2e5c25fd1886af', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '6304aa0fabe292078fc98ead94807d206941dad1', class: "dda-search dda-header-search" }, h("label", { key: '8df2014f87d82cb86872c3e7baee7e22979a9d59', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'b98eeaf9209d85df9380454808d3225e21e4970d', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'b27b6930c650fa5761f53094594a0fa2f475d0e5', 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: "",
             // handleInput={(event) => console.log(event.target.value,"")}
-            onKeyPress: e => {
+            onKeyPress: (e) => {
                 if (e.key === 'Enter') {
                     this.searchhandler(e.target.value); // Pass the value to the searchhandler
                 }
-            } }), h("span", { key: '7c54d20c98914ba89da1db8035bd0b4a51fb6e4e', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'ccd2629e237caa3c9434afc2fef2085ef463ec12' }, h("dda-tooltip", { key: 'd94a2cda134137dd98588cf20ad926616f40b1ee', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '0e8e99506d1c356bac04c2e4dad340a57ed4a4e1', 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: '90cc09ff44f0eaabcee0e7014da2a092551ca122', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'f1096d4e2f2ddb5184e3af8ed23ec1fac98a019f', 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("p", { 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: true, 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: false, 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: false, 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: false, 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("p", { 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("p", { 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: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "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: '15802ee78242fad5f49d0afba2b83ea4f48a24cf' }, h("dda-tooltip", { key: '02c88850d4090e1c0dd11f469285be72fe7960ff', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: 'e902ff178e53dea6eade32d7502fe282f77258f8', 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: '8b3336ee9b10b36d809634f08c8f8e9969b2276a' }, h("dda-tooltip", { key: '3bb805c2d91eaae6cb814c1528d8e725d0247b06', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: 'c3fd0a55fd479009cde464ee1b4aa0a6bc8089b9', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))))));
+            } }), h("span", { key: '44d09b3ee8241e89cd0f26a72ab9fe8516a454c9', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: '432b91db55e767121f47860991a2376c89e0e79c' }, h("dda-tooltip", { key: '6addae5a057ddec580123a4e70ea9e4f7cd730fa', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: 'bc5c3daee5d0ebc96997525c2df8631c59809080', 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: 'da91a9b60cd33a3e4875bc58c8f77ff834535b11', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '474adf447db4f45bd3831f9a6d617832a4e66de5', 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("p", { 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: true, 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: false, 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: false, 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: false, 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("p", { 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("p", { 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: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "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: '3c0f2a69675ccb0451a4144d3b2f195f0572fa7d' }, h("dda-tooltip", { key: 'ca764bc214191122dd8a612a64ea0abbf035cd56', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: 'c691c284d19cc5b448fc93cfba59516700fbd59b', 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: '0e2931b2f1c1c505f15205848835f2779a5d0fb7' }, h("dda-tooltip", { key: '70bde4dbe95dd7e65fd53a4f60b6025d56c3b3f6', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: 'c2de1c9095bf316895fa2e6ebba72bec991d9b82', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))))));
     }
     static get is() { return "dda-header"; }
     static get originalStyleUrls() {
@@ -980,6 +981,26 @@ export class DdaHeader {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "useNavigator": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'true' | 'false'",
+                    "resolved": "\"false\" | \"true\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "use-navigator",
+                "reflect": false,
+                "defaultValue": "'false'"
+            },
             "search_input_placeholder": {
                 "type": "string",
                 "mutable": false,
@@ -1317,6 +1338,21 @@ export class DdaHeader {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "navigatorClick",
+                "name": "navigatorClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
             }, {
                 "method": "smTextSize",
                 "name": "smTextSize",