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

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

@@ -1,324 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class DdaImageCard {
-    constructor() {
-        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 is() { return "dda-teamsection-card"; }
-    static get properties() {
-        return {
-            "image_src": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_src",
-                "reflect": false
-            },
-            "header_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "header_text",
-                "reflect": false
-            },
-            "profession": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "profession",
-                "reflect": false
-            },
-            "body_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "body_text",
-                "reflect": false
-            },
-            "body_text_two": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "body_text_two",
-                "reflect": false
-            },
-            "sajin": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sajin",
-                "reflect": false
-            },
-            "custom_class": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "custom_class",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "component_mode": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "component_mode",
-                "reflect": false
-            },
-            "card_type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'variant-one' | 'variant-two' | 'variant-three' | 'variant-four' | 'variant-five' | 'variant-six' | 'variant-seven' | 'variant-eight' | 'full'",
-                    "resolved": "\"full\" | \"variant-eight\" | \"variant-five\" | \"variant-four\" | \"variant-one\" | \"variant-seven\" | \"variant-six\" | \"variant-three\" | \"variant-two\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "card_type",
-                "reflect": false,
-                "defaultValue": "'variant-one'"
-            },
-            "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'"
-            },
-            "social_icons": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "social_icons",
-                "reflect": false,
-                "defaultValue": "[]"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "parsedSocialIcons": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "navigatorClick",
-                "name": "navigatorClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "social_icons",
-                "methodName": "parseSocialIcons"
-            }];
-    }
-}
-//# sourceMappingURL=dda-teamsection-card-variant-one.js.map

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

