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

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

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

package/dist/esm/dda-teamsection-card.entry.js.map

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