@@ -1 +0,0 @@
-{"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":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO5F,MAAM,OAAO,YAAY;IALzB;QAYU,iBAAY,GAAY,EAAE,CAAC;QAE3B,cAAS,GAAmJ,aAAa,CAAC;QAE1K,iBAAY,GAAqB,OAAO,CAAC;QACzC,iBAAY,GAAQ,EAAE,CAAC;QACtB,sBAAiB,GAMpB,EAAE,CAAC;KA2OV;IAxOC,gBAAgB,CAAC,MAAW;QAC1B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,CAAC;gBACH,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC9C,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;gBAC5B,OAAO,CAAC,IAAI,CAAC,0CAA0C,EAAE,CAAC,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC;IAEO,WAAW;;QACjB,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;YACvB,KAAK,aAAa;gBAChB,OAAO;gBACL,yCAAyC;gBACzC,6FAA6F;gBAC7F,2BAA2B;gBAC3B,sDAAsD;gBACtD,mDAAmD;gBACnD,yDAAyD;gBACzD,+BAA+B;gBAC/B,mEAAmE;gBACnE,aAAa;gBACb,eAAe;gBACf,aAAa;gBACb,OAAO;gBACP,SAAS;gBACT,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,WAAW,IAAI,kBAAkB;oBAClG,IAAI,CAAC,SAAS,IAAI,CACjB,WAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,oBAAoB,CAAC,CAAC,CAAC,6BAA6B,EAAE,KAAK,EAAC,mBAAmB,GAAG,CACxJ;oBAEA,IAAI,CAAC,WAAW,IAAI,CACnB,WAAK,KAAK,EAAC,mCAAmC;wBAC5C,WAAK,KAAK,EAAC,8BAA8B;4BACvC,UAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,WAAW,CAAM;4BAE7C,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK,CACrE,CACF,CACP,CACG,CACP,CAAC;YAEJ,KAAK,aAAa;gBAChB,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,WAAW,IAAI,kBAAkB;oBAClG,IAAI,CAAC,SAAS,IAAI,WAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,oBAAoB,CAAC,CAAC,CAAC,6BAA6B,GAAI;oBAC/I,IAAI,CAAC,WAAW,IAAI,CACnB,WAAK,KAAK,EAAC,UAAU;wBACnB,UAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,WAAW,CAAM;wBAC7C,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK,CACrE,CACP,CACG,CACP,CAAC;YAEJ,KAAK,eAAe;gBAClB,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,WAAW,IAAI,kBAAkB;oBAClG,IAAI,CAAC,SAAS,IAAI,WAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,oBAAoB,CAAC,CAAC,CAAC,6BAA6B,GAAI;oBAC/I,IAAI,CAAC,WAAW,IAAI,CACnB,WAAK,KAAK,EAAC,mBAAmB;wBAC5B,UAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,WAAW,CAAM;wBAC7C,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK,CACrE,CACP;oBAEA,CAAA,MAAA,IAAI,CAAC,iBAAiB,0CAAE,MAAM,IAAG,CAAC,IAAI,CACrC,UAAI,KAAK,EAAC,uBAAuB,gBAAa,GAAG,IAAI,CAAC,WAAW,qBAAqB,IACnF,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,UAAI,GAAG,EAAE,KAAK;wBACZ;4BACE,yBAAyB;4BACzB,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAC1E,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7F,KAAK,EAAE,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,cAAc,IAAI,mBAAmB,EACzE,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,gBACb,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,eAAe,IAAI,mBAAmB;4BAE7E,IAAI,CAAC,aAAa,IAAI,WAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,cAAc,IAAI,EAAE,EAAE,KAAK,EAAC,aAAa,GAAG;4BAEhI,IAAI,CAAC,cAAc,IAAI,YAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,cAAc,CAAQ,CAChF,CACD,CACN,CAAC,CACC,CACN,CACG,CACP,CAAC;YAEJ,KAAK,cAAc;gBACjB,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,mBAAmB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;oBACpI,WAAK,KAAK,EAAC,oBAAoB;wBAC7B,WAAK,KAAK,EAAC,sBAAsB;4BAC/B,WAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,kBAAkB,CAAC,CAAC,CAAC,2BAA2B,GAAI,CACrH;wBACN,WAAK,KAAK,EAAC,cAAc;4BACvB,WAAK,KAAK,EAAC,6CAA6C;gCACtD,WAAK,KAAK,EAAC,iFAAiF;oCAE1F;wCACG,IAAI,CAAC,WAAW,IAAI,CACnB,UAAI,KAAK,EAAC,YAAY,gBAAY,kBAAkB,IACjD,IAAI,CAAC,WAAW,CACd,CACN;wCACA,IAAI,CAAC,UAAU,IAAI,CAClB,SAAG,KAAK,EAAC,gCAAgC,gBAAY,YAAY,IAC9D,IAAI,CAAC,UAAU,CACd,CACL,CACG;oCAEL,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK;oCAExE,CAAA,MAAA,IAAI,CAAC,iBAAiB,0CAAE,MAAM,IAAG,CAAC,IAAI,CACrC,UAAI,KAAK,EAAC,uBAAuB,gBAAa,GAAG,IAAI,CAAC,WAAW,qBAAqB,IACnF,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,UAAI,GAAG,EAAE,KAAK;wCACZ;4CACE,yBAAyB;4CACzB,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAC1E,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7F,KAAK,EAAE,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,cAAc,IAAI,mBAAmB,gBAC7D,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,eAAe,IAAI,mBAAmB,EAC9E,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB;4CAExB,IAAI,CAAC,aAAa,IAAI,WAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,cAAc,IAAI,mBAAmB,GAAI;4CAC7H,IAAI,CAAC,cAAc,IAAI,YAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,cAAc,CAAQ,CAChF,CACD,CACN,CAAC,CACC,CACN,CACG,CACF,CACF,CACF,CACF,CACP,CAAC;YAEJ,KAAK,cAAc;gBACjB,OAAO,CACL,WAAK,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,mBAAmB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;oBACnI,IAAI,CAAC,SAAS,IAAI,WAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,kBAAkB,CAAC,CAAC,CAAC,2BAA2B,GAAI;oBAE3I,IAAI,CAAC,WAAW,IAAI,CACnB,WAAK,KAAK,EAAC,oCAAoC;wBAC7C;4BACE,UAAI,KAAK,EAAC,YAAY,gBAAY,kBAAkB,IACjD,IAAI,CAAC,WAAW,CACd;4BACJ,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK,CACrE,CACF,CACP,CACG,CACP,CAAC;YAEJ,KAAK,aAAa;gBAChB,OAAO,CACL,WAAK,KAAK,EAAE,+BAA+B,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,mBAAmB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;oBAC/J,IAAI,CAAC,SAAS,IAAI,WAAK,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,kBAAkB,CAAC,CAAC,CAAC,2BAA2B,GAAI;oBAEtK,IAAI,CAAC,WAAW,IAAI,CACnB,WAAK,KAAK,EAAC,SAAS;wBAClB,UAAI,KAAK,EAAC,YAAY,gBAAY,kBAAkB,IACjD,IAAI,CAAC,WAAW,CACd;wBACJ,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK,CACrE,CACP,CACG,CACP,CAAC;YAEJ,KAAK,eAAe;gBAClB,OAAO,CACL,WAAK,KAAK,EAAE,iCAAiC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,mBAAmB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;oBACjK,IAAI,CAAC,SAAS,IAAI,WAAK,KAAK,EAAC,EAAE,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,kBAAkB,CAAC,CAAC,CAAC,2BAA2B,GAAI;oBACpJ,IAAI,CAAC,WAAW,IAAI,CACnB;wBACE,UAAI,KAAK,EAAC,YAAY,gBAAY,kBAAkB,IACjD,IAAI,CAAC,WAAW,CACd;wBACJ,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK,CACrE,CACP,CACG,CACP,CAAC;YAEJ,KAAK,eAAe;gBAClB,OAAO,CACL,WAAK,KAAK,EAAE,iCAAiC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,mBAAmB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;oBACjK,IAAI,CAAC,SAAS,IAAI,WAAK,KAAK,EAAC,EAAE,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,kBAAkB,CAAC,CAAC,CAAC,2BAA2B,GAAI;oBACrJ;wBACG,IAAI,CAAC,WAAW,IAAI,CACnB,UAAI,KAAK,EAAC,YAAY,gBAAY,kBAAkB,IACjD,IAAI,CAAC,WAAW,CACd,CACN;wBACA,IAAI,CAAC,SAAS,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,SAAS,CAAK,CACrE;oBACL,IAAI,CAAC,aAAa,IAAI,SAAG,KAAK,EAAC,wBAAwB,IAAE,IAAI,CAAC,aAAa,CAAK,CAC7E,CACP,CAAC;YAEJ,mCAAmC;QACrC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAExF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,SAAS,IAAG,IAAI,CAAC,WAAW,EAAE,CAAO,CAC5C,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}

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

@@ -1,232 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import team_section_card_img from "../../../../../public_images/Teammembercard.svg";
-import team_section_card_one from "../../../../assets/img/Team-Section-Card-1.svg";
-import team_section_avatar from "../../../../assets/img/icn/icn-Config.svg";
-import twiter_icon from "../../../../assets/img/icn/icn-card-twitter-x.svg";
-import facebook_icon from "../../../../assets/img/icn/icn-card-facebook.svg";
-import linkedin_icon from "../../../../assets/img/icn/icn-card-linkdin.svg";
-import telegram_icon from "../../../../assets/img/icn/icn-card-telegram.svg";
-export default {
-    title: 'Components/DDA Cards/DDA Team Section Cards/Team Section Card',
-    tags: ['autodocs'],
-    argTypes: {
-        image_src: {
-            control: 'text',
-            description: 'Path to the image of the team member',
-        },
-        header_text: {
-            control: 'text',
-            description: 'Header text for the information card',
-        },
-        profession: {
-            control: 'text',
-            description: 'Profession for the information card',
-        },
-        body_text: {
-            control: 'text',
-            description: 'Body text for the information card',
-        },
-        body_text_two: {
-            control: 'text',
-            description: 'Body text for the information card',
-        },
-        custom_class: {
-            control: { type: 'text' },
-            description: 'Custom class for the credit card component',
-        },
-        component_mode: {
-            control: { type: 'check' },
-            options: ['light-mode'],
-            description: 'Mode of the credit card component',
-        },
-        card_type: {
-            control: { type: 'text' }
-        },
-        social_icons: {
-            control: 'object',
-            description: 'Array of social media icon links (only used in variant-three)',
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-To use the \`dda-teamsection-card\` component, pass the following props:
-
-\`\`\`html
-<dda-teamsection-card
-  image_src="https://example.com/image.jpg"
-  header_text="Jeffery Walker"
-  body_text="Team Lead"
-  card_type="variant-three"
-  social_icons='[
-    {
-      "SocialLink": "#",
-      "SocialLinkTitle": "Twitter",
-      "SocialIconSrc": "assets/img/icn/icn-card-twitter-x.svg",
-      "SocialIconAlt": "Twitter Icon",
-      "SocialIconText": "Twitter"
-    }
-  ]'
-></dda-teamsection-card>
-\`\`\`
-        `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const { social_icons } = args, rest = __rest(args, ["social_icons"]);
-    const attributes = Object.entries(rest)
-        .filter(([key, value]) => value !== undefined && key !== 'text')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    const socialIconsAttr = social_icons ? ` social_icons='${JSON.stringify(social_icons)}'` : '';
-    return `<dda-teamsection-card ${attributes}${socialIconsAttr}></dda-teamsection-card>`;
-};
-export const VariantOne = Template.bind({});
-VariantOne.args = {
-    image_src: team_section_card_img,
-    header_text: "Jeffery Walker",
-    body_text: "Cloud Architect",
-    custom_class: 'dda-w-50 my-custom-class',
-    component_mode: '',
-    card_type: "variant-one"
-};
-export const VariantTwo = Template.bind({});
-VariantTwo.args = {
-    image_src: team_section_card_img,
-    header_text: "Jeffery Walker",
-    body_text: "CEO",
-    custom_class: 'dda-w-50 my-custom-class',
-    component_mode: '',
-    card_type: "variant-two"
-};
-export const VariantThree = Template.bind({});
-VariantThree.args = {
-    image_src: team_section_card_img,
-    header_text: "Jeffery Walker",
-    body_text: "CEO",
-    custom_class: 'dda-w-50 my-custom-class',
-    component_mode: '',
-    card_type: "variant-three",
-    social_icons: [
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Twitter",
-            SocialIconSrc: twiter_icon,
-            SocialIconAlt: "Twitter Icon",
-            SocialIconText: "Twitter",
-        },
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Facebook",
-            SocialIconSrc: facebook_icon,
-            SocialIconAlt: "Facebook Icon",
-            SocialIconText: "Facebook",
-        },
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Linkedin",
-            SocialIconSrc: linkedin_icon,
-            SocialIconAlt: "Linkedin Icon",
-            SocialIconText: "Linkedin",
-        },
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Telegram",
-            SocialIconSrc: telegram_icon,
-            SocialIconAlt: "Telegram Icon",
-            SocialIconText: "Telegram",
-        },
-    ]
-};
-export const VariantFour = Template.bind({});
-VariantFour.args = {
-    image_src: team_section_card_one,
-    header_text: "Jeffery Walker",
-    profession: "UI / UX Designer",
-    body_text: "Lisa's proactive support and problem-solving abilities make her an invaluable advocate for our customers.",
-    custom_class: 'my-custom-class',
-    component_mode: '',
-    card_type: "variant-four",
-    social_icons: [
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Twitter",
-            SocialIconSrc: twiter_icon,
-            SocialIconAlt: "Twitter Icon",
-            SocialIconText: "Twitter",
-        },
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Facebook",
-            SocialIconSrc: facebook_icon,
-            SocialIconAlt: "Facebook Icon",
-            SocialIconText: "Facebook",
-        },
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Linkedin",
-            SocialIconSrc: linkedin_icon,
-            SocialIconAlt: "Linkedin Icon",
-            SocialIconText: "Linkedin",
-        },
-        {
-            SocialLink: "#",
-            SocialLinkTitle: "Telegram",
-            SocialIconSrc: telegram_icon,
-            SocialIconAlt: "Telegram Icon",
-            SocialIconText: "Telegram",
-        },
-    ]
-};
-export const VariantFive = Template.bind({});
-VariantFive.args = {
-    image_src: team_section_card_img,
-    header_text: "Jeffery Walker",
-    body_text: "Cloud Architect",
-    custom_class: 'dda-w-50 my-custom-class',
-    component_mode: '',
-    card_type: "variant-five"
-};
-export const VariantSix = Template.bind({});
-VariantSix.args = {
-    image_src: team_section_avatar,
-    header_text: "Jeffery Walker",
-    body_text: "Cloud Architect",
-    custom_class: 'my-custom-class',
-    component_mode: '',
-    card_type: "variant-six"
-};
-export const VariantSeven = Template.bind({});
-VariantSeven.args = {
-    image_src: team_section_avatar,
-    header_text: "Jeffery Walker",
-    body_text: "Cloud Architect",
-    custom_class: 'my-custom-class',
-    component_mode: '',
-    card_type: "variant-seven"
-};
-export const VariantEight = Template.bind({});
-VariantEight.args = {
-    image_src: team_section_avatar,
-    header_text: "Jeffery Walker",
-    body_text: "Cloud Architect",
-    body_text_two: "An ambitious and exquisite personality that always strives to exceed expectations. Always there when someone is in need.",
-    custom_class: 'image-rounded',
-    component_mode: '',
-    card_type: "variant-eight"
-};
-//# sourceMappingURL=dda-teamsection-card-variant-one.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-teamsection-card-variant-one.stories.js","sourceRoot":"","sources":["../../../../../src/components/dda-cards/dda-team-section-cards/dda-teamsection-card-variant-one/dda-teamsection-card-variant-one.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import team_section_card_img from \"../../../../../public_images/Teammembercard.svg\";\r\nimport team_section_card_one from \"../../../../assets/img/Team-Section-Card-1.svg\";\r\nimport team_section_avatar from \"../../../../assets/img/icn/icn-Config.svg\";\r\nimport twiter_icon from \"../../../../assets/img/icn/icn-card-twitter-x.svg\";\r\nimport facebook_icon from \"../../../../assets/img/icn/icn-card-facebook.svg\";\r\nimport linkedin_icon from \"../../../../assets/img/icn/icn-card-linkdin.svg\";\r\nimport telegram_icon from \"../../../../assets/img/icn/icn-card-telegram.svg\";\r\n\r\nexport default {\r\n  title: 'Components/DDA Cards/DDA Team Section Cards/Team Section Card',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    image_src: {\r\n      control: 'text',\r\n      description: 'Path to the image of the team member',\r\n    },\r\n    header_text: {\r\n      control: 'text',\r\n      description: 'Header text for the information card',\r\n    },\r\n    profession: {\r\n      control: 'text',\r\n      description: 'Profession for the information card',\r\n    },\r\n    body_text: {\r\n      control: 'text',\r\n      description: 'Body text for the information card',\r\n    },\r\n    body_text_two: {\r\n      control: 'text',\r\n      description: 'Body text for the information card',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class for the credit card component',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the credit card component',\r\n    },\r\n    card_type: {\r\n      control: { type: 'text' }\r\n    },\r\n    social_icons: {\r\n      control: 'object',\r\n      description: 'Array of social media icon links (only used in variant-three)',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-teamsection-card\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-teamsection-card\r\n  image_src=\"https://example.com/image.jpg\"\r\n  header_text=\"Jeffery Walker\"\r\n  body_text=\"Team Lead\"\r\n  card_type=\"variant-three\"\r\n  social_icons='[\r\n    {\r\n      \"SocialLink\": \"#\",\r\n      \"SocialLinkTitle\": \"Twitter\",\r\n      \"SocialIconSrc\": \"assets/img/icn/icn-card-twitter-x.svg\",\r\n      \"SocialIconAlt\": \"Twitter Icon\",\r\n      \"SocialIconText\": \"Twitter\"\r\n    }\r\n  ]'\r\n></dda-teamsection-card>\r\n\\`\\`\\`\r\n        `,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const { social_icons, ...rest } = args;\r\n\r\n  const attributes = Object.entries(rest)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  const socialIconsAttr = social_icons ? ` social_icons='${JSON.stringify(social_icons)}'` : '';\r\n\r\n  return `<dda-teamsection-card ${attributes}${socialIconsAttr}></dda-teamsection-card>`;\r\n};\r\n\r\nexport const VariantOne = Template.bind({});\r\nVariantOne.args = {\r\n  image_src: team_section_card_img,\r\n  header_text: \"Jeffery Walker\",\r\n  body_text: \"Cloud Architect\",\r\n  custom_class: 'dda-w-50 my-custom-class',\r\n  component_mode: '',\r\n  card_type: \"variant-one\"\r\n};\r\n\r\nexport const VariantTwo = Template.bind({});\r\nVariantTwo.args = {\r\n  image_src: team_section_card_img,\r\n  header_text: \"Jeffery Walker\",\r\n  body_text: \"CEO\",\r\n  custom_class: 'dda-w-50 my-custom-class',\r\n  component_mode: '',\r\n  card_type: \"variant-two\"\r\n};\r\n\r\nexport const VariantThree = Template.bind({});\r\nVariantThree.args = {\r\n  image_src: team_section_card_img,\r\n  header_text: \"Jeffery Walker\",\r\n  body_text: \"CEO\",\r\n  custom_class: 'dda-w-50 my-custom-class',\r\n  component_mode: '',\r\n  card_type: \"variant-three\",\r\n  social_icons: [\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Twitter\",\r\n      SocialIconSrc: twiter_icon,\r\n      SocialIconAlt: \"Twitter Icon\",\r\n      SocialIconText: \"Twitter\",\r\n    },\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Facebook\",\r\n      SocialIconSrc: facebook_icon,\r\n      SocialIconAlt: \"Facebook Icon\",\r\n      SocialIconText: \"Facebook\",\r\n    },\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Linkedin\",\r\n      SocialIconSrc: linkedin_icon,\r\n      SocialIconAlt: \"Linkedin Icon\",\r\n      SocialIconText: \"Linkedin\",\r\n    },\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Telegram\",\r\n      SocialIconSrc: telegram_icon,\r\n      SocialIconAlt: \"Telegram Icon\",\r\n      SocialIconText: \"Telegram\",\r\n    },\r\n  ]\r\n};\r\n\r\nexport const VariantFour = Template.bind({});\r\nVariantFour.args = {\r\n  image_src: team_section_card_one,\r\n  header_text: \"Jeffery Walker\",\r\n  profession: \"UI / UX Designer\",\r\n  body_text: \"Lisa's proactive support and problem-solving abilities make her an invaluable advocate for our customers.\",\r\n  custom_class: 'my-custom-class',\r\n  component_mode: '',\r\n  card_type: \"variant-four\",\r\n  social_icons: [\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Twitter\",\r\n      SocialIconSrc: twiter_icon,\r\n      SocialIconAlt: \"Twitter Icon\",\r\n      SocialIconText: \"Twitter\",\r\n    },\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Facebook\",\r\n      SocialIconSrc: facebook_icon,\r\n      SocialIconAlt: \"Facebook Icon\",\r\n      SocialIconText: \"Facebook\",\r\n    },\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Linkedin\",\r\n      SocialIconSrc: linkedin_icon,\r\n      SocialIconAlt: \"Linkedin Icon\",\r\n      SocialIconText: \"Linkedin\",\r\n    },\r\n    {\r\n      SocialLink: \"#\",\r\n      SocialLinkTitle: \"Telegram\",\r\n      SocialIconSrc: telegram_icon,\r\n      SocialIconAlt: \"Telegram Icon\",\r\n      SocialIconText: \"Telegram\",\r\n    },\r\n  ]\r\n};\r\n\r\nexport const VariantFive = Template.bind({});\r\nVariantFive.args = {\r\n  image_src: team_section_card_img,\r\n  header_text: \"Jeffery Walker\",\r\n  body_text: \"Cloud Architect\",\r\n  custom_class: 'dda-w-50 my-custom-class',\r\n  component_mode: '',\r\n  card_type: \"variant-five\"\r\n};\r\n\r\nexport const VariantSix = Template.bind({});\r\nVariantSix.args = {\r\n  image_src: team_section_avatar,\r\n  header_text: \"Jeffery Walker\",\r\n  body_text: \"Cloud Architect\",\r\n  custom_class: 'my-custom-class',\r\n  component_mode: '',\r\n  card_type: \"variant-six\"\r\n};\r\n\r\nexport const VariantSeven = Template.bind({});\r\nVariantSeven.args = {\r\n  image_src: team_section_avatar,\r\n  header_text: \"Jeffery Walker\",\r\n  body_text: \"Cloud Architect\",\r\n  custom_class: 'my-custom-class',\r\n  component_mode: '',\r\n  card_type: \"variant-seven\"\r\n};\r\n\r\nexport const VariantEight = Template.bind({});\r\nVariantEight.args = {\r\n  image_src: team_section_avatar,\r\n  header_text: \"Jeffery Walker\",\r\n  body_text: \"Cloud Architect\",\r\n  body_text_two: \"An ambitious and exquisite personality that always strives to exceed expectations. Always there when someone is in need.\",\r\n  custom_class: 'image-rounded',\r\n  component_mode: '',\r\n  card_type: \"variant-eight\"\r\n};\r\n"]}