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

package/dist/collection/components/cards/dda-information-card/dda-information-card.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-information-card.stories.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-information-card/dda-information-card.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n    title: 'Components/Cards/Information 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      image_alt: {\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      body_text: {\r\n        control: 'text',\r\n        description: 'Body text for the information card',\r\n      },\r\n      \r\n\r\n\r\n      left_button_name: {\r\n        control: 'text',\r\n        description: 'Name of the left button',\r\n      },\r\n      left_button_href: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      left_button_rel: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      left_button_start_icon: {\r\n        control: 'text',\r\n        description: 'Button Start icon',\r\n      },\r\n      left_button_end_icon: {\r\n        control: 'text',\r\n        description: 'Button End icon',\r\n      },\r\n      left_button_data_fancybox: {\r\n        control: { type: 'text' },\r\n        description: 'GalleryOne',\r\n      },\r\n      left_button_target: {\r\n        control: { type: 'text' },\r\n        description: 'target blank',\r\n      },\r\n      \r\n      right_button_name: {\r\n        control: 'text',\r\n        description: 'Name of the right button',\r\n      },\r\n      right_button_href: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      right_button_rel: {\r\n        control: 'text',\r\n        description: 'Href for the right button (link)',\r\n      },\r\n      right_button_start_icon: {\r\n        control: 'text',\r\n        description: 'Button Start icon',\r\n      },\r\n      right_button_end_icon: {\r\n        control: 'text',\r\n        description: 'Button End icon',\r\n      },\r\n      right_button_data_fancybox: {\r\n        control: { type: 'text' },\r\n        description: 'GalleryOne',\r\n      },\r\n      right_button_target: {\r\n        control: { type: 'text' },\r\n        description: 'target blank',\r\n      },\r\n\r\n\r\n\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    },\r\n    parameters: {\r\n      docs: {\r\n        description: {\r\n          component: `\r\n  To use the \\`dda-information-card\\` component, pass the following props:\r\n  \r\n  \\`\\`\\`html\r\n<dda-information-card\r\n    image_src=\"https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg\"\r\n    image_alt=\"alternate text\"\r\n    header_text=\"Team\"\r\n    body_text=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\r\n    \r\n    left_button_name=\"Cancel\"\r\n    left_button_href=\"https://example.com\"\r\n    left_button_rel=\"\"\r\n    left_button_start_icon=\"\"\r\n    left_button_end_icon=\"\"\r\n    left_button_data_fancybox=\"\"\r\n    left_button_target=\"\"\r\n\r\n    right_button_name=\"Continue\"\r\n    right_button_href=\"https://example.com\"\r\n    right_button_rel=\"\"\r\n    right_button_start_icon=\"\"\r\n    right_button_end_icon=\"\"\r\n    right_button_data_fancybox=\"\"\r\n    right_button_target=\"\"\r\n\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n></dda-information-card>\r\n    \\`\\`\\`\r\n  `,\r\n        },\r\n      },\r\n    },  \r\n  };\r\n  \r\n  const Template = (args) => {\r\n    const attributes = Object.entries(args)\r\n      .filter(([key, value]) => value !== undefined && key !== 'text')\r\n      .map(([key, value]) => `${key}=\"${value}\"`)\r\n      .join(' ');\r\n  \r\n    return `<dda-information-card ${attributes}></dda-information-card>`;\r\n  };\r\n  \r\n  export const Default = Template.bind({});\r\n  Default.args = {\r\n    image_src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',\r\n    image_alt: 'alternate text',\r\n    header_text: \"Team\",\r\n    body_text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n    \r\n    left_button_name: \"Cancel\",\r\n    left_button_href: \"https://example.com\",\r\n    left_button_rel: \"\",\r\n    left_button_start_icon: \"\",\r\n    left_button_end_icon: \"\",\r\n    left_button_data_fancybox: \"\",\r\n    left_button_target: \"\",\r\n    \r\n    right_button_name: \"Continue\",\r\n    right_button_href: \"https://example.com\",\r\n    right_button_rel: \"\",\r\n    right_button_start_icon: \"\",\r\n    right_button_end_icon: \"\",\r\n    right_button_data_fancybox: \"\",\r\n    right_button_target: \"\",\r\n\r\n    custom_class: '',\r\n    component_mode: '',\r\n    \r\n  };\r\n\r\n"]}

package/dist/collection/components/cards/dda-team-member-card/dda-team-member-card.css

@@ -1,47 +0,0 @@
-.dda-team-member-card{
-  padding: 24px 32px;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-.dda-team-member-card-header{
-  display: flex;
-}
-.dda-team-member-card-header svg path{
-  fill: var(--dda-on-surface-0);
-}
-.light-mode .dda-team-member-card-header svg path{
-  fill: var(--dda-neutral-0);
-}
-.dda-team-member-card-image {
-  display: block;
-  margin: 0 auto;
-  width: 93px;
-  height: 93px;
-  border-radius: 50%;
-}
-
-
-
-.dda-team-member-card-position {
-  color: #666;
-}
-
-.dda-team-member-card-body{
-  display: flex;
-}
-.dda-team-member-card.dda-team-member-card-blue{
-  background: var(--dda-neutral-variant-92);
-}
-
-.dda-team-member-card-blue .dda-team-member-card-header i,
-.dda-team-member-card-blue .card-balance-label,
-.dda-team-member-card-blue .card-balance,
-.dda-team-member-card-blue .dda-card-name,
-.dda-team-member-card-blue .dda-card-number{
-  color: var(--dda-neutral-100);
-}
-.dda-team-member-card-blue .dda-team-member-card-header svg path{
-  fill: var(--dda-neutral-100);
-}

package/dist/collection/components/cards/dda-team-member-card/dda-team-member-card.js

@@ -1,165 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class DdaTeamMemberCard {
-    constructor() {
-        this.custom_class = '';
-    }
-    render() {
-        const cardClass = [
-            'dda-team-member-card dda-card',
-            this.design ? `dda-team-member-card-${this.design}` : '',
-            this.custom_class ? `${this.custom_class}` : "",
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: '2ce39741286a1ac743abeca90aa11324c17cc5a7' }, h("div", { key: '857427c233a6edc4b6600648d882a21473c881ee', class: cardClass }, h("img", { key: '19bfb7efe0aff1fc6dfac5ae4f7b3e442b2720fe', class: "dda-team-member-card-image", src: this.image_src, alt: this.image_alt }), h("div", { key: 'f9c1a85b02eefd9559eb883de1e7166e03a315f7', class: "dda-text-center gap-xl " }, h("h5", { key: '910f6376c151618640ba0f5254362b6a73c31da6', class: "h5 Regular" }, this.team_member_name), h("p", { key: '8b7e50a6bff58ce2c2d117dd499d78533ba64734', class: "body Regular dda-team-member-card-position" }, this.team_member_position), h("slot", { key: 'fcd40481949e024d882238ea194ccc99df6dc46b' })))));
-    }
-    static get is() { return "dda-team-member-card"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dda-team-member-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dda-team-member-card.css"]
-        };
-    }
-    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
-            },
-            "image_alt": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_alt",
-                "reflect": false
-            },
-            "team_member_name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "team_member_name",
-                "reflect": false
-            },
-            "team_member_position": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "team_member_position",
-                "reflect": false
-            },
-            "design": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "design",
-                "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
-            }
-        };
-    }
-}
-//# sourceMappingURL=dda-team-member-card.js.map

package/dist/collection/components/cards/dda-team-member-card/dda-team-member-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-team-member-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-team-member-card/dda-team-member-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,iBAAiB;IAL9B;QAWU,iBAAY,GAAY,EAAE,CAAC;KAwBpC;IArBC,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,+BAA+B;YAC/B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,wBAAwB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACxD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE;YAC/C,IAAI,CAAC,cAAc;SACpB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5B,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,SAAS;gBACnB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,GAAG;gBACnF,4DAAK,KAAK,EAAC,yBAAyB;oBAClC,2DAAI,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,gBAAgB,CAAM;oBACnD,0DAAG,KAAK,EAAC,4CAA4C,IAAE,IAAI,CAAC,oBAAoB,CAAK;oBACrF,8DAAa,CACT,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-team-member-card',\r\n  styleUrls: ['dda-team-member-card.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaTeamMemberCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() team_member_name: string;\r\n  @Prop() team_member_position: string;\r\n  @Prop() design: string;\r\n  @Prop() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-team-member-card dda-card',\r\n      this.design ? `dda-team-member-card-${this.design}` : '',\r\n      this.custom_class ? `${this.custom_class}` : \"\",\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <img class=\"dda-team-member-card-image\" src={this.image_src} alt={this.image_alt}/>\r\n          <div class=\"dda-text-center gap-xl \">\r\n            <h5 class=\"h5 Regular\">{this.team_member_name}</h5>\r\n            <p class=\"body Regular dda-team-member-card-position\">{this.team_member_position}</p>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/cards/dda-team-member-card/dda-team-member-card.stories.js

@@ -1,85 +0,0 @@
-export default {
-    title: 'Components/Cards/Team Member Card',
-    // tags: ['autodocs'],
-    argTypes: {
-        image_src: {
-            control: 'text',
-            description: 'Path to the image of the team member',
-        },
-        image_alt: {
-            control: 'text',
-            description: 'alternate text of the image',
-        },
-        team_member_name: {
-            control: 'text',
-            description: 'Name of the team member',
-        },
-        team_member_position: {
-            control: 'text',
-            description: 'Position of the team member',
-        },
-        design: {
-            control: { type: 'select' },
-            options: ['default', 'blue'],
-            description: 'Design variation of the credit 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',
-        }
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-  To use the \`dda-team-member-card\` component, pass the following props:
-  
-  \`\`\`html
-<dda-team-member-card
-    image_src="https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg"
-    image_alt="Omar Al-Hamadi"
-    team_member_name="Omar Al-Hamadi"
-    team_member_position="Chief Executive Officer"
-    design="default"
-    custom_class=""
-    component_mode=""
-></dda-team-member-card>
-    \`\`\`
-  `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const attributes = Object.entries(args)
-        .filter(([key, value]) => value !== undefined && key !== 'text')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    return `<dda-team-member-card ${attributes}></dda-team-member-card>`;
-};
-export const Default = Template.bind({});
-Default.args = {
-    image_src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',
-    image_alt: 'Omar Al-Hamadi',
-    team_member_name: 'Omar Al-Hamadi',
-    team_member_position: 'Chief Executive Officer',
-    design: 'default',
-    custom_class: '',
-    component_mode: '',
-};
-export const Blue = Template.bind({});
-Blue.args = {
-    image_src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',
-    image_alt: 'Omar Al-Hamadi',
-    team_member_name: 'Omar Al-Hamadi',
-    team_member_position: 'Chief Executive Officer',
-    design: 'blue',
-    custom_class: '',
-    component_mode: '',
-};
-//# sourceMappingURL=dda-team-member-card.stories.js.map

package/dist/collection/components/cards/dda-team-member-card/dda-team-member-card.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-team-member-card.stories.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-team-member-card/dda-team-member-card.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACX,KAAK,EAAE,mCAAmC;IAC1C,sBAAsB;IACtB,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sCAAsC;SACpD;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC3C;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,yBAAyB;SACvC;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC3C;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;YAC5B,WAAW,EAAE,qCAAqC;SACnD;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,4CAA4C;SAC1D;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,mCAAmC;SACjD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;GAclB;aACM;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACpC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,GAAG,KAAK,MAAM,CAAC;SAC/D,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,yBAAyB,UAAU,0BAA0B,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,SAAS,EAAE,sGAAsG;IACjH,SAAS,EAAE,gBAAgB;IAC3B,gBAAgB,EAAE,gBAAgB;IAClC,oBAAoB,EAAE,yBAAyB;IAC/C,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACV,SAAS,EAAE,sGAAsG;IACjH,SAAS,EAAE,gBAAgB;IAC3B,gBAAgB,EAAE,gBAAgB;IAClC,oBAAoB,EAAE,yBAAyB;IAC/C,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n    title: 'Components/Cards/Team Member 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      image_alt: {\r\n        control: 'text',\r\n        description: 'alternate text of the image',\r\n      },\r\n      team_member_name: {\r\n        control: 'text',\r\n        description: 'Name of the team member',\r\n      },\r\n      team_member_position: {\r\n        control: 'text',\r\n        description: 'Position of the team member',\r\n      },\r\n      design: {\r\n        control: { type: 'select' },\r\n        options: ['default', 'blue'],\r\n        description: 'Design variation of the credit 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    },\r\n    parameters: {\r\n      docs: {\r\n        description: {\r\n          component: `\r\n  To use the \\`dda-team-member-card\\` component, pass the following props:\r\n  \r\n  \\`\\`\\`html\r\n<dda-team-member-card\r\n    image_src=\"https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg\"\r\n    image_alt=\"Omar Al-Hamadi\"\r\n    team_member_name=\"Omar Al-Hamadi\"\r\n    team_member_position=\"Chief Executive Officer\"\r\n    design=\"default\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n></dda-team-member-card>\r\n    \\`\\`\\`\r\n  `,\r\n        },\r\n      },\r\n    },  \r\n  };\r\n  \r\n  const Template = (args) => {\r\n    const attributes = Object.entries(args)\r\n      .filter(([key, value]) => value !== undefined && key !== 'text')\r\n      .map(([key, value]) => `${key}=\"${value}\"`)\r\n      .join(' ');\r\n  \r\n    return `<dda-team-member-card ${attributes}></dda-team-member-card>`;\r\n  };\r\n  \r\n  export const Default = Template.bind({});\r\n  Default.args = {\r\n    image_src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',\r\n    image_alt: 'Omar Al-Hamadi',\r\n    team_member_name: 'Omar Al-Hamadi',\r\n    team_member_position: 'Chief Executive Officer',\r\n    design: 'default',\r\n    custom_class: '',\r\n    component_mode: '',\r\n  };\r\n  \r\n  export const Blue = Template.bind({});\r\n  Blue.args = {\r\n    image_src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',\r\n    image_alt: 'Omar Al-Hamadi',\r\n    team_member_name: 'Omar Al-Hamadi',\r\n    team_member_position: 'Chief Executive Officer',\r\n    design: 'blue',\r\n    custom_class: '',\r\n    component_mode: '',\r\n  };  "]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-accordion.js","sourceRoot":"","sources":["../../../src/components/dda-accordion/dda-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-accordion',\r\n  styleUrls: ['dda-accordion.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAccordion {\r\n  @Prop() design: 'bg-border' | 'no-border' = 'bg-border';\r\n  @Prop() header_text: string = 'Accordion Header';\r\n  @Prop() sub_title: string = '';\r\n  @Prop() body_description: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() link_button_text?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() accordion_icon_class?: string = '';\r\n  @Prop() accordion_icon_text: string = '';\r\n  @Prop() accordion_header_end_icon: string = '';\r\n  @Prop() accordion_id: string = '';\r\n\r\n  @Prop() default_open: boolean = false;\r\n\r\n  @State() isOpen: boolean;\r\n\r\n  componentWillLoad() {\r\n    this.isOpen = this.default_open;\r\n  }\r\n\r\n  toggleAccordion() {\r\n    this.isOpen = !this.isOpen;\r\n  }\r\n\r\n  @Method() async openAccordion() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  @Method() async closeAccordion() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  @Method() async getIsOpen() {\r\n    return this.isOpen;\r\n  }\r\n\r\n  onHeaderEndIconClick(event: Event) {\r\n    event.stopPropagation();\r\n    console.log('Header end icon clicked');\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`accordion-container ${this.design} ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"accordion-header\" id={this.accordion_id} onClick={() => this.toggleAccordion()}>\r\n            <div class=\"header-content\">\r\n              {this.accordion_icon_text ? <i class={this.accordion_icon_class}>{this.accordion_icon_text}</i> : null}\r\n              {this.header_text ? \r\n                <span class=\"header-text\">{this.header_text} \r\n                  <i \r\n                    class={`body material-flat-icon ${this.accordion_icon_class}`}\r\n                    onClick={(event) => this.onHeaderEndIconClick(event)}\r\n                    >\r\n                    {this.accordion_header_end_icon}\r\n                  </i>\r\n                </span> \r\n              : null}\r\n            </div>\r\n            <i class={`material-icons arrow-icon`} aria-hidden=\"true\" >{this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n          </div>\r\n          <div class={this.isOpen ? 'accordion-body' : 'dda-d-none'}>\r\n            <div class=\"dda-d-flex dda-flex-column dda-gap-lg\">\r\n              <div class=\"dda-d-flex dda-flex-column dda-gap-xs\">\r\n                {this.sub_title ? <p class=\"subtitle\">{this.sub_title}</p> : null}\r\n                {this.body_description ? <p class=\"body-description\">{this.body_description}</p> : null}\r\n              </div>\r\n              {this.link_button_text ? (\r\n                <dda-link-button\r\n                  button_color=\"default-link\"\r\n                  end_icon=\"arrow_forward\"\r\n                  custom_class=\"\"\r\n                  link_button_text={this.link_button_text}\r\n                  href=\"\"\r\n                  component_mode=\"\"\r\n                  button_id=\"link-button\"\r\n                  aria_label=\"link-Button\"\r\n                ></dda-link-button>\r\n              ) : null}\r\n              <slot></slot>\r\n            </div>\r\n            \r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-accordion/dda-accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-accordion.stories.js","sourceRoot":"","sources":["../../../src/components/dda-accordion/dda-accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Accordion',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    design: {\r\n      control: { type: 'select' },\r\n      options: ['bg-border', 'no-border'],\r\n      description: 'Choice of design between two options: bg-border and no-border.',\r\n    },\r\n    accordion_icon_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion icon',\r\n    },\r\n    accordion_icon_text: {\r\n      control: 'text',\r\n      description: 'Material icon to display in the header',\r\n    },\r\n    accordion_header_end_icon: {\r\n      control: 'text',\r\n      description: 'Material icon to display in the header',\r\n    },\r\n    accordion_id: {\r\n      control: 'text',\r\n      description: 'Material icon to display in the header',\r\n    },\r\n    \r\n    header_text: {\r\n      control: 'text',\r\n      description: 'Header text of the accordion',\r\n    },\r\n    sub_title: {\r\n      control: 'text',\r\n      description: 'Body description of the accordion',\r\n    },\r\n    body_description: {\r\n      control: 'text',\r\n      description: 'Body description of the accordion',\r\n    },\r\n    link_button_text: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion icon',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the accordion component',\r\n    },\r\n    default_open: {\r\n      control: { type: 'boolean' },\r\n      description: 'If true, accordion will be open by default',\r\n    },\r\n    \r\n    \r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-accordion\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-accordion \r\n  design=\"bg-border\" \r\n  accordion_icon_class=\"material-icons  material-symbols-outlined\"\r\n  accordion_icon_text=\"home\">\r\n  header_text=\"Accordion Header\" \r\n  sub_title=\"Sub Title\"\r\n  body_description=\"This is the accordion body content.\" \r\n  custom_class=\"\" \r\n  component_mode=\"\"\r\n  \r\n</dda-accordion>\r\n\\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-accordion ${attributes}></dda-accordion>`;\r\n};\r\n\r\nexport const BgBorder = Template.bind({});\r\nBgBorder.args = {\r\n  design: 'bg-border',\r\n  accordion_icon_class: 'material-icons  material-symbols-outlined',\r\n  accordion_icon_text: 'home',\r\n  accordion_header_end_icon: 'info',\r\n  accordion_id: 'accordionOne',\r\n  header_text: 'Accordion Header',\r\n  sub_title: 'Sub Title',\r\n  body_description: 'This is the accordion body content.',\r\n  link_button_text: \"Button\",\r\n  custom_class: '',\r\n  component_mode: '',\r\n  default_open:'false',\r\n};\r\n\r\nexport const NoBorder = Template.bind({});\r\nNoBorder.args = {\r\n  design: 'no-border',\r\n  accordion_icon_class: 'material-icons  material-symbols-outlined',\r\n  accordion_icon_text: 'home',\r\n  accordion_header_end_icon: 'info',\r\n  accordion_id: 'accordionOne',\r\n  header_text: 'Accordion Header',\r\n  sub_title: 'Sub Title',\r\n  body_description: 'This is the accordion body content.',\r\n  link_button_text: \"Button\",\r\n  custom_class: '',\r\n  component_mode: '',\r\n  default_open:'false',\r\n};\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-alert.js","sourceRoot":"","sources":["../../../src/components/dda-alert/dda-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-alert',\r\n  styleUrls: ['dda-alert.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAlert {\r\n  @Prop() type: 'primary' | 'secondary' = 'primary';\r\n  @Prop() variation: 'info' | 'warning' | 'error' | 'success' = 'info';\r\n  @Prop() title_text: string = '';\r\n  @Prop() description: string = '';\r\n  @Prop() button_text: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() component_id?: string;\r\n\r\n  @Prop() secondary_button?: string;\r\n  @Prop() secondary_button_link?: string;\r\n\r\n  @Prop() primary_button?: string;\r\n  @Prop() primary_button_link?: string;\r\n\r\n  \r\n  @Prop() close_button_name?: string;\r\n\r\n  @Event() closeClick: EventEmitter<void>;\r\n  private onCloseClick = () => {\r\n    this.closeClick.emit();\r\n  };\r\n\r\n  @Event() firstClick?: EventEmitter<void>;\r\n   private firstClickHandler = () => {\r\n    this.firstClick.emit();\r\n  };\r\n\r\n  @Event() secondClick?: EventEmitter<void>;\r\n  private secondClickHandler = () => {\r\n    this.secondClick.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div class={`dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}`}>\r\n        <div class=\"dda-alert-inner\">\r\n          <div class=\"dda-alert-icon-wrap\">\r\n            <i class=\"info-icon material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n          </div>\r\n          <div class=\"alert-content\">\r\n            <h4 class=\"alert-title\">{this.title_text}</h4>\r\n            <p class=\"alert-description\">{this.description}</p>\r\n            <div class=\"alert-btn-wrap\">\r\n              {this.secondary_button ? <dda-button button_color=\"default-tertiary\" onClick={() => this.firstClickHandler()} custom_class=\"alert-secondary-button\" component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.secondary_button}></dda-button> : null}\r\n              {this.primary_button ? <dda-button button_color=\"default-primary\" onClick={() => this.secondClickHandler()} custom_class={`alert-primary-${this.variation}`}  component_mode=\"\" size=\"sm\" button_id=\"button\" aria_label=\"button\" button_name=\"button\" button_text={this.primary_button}></dda-button> : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <button type='button' name={this.close_button_name} class=\"dda-alert-close\" onClick={this.onCloseClick}>\r\n          <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-alert/dda-alert.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-alert.stories.js","sourceRoot":"","sources":["../../../src/components/dda-alert/dda-alert.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\r\n\r\nexport default {\r\n  title: 'Components/Alert',\r\n  tags: ['autodocs'],\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-alert\\` component, pass the following props and handle the emitted events:\r\n\r\n\\`\\`\\`html\r\n<dda-alert\r\n  type=\"primary\"\r\n  variation=\"info\"\r\n  title_text=\"Alert Title\"\r\n  description=\"This is an informational alert.\"\r\n  primary_button=\"Primary\"\r\n  secondary_button=\"Secondary\"\r\n  close_button_name=\"closeAlert\"\r\n  @closeClick=\"...\"\r\n  @firstClick=\"...\"\r\n  @secondClick=\"...\"\r\n></dda-alert>\r\n\\`\\`\\`\r\n        `,\r\n      },\r\n    },\r\n  },\r\n  argTypes: {\r\n    type: {\r\n      control: 'select',\r\n      options: ['primary', 'secondary'],\r\n      description: 'Type of the alert component',\r\n    },\r\n    variation: {\r\n      control: 'select',\r\n      options: ['info', 'warning', 'error', 'success'],\r\n      description: 'Variation of the alert component',\r\n    },\r\n    title_text: { control: 'text', description: 'Title text' },\r\n    description: { control: 'text', description: 'Description' },\r\n    button_text: { control: 'text', description: 'Legacy button text (unused)' },\r\n    secondary_button: { control: 'text', description: 'Secondary button text' },\r\n    secondary_button_link: { control: 'text', description: 'Unused for now' },\r\n    primary_button: { control: 'text', description: 'Primary button text' },\r\n    primary_button_link: { control: 'text', description: 'Unused for now' },\r\n    close_button_name: { control: 'text', description: 'Close button name' },\r\n    custom_class: {\r\n      control: 'text',\r\n      description: 'Custom class to be applied to the alert',\r\n    },\r\n    component_mode: {\r\n      control: 'check',\r\n      options: ['light-mode'],\r\n      description: 'Mode of the alert component',\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = ({\r\n  type,\r\n  variation,\r\n  title_text,\r\n  description,\r\n  button_text,\r\n  close_button_name,\r\n  custom_class,\r\n  component_mode,\r\n  secondary_button,\r\n  secondary_button_link,\r\n  primary_button,\r\n  primary_button_link,\r\n}) => html`\r\n  <dda-alert\r\n    type=${type}\r\n    variation=${variation}\r\n    title_text=${title_text}\r\n    description=${description}\r\n    button_text=${button_text}\r\n    close_button_name=${close_button_name}\r\n    custom_class=${custom_class}\r\n    component_mode=${component_mode}\r\n    secondary_button=${secondary_button}\r\n    secondary_button_link=${secondary_button_link}\r\n    primary_button=${primary_button}\r\n    primary_button_link=${primary_button_link}\r\n    @closeClick=${() => console.log('Close clicked')}\r\n    @firstClick=${() => console.log('Secondary button clicked')}\r\n    @secondClick=${() => console.log('Primary button clicked')}\r\n  ></dda-alert>\r\n`;\r\n\r\nexport const AlertInfo = Template.bind({});\r\nAlertInfo.args = {\r\n  type: 'primary',\r\n  variation: 'info',\r\n  title_text: 'Alert Title',\r\n  description: 'This is an informational alert.',\r\n  button_text: 'Learn more',\r\n  close_button_name: 'closeAlert',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  secondary_button: 'Secondary',\r\n  secondary_button_link: '',\r\n  primary_button: 'Primary',\r\n  primary_button_link: '',\r\n};\r\n\r\nexport const AlertWarning = Template.bind({});\r\nAlertWarning.args = {\r\n  type: 'primary',\r\n  variation: 'warning',\r\n  title_text: 'Alert Title',\r\n  description: 'This is an informational alert.',\r\n  button_text: 'Learn more',\r\n  close_button_name: 'closeAlert',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  secondary_button: 'Secondary',\r\n  secondary_button_link: '',\r\n  primary_button: 'Primary',\r\n  primary_button_link: '',\r\n};\r\n\r\nexport const AlertError = Template.bind({});\r\nAlertError.args = {\r\n  type: 'primary',\r\n  variation: 'error',\r\n  title_text: 'Alert Title',\r\n  description: 'This is an informational alert.',\r\n  button_text: 'Learn more',\r\n  close_button_name: 'closeAlert',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  secondary_button: 'Secondary',\r\n  secondary_button_link: '',\r\n  primary_button: 'Primary',\r\n  primary_button_link: '',\r\n};\r\n\r\nexport const AlertSuccess = Template.bind({});\r\nAlertSuccess.args = {\r\n  type: 'primary',\r\n  variation: 'success',\r\n  title_text: 'Alert Title',\r\n  description: 'This is an informational alert.',\r\n  button_text: 'Learn more',\r\n  close_button_name: 'closeAlert',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  secondary_button: 'Secondary',\r\n  secondary_button_link: '',\r\n  primary_button: 'Primary',\r\n  primary_button_link: '',\r\n};\r\n"]}

package/dist/collection/components/dda-attach-file/dda-attach-file.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-attach-file.js","sourceRoot":"","sources":["../../../src/components/dda-attach-file/dda-attach-file.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Method, h, Host } from '@stencil/core';\r\nimport pdfIcon from '../../assets/img/icn/file_icons/icn-PDF.svg';\r\nimport pptIcon from '../../assets/img/icn/file_icons/icn-PowerPoint.svg';\r\nimport wordIcon from '../../assets/img/icn/file_icons/icn-Word.svg';\r\nimport excelIcon from '../../assets/img/icn/file_icons/icn-Excel.svg';\r\nimport imageIcon from '../../assets/img/icn/file_icons/icn-Image.svg';\r\nimport videoIcon from '../../assets/img/icn/file_icons/icn-Video.svg';\r\nimport onenoteIcon from '../../assets/img/icn/file_icons/icn-OneNote.svg';\r\nimport defaultIcon from '../../assets/img/icn/file_icons/icn-default.svg';\r\n\r\n@Component({\r\n  tag: 'dda-attach-file',\r\n  styleUrls: ['../../global/input.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAttachFile {\r\n  @Prop() label: string;\r\n  @Prop() place_holder: string;\r\n  @Prop() upload_button_text: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() success_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() size?: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() input_type?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_aria_label?: string = '';\r\n  @Prop() input_id: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() delete_button_id: string;\r\n  @Prop() button_name?: string;\r\n  @Prop() accept?: string;\r\n  @Prop() disabled: boolean = false;\r\n\r\n  @Prop() max_file_size: number = 5; // in MB\r\n  @Prop() file_size_error_message: string = 'File size should not exceed {max} MB';\r\n  \r\n  @State() file: File | null = null;\r\n  @State() isFileUploaded: boolean = false;\r\n  @State() internalErrorMessage: string = '';\r\n\r\n  private fileInputRef: HTMLInputElement;\r\n\r\n  @Event() fileChanged: EventEmitter<File | null>;\r\n\r\n  @Method()\r\n  async getFile(): Promise<File | null> {\r\n    return this.file;\r\n  }\r\n\r\n  private fileIcons = {\r\n    pdf: pdfIcon,\r\n    pptx: pptIcon,\r\n    docx: wordIcon,\r\n    xlsx: excelIcon,\r\n    png: imageIcon,\r\n    jpg: imageIcon,\r\n    jpeg: imageIcon,\r\n    mp4: videoIcon,\r\n    mkv: videoIcon,\r\n    one: onenoteIcon,\r\n  };\r\n\r\n  handleFileInput(event: Event) {\r\n    console.log(this.fileInputRef.value);\r\n    \r\n    const files = (event.target as HTMLInputElement)?.files;\r\n    if (files && files.length > 0) {\r\n      const selectedFile = files[0];\r\n      const fileSizeInMB = selectedFile.size / (1024 * 1024);\r\n\r\n      if (this.max_file_size && fileSizeInMB > this.max_file_size) {\r\n        this.file = null;\r\n        this.isFileUploaded = false;\r\n        this.internalErrorMessage = this.file_size_error_message.replace('{max}', this.max_file_size.toString());\r\n        this.validation_type = 'error';\r\n        this.fileChanged.emit(null);\r\n        return;\r\n      }\r\n\r\n      this.file = selectedFile;\r\n      this.isFileUploaded = true;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(this.file);\r\n    } else {\r\n      this.file = null;\r\n      this.isFileUploaded = false;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(null);\r\n    }\r\n  }\r\n\r\n  removeFile() {\r\n    this.file = null;\r\n    this.isFileUploaded = false;\r\n   if (this.fileInputRef) {\r\n  this.fileInputRef.value = null;\r\n}\r\n    this.internalErrorMessage = '';\r\n    this.validation_type = 'normal';\r\n    this.fileChanged.emit(null);\r\n  }\r\n\r\n  getFileIcon(fileName: string) {\r\n    const extension = fileName.split('.').pop()?.toLowerCase();\r\n    return this.fileIcons[extension] || defaultIcon;\r\n  }\r\n\r\n  render() {\r\n    const inputClass = [\r\n      'dda-input-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-input-size-${this.size}` : '',\r\n      this.input_type ? `dda-input-${this.input_type}` : '',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    const shouldShowError = this.validation_type === 'error' && (this.internalErrorMessage || this.error_message);\r\n\r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && (\r\n            <span class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n              {this.label}\r\n            </span>\r\n          )}\r\n\r\n          <div class=\"dda-input-field-group dda-attach-file\">\r\n            {this.file ? (\r\n              <div class=\"dda-file-details\">\r\n                <div class=\"dda-items\">\r\n                  <img src={this.getFileIcon(this.file.name)} alt=\"File Icon\" class=\"dda-file-icon\" />\r\n                  <span class=\"dda-file-name\" title={this.file.name}>{this.file.name}</span>\r\n                </div>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"remove-file\"\r\n                  name={this.button_name}\r\n                  id={this.delete_button_id}\r\n                  role=\"button\"\r\n                  tabIndex={0}\r\n                  aria-label={this.button_aria_label || 'Remove file'}\r\n                  onClick={() => this.removeFile()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n                </button>\r\n              </div>\r\n            ) : (\r\n              <div class=\"dda-file-input\">\r\n                <span>{this.place_holder || 'No File Selected'}</span>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dda-file-choose\"\r\n                  name={this.button_name}\r\n                  id={this.button_id}\r\n                  tabIndex={0}\r\n                  aria-labelledby={`${this.button_id}-label`}\r\n                  onClick={() => this.fileInputRef?.click()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </button>\r\n                <span id={`${this.button_id}-label`} class=\"visually-hidden\">\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </span>\r\n\r\n                <label htmlFor={this.input_id} class=\"visually-hidden\">\r\n                  {this.label}\r\n                </label>\r\n                <input\r\n                  id={this.input_id}\r\n                  name={this.input_name}\r\n                  type=\"file\"\r\n                  accept={this.accept}\r\n                  disabled={this.disabled}\r\n                  hidden\r\n                  ref={(el) => (this.fileInputRef = el as HTMLInputElement)}\r\n                  onInput={(event) => this.handleFileInput(event)}\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {shouldShowError ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\" aria-live=\"assertive\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.internalErrorMessage || this.error_message}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.isFileUploaded && this.success_text ? (\r\n            <span class=\"dda-success-text\" id={this.validation_id} role=\"status\" aria-live=\"polite\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">check</i>\r\n                <span>{this.success_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.helper_text ? (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.helper_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : null}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-attach-file/dda-attach-file.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-attach-file.stories.js","sourceRoot":"","sources":["../../../src/components/dda-attach-file/dda-attach-file.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Attach File',\r\n  tags: ['autodocs'],\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-attach-file\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-attach-file\r\n  label=\"Attach File\"\r\n  place_holder=\"No File Selected\"\r\n  upload_button_text=\"Choose File\"\r\n  helper_text=\"Helper or footer text\"\r\n  success_text=\"Successfully uploaded\"\r\n  error_message=\"Error message\"\r\n  file_size_error_message=\"File size should not exceed {max} MB\"\r\n  max_file_size=\"2\"\r\n  size=\"default\"\r\n  validation_type=\"normal\"\r\n  input_type=\"normal\"\r\n  custom_class=\"\"\r\n  component_mode=\"\"\r\n  input_id=\"input\"\r\n  button_id=\"button\"\r\n  delete_button_id=\"deleteFile\"\r\n  aria_label=\"input\"\r\n  button_aria_label=\"button\"\r\n  button_name=\"button\"\r\n  input_name=\"input\"\r\n  accept=\".pdf,.docx\"\r\n></dda-attach-file>\r\n\\`\\`\\`\r\n\r\nThe component emits a \\`fileChanged\\` event when a file is selected or removed.\r\n        `,\r\n      },\r\n    },\r\n  },\r\n\r\n  argTypes: {\r\n    label: { control: 'text', description: 'Label for the attach file component' },\r\n    place_holder: { control: 'text', description: 'Default place holder text' },\r\n    upload_button_text: { control: 'text', description: 'Button text for upload file' },\r\n    helper_text: { control: 'text', description: 'Helper text for the attach file component' },\r\n    success_text: { control: 'text', description: 'Success message text' },\r\n    error_message: { control: 'text', description: 'Error message displayed below the component' },\r\n    file_size_error_message: { control: 'text', description: 'File size limit exceed warning message. Use {max} as a placeholder for max size' },\r\n    validation_id: { control: 'text', description: 'ID used for error/helper message' },\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['default', 'small'],\r\n      description: 'Size of the attach file component',\r\n    },\r\n    validation_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'error'],\r\n      description: 'Validation type of the component',\r\n    },\r\n    input_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'disabled'],\r\n      description: 'Input type (used for visual class only)',\r\n    },\r\n    custom_class: { control: 'text', description: 'Custom class to be applied' },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the attach file component',\r\n    },\r\n    input_id: { control: 'text', description: 'Input id for file input' },\r\n    button_id: { control: 'text', description: 'Button id for file upload button' },\r\n    delete_button_id: { control: 'text', description: 'Button id for file delete button' },\r\n    aria_label: { control: 'text', description: 'ARIA label for input' },\r\n    button_aria_label: { control: 'text', description: 'ARIA label for upload button' },\r\n    button_name: { control: 'text', description: 'Name for the upload button' },\r\n    input_name: { control: 'text', description: 'Name for the input field' },\r\n    accept: { control: 'text', description: 'Accept attribute for file types (e.g., .pdf,.docx)' },\r\n    max_file_size: { control: 'number', description: 'Maximum file size allowed in MB' },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => {\r\n      if (typeof value === 'boolean') return value ? key : '';\r\n      return `${key}=\"${value}\"`;\r\n    })\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return `\r\n    <dda-attach-file ${attributes}></dda-attach-file>\r\n    <script>\r\n      const fileComponent = document.querySelector('dda-attach-file');\r\n      fileComponent?.addEventListener('fileChanged', (e) => {\r\n        console.log('fileChanged:', e.detail);\r\n      });\r\n    </script>\r\n  `;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  label: 'Attach File',\r\n  place_holder: 'No File Selected',\r\n  upload_button_text: 'Choose File',\r\n  helper_text: 'Helper or footer text',\r\n  success_text: 'Successfully uploaded',\r\n  error_message: 'Error Message',\r\n  validation_id: 'validationId',\r\n  file_size_error_message: 'File size should not exceed {max} MB',\r\n  max_file_size: 200,\r\n  size: 'default',\r\n  validation_type: 'normal',\r\n  input_type: 'normal',\r\n  input_id: 'choose-File',\r\n  button_id: 'choose-File-button',\r\n  delete_button_id: 'delete-File-button',\r\n  aria_label: 'input',\r\n  button_aria_label: 'button',\r\n  button_name: 'button',\r\n  input_name: 'input',\r\n  accept: '.pdf,.docx',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onInput: '',\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n  ...Default.args,\r\n  size: 'small',\r\n};\r\n\r\nexport const ErrorState = Template.bind({});\r\nErrorState.args = {\r\n  ...Default.args,\r\n  validation_type: 'error',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  ...Default.args,\r\n  input_type: 'disabled',\r\n};\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-avatar.js","sourceRoot":"","sources":["../../../src/components/dda-avatar/dda-avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-avatar',\r\n  styleUrls: ['dda-avatar.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAvatar {\r\n  @Prop() type: 'photo' | 'icon' | 'text' = 'photo';\r\n  @Prop() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' = 'md';\r\n  @Prop() design: 'default' | 'status' | 'verified' | 'story' | 'notification' = 'default';\r\n  @Prop() rounded: 'square' | 'circle' = 'circle';\r\n  @Prop() src: string = ''; // For photo type\r\n  @Prop() icon: string = 'material-icons'; // For icon type\r\n  @Prop() text: string = 'AB'; // For text type\r\n  @Prop() notification_number: number = 0; // For notification design\r\n  @Prop() custom_class?: string = ''; \r\n  @State() isOpen: boolean = false;\r\n  @Prop() selected: string;\r\n  @Prop() show_options: boolean = true;\r\n  @Prop() options: string;\r\n  @Prop() component_mode?: string; \r\n  @Prop() aria_label: string;\r\n  @Prop() button_id?: string;\r\n  @Prop() button_name?: string;\r\n  @Prop() dropdown_enabled: boolean = true; // ✅ New prop\r\n\r\n  toggleDropdown() {\r\n    if (this.dropdown_enabled) {\r\n      this.isOpen = !this.isOpen;\r\n    }\r\n  }\r\n\r\n  selectOption(option: string) {\r\n    this.selected = option;\r\n    this.isOpen = false;\r\n  }\r\n\r\n  private get parsedOptions(): string[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        onClick={() => this.toggleDropdown()}\r\n        class={{\r\n          'dda-avatar': true,\r\n          [`avatar-type-${this.type}`]: true,\r\n          [`avatar-size-${this.size}`]: true,\r\n          [`avatar-design-${this.design}`]: true,\r\n          [`avatar-shape-${this.rounded}`]: true,\r\n          [`${this.custom_class}`]: true,\r\n          [`${this.component_mode}`]: true,\r\n          [`${this.button_name}`]: true,\r\n          'avatar-dropdown-disabled': !this.dropdown_enabled, // Optional: for visual indication\r\n        }}\r\n      >\r\n        {this.isOpen && (\r\n          <div class=\"dda-input-dropdown-list\">\r\n            {this.parsedOptions.length > 0 ? (\r\n              this.parsedOptions.map(option => (\r\n                <button\r\n                  id={this.button_id}\r\n                  name={this.button_name}\r\n                  aria-label={this.aria_label}\r\n                  type=\"button\"\r\n                  class={`dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`}\r\n                  onClick={(e) => {\r\n                    e.stopPropagation(); // prevent dropdown toggle on option click\r\n                    this.selectOption(option);\r\n                  }}\r\n                >\r\n                  {option}\r\n                </button>\r\n              ))\r\n            ) : (\r\n              <div class=\"dda-input-dropdown-item\">No options available</div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {this.type === 'photo' && <img src={this.src} alt=\"Avatar\" />}\r\n        {this.type === 'icon' && <i class={`${this.icon} dda-smile`}>sentiment_satisfied</i>}\r\n        {this.type === 'text' && <span class=\"avatar-main-text\">{this.text}</span>}\r\n        {this.design === 'status' && <div class=\"status-circle\"></div>}\r\n        {this.design === 'verified' && (\r\n          <div class=\"verified-icon\">\r\n            <span class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">verified</span>\r\n          </div>\r\n        )}\r\n        {this.design === 'notification' && (\r\n          <div class=\"notification-circle\">{this.notification_number}</div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-avatar/dda-avatar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-avatar.stories.js","sourceRoot":"","sources":["../../../src/components/dda-avatar/dda-avatar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit-html';\r\n\r\nexport default {\r\n  title: 'Components/Avatar',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    type: {\r\n      control: 'select',\r\n      options: ['photo', 'icon', 'text'],\r\n      description: 'Options like photo, icon and text',\r\n    },\r\n    size: {\r\n      control: 'select',\r\n      options: ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'],\r\n      description: 'Size of the avatar component',\r\n    },\r\n    design: {\r\n      control: 'select',\r\n      options: ['default', 'status', 'verified', 'live', 'notification'],\r\n      description: 'Design of the avatar component',\r\n    },\r\n    rounded: {\r\n      control: 'select',\r\n      options: ['square', 'circle'],\r\n      description: 'Options to display the avatar as square or circle',\r\n    },\r\n    options: {\r\n      control: 'array',\r\n      description: 'Dropdown options for the avatar dropdown',\r\n    },\r\n    dropdown_enabled: {\r\n      control: 'boolean',\r\n      description: 'Enable or disable the avatar dropdown',\r\n    },\r\n    src: { control: 'text', description: 'Path to the image' },\r\n    icon: { control: 'text', description: 'Material Icons icon class for the avatar' },\r\n    text: { control: 'text', description: 'Text inside the avatar' },\r\n    notification_number: { control: 'number', description: 'Number of notifications' },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class for the avatar component',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the avatar component',\r\n    },\r\n    button_id: {\r\n      control: { type: 'text' },\r\n      description: 'Button id for the avatar component',\r\n    },\r\n    aria_label: {\r\n      control: { type: 'text' },\r\n      description: 'Aria label for the avatar component',\r\n    },\r\n    button_name: {\r\n      control: { type: 'text' },\r\n      description: 'Button name',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-avatar\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-avatar\r\n  type=\"photo\"\r\n  size=\"md\"\r\n  design=\"default\"\r\n  rounded=\"circle\"\r\n  src=\"...\"\r\n  icon=\"...\"\r\n  text=\"...\"\r\n  options='[\"Option 1\",\"Option 2\"]'\r\n  dropdown_enabled=\"true\"\r\n  ...\r\n></dda-avatar>\r\n\\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = ({\r\n  type,\r\n  size,\r\n  design,\r\n  rounded,\r\n  src,\r\n  icon,\r\n  text,\r\n  notification_number,\r\n  custom_class,\r\n  options,\r\n  component_mode,\r\n  button_id,\r\n  aria_label,\r\n  button_name,\r\n  dropdown_enabled,\r\n}) => html`\r\n  <dda-avatar\r\n    type=${type}\r\n    size=${size}\r\n    design=${design}\r\n    rounded=${rounded}\r\n    src=${src}\r\n    icon=${icon}\r\n    text=${text}\r\n    options=${JSON.stringify(options)}\r\n    notification_number=${notification_number}\r\n    custom_class=${custom_class}\r\n    component_mode=${component_mode}\r\n    aria_label=${aria_label}\r\n    button_id=${button_id}\r\n    button_name=${button_name}\r\n    dropdown_enabled=${dropdown_enabled}\r\n  >\r\n  </dda-avatar>\r\n`;\r\n\r\nexport const StatusPhoto = Template.bind({});\r\nStatusPhoto.args = {\r\n  type: 'photo',\r\n  size: 'md',\r\n  design: 'default',\r\n  rounded: 'circle',\r\n  text: 'AB',\r\n  options: ['Option 1', 'Option 2', 'Option 3'],\r\n  src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg',\r\n  icon: 'material-icons',\r\n  notification_number: 20,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  button_id: 'button',\r\n  aria_label: 'avatar',\r\n  button_name: 'button',\r\n  dropdown_enabled: true,\r\n};\r\n\r\nexport const StatusIcon = Template.bind({});\r\nStatusIcon.args = {\r\n  ...StatusPhoto.args,\r\n  type: 'icon',\r\n};\r\n\r\nexport const StatusText = Template.bind({});\r\nStatusText.args = {\r\n  ...StatusPhoto.args,\r\n  type: 'text',\r\n};\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOvF,MAAM,OAAO,aAAa;IAL1B;QAMU,WAAM,GAAkC,MAAM,CAAC,CAAC,yBAAyB;QACzE,cAAS,GAAmC,eAAe,CAAC,CAAC,+BAA+B;QAC5F,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAE3B,oBAAe,GAAW,EAAE,CAAC;QAI7B,iBAAY,GAAqB,OAAO,CAAC;QAEjD,gBAAW,GAAkD,EAAE,CAAC;KA2CjE;IAzCC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc;gBAC7B,0EAAiB,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;oBAC7D,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW;wBACf,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;4BACvF;gCACA,oBAAoB;gCAClB,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EACpE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;gCAEpF,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,CACzB,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAC3C,KAAK,CAAC,IAAI,CACT,CACL;gCACA,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD;4BACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,SAAG,KAAK,EAAE,0CAA0C,iBAAc,MAAM,IACrE,IAAI,CAAC,SAAS,CACb,CACL,CACE,CACN,CAAC,CACD,CACD,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-breadcrumb',\r\n  styleUrls: ['dda-breadcrumb.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n  @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n  @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() dataBreadcrumbs: string = '';\r\n  @Element() el: HTMLElement;\r\n\r\n  @Event() navigatorClick?: EventEmitter<string>;\r\n  @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n  breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n  componentWillLoad() {\r\n    const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n    if (breadcrumbsData) {\r\n      this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={this.component_mode}>\r\n          <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n            <ol class=\"dda-breadcrumb\">\r\n              {this.breadcrumbs &&\r\n                this.breadcrumbs.map((crumb, index) => (\r\n                  <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n                    <a\r\n                    //  href={crumb.url}\r\n                      href={this.useNavigator == \"true\" ? 'javascript:void(0)' : crumb.url}\r\n                      onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(crumb.url) : \"\"}                            \r\n                     >\r\n                      {this.design !== 'text' && (\r\n                        <i class={`material-icons`} aria-hidden=\"true\">\r\n                          {crumb.icon}\r\n                        </i>\r\n                      )}\r\n                      {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n                    </a>\r\n                    {index < this.breadcrumbs.length - 1 && (\r\n                      <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">\r\n                        {this.separator}\r\n                      </i>\r\n                    )}\r\n                  </li>\r\n                ))}\r\n            </ol>\r\n          </nav>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-breadcrumb.stories.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Breadcrumb',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    design: {\r\n      control: { type: 'select' },\r\n      options: ['text', 'icon-text', 'icon'],\r\n      description: 'Design of the breadcrumbs',\r\n    },\r\n    separator: {\r\n      control: { type: 'select' },\r\n      options: ['chevron_right', 'pen_size_2'],\r\n      description: 'Separator style of the breadcrumbs',\r\n    },\r\n    aria_label: {\r\n      control: { type: 'text' },\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the breadcrumb component',\r\n    }\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-breadcrumb\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-breadcrumb\r\n    design=\"text\"\r\n    separator=\"chevron_right\"\r\n    aria_label=\"Page breadcrumb\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    data-breadcrumbs='[{\"text\":\"Home\",\"icon\":\"home\",\"url\":\"/\"},\r\n                        {\"text\":\"Library\",\"icon\":\"menu_book\",\"url\":\"/library\"},\r\n                        {\"text\":\"Data\",\"icon\":\"storage\"}]'\r\n></dda-breadcrumb>\r\n  \\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const { breadcrumbs, ...otherArgs } = args;\r\n  const attributes = Object.entries(otherArgs)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  const breadcrumbsData = JSON.stringify(breadcrumbs);\r\n\r\n  return `<dda-breadcrumb ${attributes} data-breadcrumbs='${breadcrumbsData}'></dda-breadcrumb>`;\r\n};\r\n\r\n\r\nexport const TextOnly = Template.bind({});\r\nTextOnly.args = {\r\n  design: 'text',\r\n  separator: 'chevron_right',\r\n  breadcrumbs: [\r\n    { text: 'Home', icon: 'home', url: '/' },\r\n    { text: 'Library', icon: 'menu_book', url: '/library' },\r\n    { text: 'Datas', icon: 'storage' },\r\n  ],\r\n  aria_label: 'Page information navigation',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const IconText = Template.bind({});\r\nIconText.args = {\r\n  design: 'icon-text',\r\n  separator: 'chevron_right',\r\n  breadcrumbs: [\r\n    { text: 'Home', icon: 'home', url: '/' },\r\n    { text: 'Library', icon: 'menu_book', url: '/library' },\r\n    { text: 'Datas', icon: 'storage' },\r\n  ],\r\n  aria_label: 'Page information navigation',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n\r\nexport const IconOnly = Template.bind({});\r\nIconOnly.args = {\r\n  design: 'icon',\r\n  separator: 'chevron_right',\r\n  breadcrumbs: [\r\n    { text: 'Home', icon: 'home', url: '/' },\r\n    { text: 'Library', icon: 'menu_book', url: '/library' },\r\n    { text: 'Data', icon: 'storage' },\r\n  ],\r\n  aria_label: 'Page information navigation',\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-button.js","sourceRoot":"","sources":["../../../src/components/dda-button/dda-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Host, Component, Prop, h, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaButton {\r\n  @Prop() button_type: string = 'button';\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon_family: string = '';\r\n  @Prop() start_icon: string = '';\r\n  @Prop() button_text: string = '';\r\n  @Prop() end_icon_family: string = '';\r\n  @Prop() end_icon: string = '';\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_color: string = 'primary';\r\n  @Prop() size?: string;\r\n  @Prop() button_shape?: string = '';\r\n  @Prop() icon_button_shape?: string = '';\r\n  @Prop() gap?: number;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() button_name?: string = '';\r\n  @Prop() value?: string;\r\n  // @Prop() onpressKey?: () => void;\r\n\r\n  @Event() buttonClick: EventEmitter<{ event: MouseEvent, id: string, value: string, name: string }>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    this.buttonClick.emit({\r\n      event,\r\n      id: this.button_id,\r\n      value: this.value,\r\n      name: this.button_name,\r\n    });\r\n  };\r\n \r\n  // private handleKeyDown = (event: KeyboardEvent) => {\r\n  //   if (event.key === 'Enter' || event.key === ' ') {\r\n  //     event.preventDefault();\r\n  //     this.handleClick(event as unknown as MouseEvent);\r\n  //   }\r\n  // };\r\n\r\n  render() {\r\n    const buttonClass = [\r\n      'dda-btn',\r\n      `btn-color-${this.button_color}`,\r\n      this.size ? `btn-size-${this.size}` : '',\r\n      this.button_shape ? `btn-shape-${this.button_shape}` : '',\r\n      this.icon_button_shape ? `icon-btn-${this.icon_button_shape}` : '',\r\n      this.gap ? `dda-gap-${this.gap}` : '',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <button\r\n          id={this.button_id}\r\n          type={this.button_type}\r\n          class={buttonClass}\r\n          disabled={this.disabled}\r\n          aria-label={this.aria_label || this.button_text}\r\n          name={this.button_name}\r\n          value={this.value}\r\n          onClick={this.handleClick}\r\n          // onKeyDown={this.handleKeyDown}\r\n        >\r\n          {this.start_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.button_text}\r\n          {this.end_icon && (\r\n            <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-button/dda-button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-button.stories.js","sourceRoot":"","sources":["../../../src/components/dda-button/dda-button.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2BV;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE;gBACP,iBAAiB,EAAC,mBAAmB,EAAC,kBAAkB,EAAC,cAAc;gBACvE,eAAe,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,YAAY;gBAC/D,mBAAmB,EAAC,qBAAqB,EAAC,oBAAoB,EAAC,gBAAgB;gBAC/E,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,iBAAiB,EAAC,UAAU;aACvE;SACF;QACD,WAAW,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE;QAC1E,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAC9D,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;QACnE,iBAAiB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE;QACxE,GAAG,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAC3C,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACjC,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC;YAC3B,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE;QAC/D,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,2BAA2B,EAAE;QACzE,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE;QACnE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE;QAC9D,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,oBAAoB,EAAE;KACpE;CACF,CAAC;AAEF,+BAA+B;AAC/B,4CAA4C;AAC5C,uEAAuE;AACvE,kDAAkD;AAClD,kBAAkB;AAElB,iCAAiC;AACjC,kEAAkE;AAElE,uDAAuD;AACvD,uBAAuB;AACvB,0FAA0F;AAC1F,iEAAiE;AAEjE,oBAAoB;AACpB,2DAA2D;AAC3D,sEAAsE;AACtE,mEAAmE;AACnE,QAAQ;AACR,WAAW;AAEX,uBAAuB;AACvB,KAAK;AAEL,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACpC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,GAAG,KAAK,MAAM,CAAC;SAC/D,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACpB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO,YAAY,KAAK,GAAG,CAAC,CAAC,uBAAuB;QACtD,CAAC;QACD,OAAO,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;IAC7B,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,2EAA2E;IAC3E,MAAM,WAAW,GAAG,yCAAyC,CAAC;IAE9D,0DAA0D;IAC1D,MAAM,UAAU,GAAG,eAAe,UAAU,IAAI,WAAW,gBAAgB,CAAC;IAE5E,8DAA8D;IAC9D,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,yBAAyB,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC;QACnF,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;YAC7D,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE,EAAE;IAC9B,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;IAC5C,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACpD,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAEnC,IAAI,EAAE,KAAK,cAAc,EAAE,CAAC;QAC1B,KAAK,CAAC,4BAA4B,CAAC,CAAC;IACtC,CAAC;SAAM,IAAI,EAAE,KAAK,gBAAgB,EAAE,CAAC;QACnC,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;IACjD,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACpB,WAAW,EAAE,QAAQ;IACrB,YAAY,EAAE,iBAAiB;IAC/B,UAAU,EAAE,qBAAqB;IACjC,WAAW,EAAE,QAAQ;IACrB,QAAQ,EAAE,eAAe;IACzB,SAAS,EAAE,qBAAqB;IAChC,UAAU,EAAE,wBAAwB;IACpC,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE,uBAAuB;IAC9B,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,OAAO,EAAE,6BAA6B;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,mCACZ,cAAc,CAAC,IAAI,KACtB,YAAY,EAAE,eAAe,EAC7B,UAAU,EAAE,qBAAqB,EACjC,WAAW,EAAE,QAAQ,EACrB,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,qBAAqB,EAChC,UAAU,EAAE,wBAAwB,EACpC,WAAW,EAAE,sBAAsB,EACnC,KAAK,EAAE,uBAAuB,EAC9B,YAAY,EAAE,SAAS,EACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,EAAE,EAChB,cAAc,EAAE,EAAE,EAClB,OAAO,EAAE,6BAA6B,GACvC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,mCACd,cAAc,CAAC,IAAI,KACtB,YAAY,EAAE,mBAAmB,EACjC,UAAU,EAAE,qBAAqB,EACjC,WAAW,EAAE,QAAQ,EACrB,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,qBAAqB,EAChC,UAAU,EAAE,wBAAwB,EACpC,WAAW,EAAE,sBAAsB,EACnC,KAAK,EAAE,uBAAuB,EAC9B,YAAY,EAAE,SAAS,EACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,EAAE,EAChB,cAAc,EAAE,EAAE,EAClB,OAAO,EAAE,6BAA6B,GACvC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,mCACR,cAAc,CAAC,IAAI,KACtB,YAAY,EAAE,UAAU,EACxB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,EAAE,EAChB,cAAc,EAAE,EAAE,EAClB,OAAO,EAAE,6BAA6B,GACvC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IAChB,WAAW,EAAE,QAAQ;IACrB,YAAY,EAAE,iBAAiB;IAC/B,UAAU,EAAE,qBAAqB;IACjC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,YAAY;IACzB,KAAK,EAAE,YAAY;IACnB,iBAAiB,EAAE,SAAS;IAC5B,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;IAClB,OAAO,EAAE,6BAA6B;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,mCAClB,UAAU,CAAC,IAAI,KAClB,YAAY,EAAE,UAAU,EACxB,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,EAAE,EAChB,cAAc,EAAE,EAAE,EAClB,OAAO,EAAE,6BAA6B,GACvC,CAAC","sourcesContent":["export default {\r\n  title: 'Components/Button',\r\n  tags: ['autodocs'],\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`<dda-button>\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-button\r\n    button_color=\"default-primary\"\r\n    start_icon=\"sentiment_satisfied\"\r\n    button_text: \"Button\"\r\n    end_icon=\"arrow_forward\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    button_id=\"button\"\r\n    aria_label=\"button\"\r\n    button_name=\"button\"\r\n    value=\"my-value\"\r\n    >\r\n</dda-button>\r\n\\`\\`\\`\r\n\r\nTo listen for click events:\r\n\r\n\\`\\`\\`javascript\r\ndocument.querySelector('dda-button').addEventListener('buttonClick', (e) => {\r\n  const { event, id, value, name } = e.detail;\r\n  console.log('Button clicked:', { id, value, name });\r\n});\r\n\\`\\`\\`\r\n        `,\r\n      },\r\n    },\r\n  },\r\n  argTypes: {\r\n    button_color: {\r\n      control: { type: 'select' },\r\n      options: [\r\n        'default-primary','default-secondary','default-tertiary','default-link',\r\n        'error-primary','error-secondary','error-tertiary','error-link',\r\n        'onsurface-primary','onsurface-secondary','onsurface-tertiary','onsurface-link',\r\n        'secondary','success','warning','surface','surface-variant','disabled',\r\n      ],\r\n    },\r\n    button_type: { control: 'select', options: ['button', 'submit', 'reset'] },\r\n    size: { control: 'select', options: ['sm', 'md', 'lg', 'xl'] },\r\n    button_shape: { control: 'select', options: ['default', 'circle'] },\r\n    icon_button_shape: { control: 'select', options: ['default', 'circle'] },\r\n    gap: { control: 'select', options: [1, 2] },\r\n    button_text: { control: 'text' },\r\n    custom_class: { control: 'text' },\r\n    component_mode: {\r\n      control: { type: 'select' },\r\n      options: ['', 'light-mode'],\r\n      description: 'Mode of the button component',\r\n    },\r\n    button_id: { control: 'text', description: 'ID of the button' },\r\n    aria_label: { control: 'text', description: 'Aria label for the button' },\r\n    button_name: { control: 'text', description: 'Name of the button' },\r\n    value: { control: 'text', description: 'Value of the button' },\r\n    disabled: { control: 'boolean', description: 'Disable the button' },\r\n  },\r\n};\r\n\r\n// const Template = (args) => {\r\n//   const attributes = Object.entries(args)\r\n//     .filter(([key, value]) => value !== undefined && key !== 'text')\r\n//     .map(([key, value]) => `${key}=\"${value}\"`)\r\n//     .join(' ');\r\n\r\n//   // Create the button element\r\n//   const buttonHtml = `<dda-button ${attributes}></dda-button>`;\r\n  \r\n//   // Add event listener after the element is created\r\n//   setTimeout(() => {\r\n//     const button = document.querySelector(`dda-button[button_id=\"${args.button_id}\"]`);\r\n//     button.addEventListener('buttonClick', handleButtonClick);\r\n\r\n//     if (button) {\r\n//       // Remove existing listeners to prevent duplicates\r\n//       button.removeEventListener('buttonClick', handleButtonClick);\r\n//       button.addEventListener('buttonClick', handleButtonClick);\r\n//     }\r\n//   }, 0);\r\n\r\n//   return buttonHtml;\r\n// };\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => {\r\n      if (key === 'onClick') {\r\n        return `onclick=\"${value}\"`; // inject raw JS string\r\n      }\r\n      return `${key}=\"${value}\"`;\r\n    })\r\n    .join(' ');\r\n\r\n  // Manually add the onclick attribute with a placeholder JS snippet or text\r\n  const onclickAttr = 'onclick=\"console.log(\\'native click\\')\"';\r\n\r\n  // Create the button element HTML string including onclick\r\n  const buttonHtml = `<dda-button ${attributes} ${onclickAttr}></dda-button>`;\r\n  \r\n  // Add event listener after the element is created (unchanged)\r\n  setTimeout(() => {\r\n    const button = document.querySelector(`dda-button[button_id=\"${args.button_id}\"]`);\r\n    if (button) {\r\n      button.removeEventListener('buttonClick', handleButtonClick);\r\n      button.addEventListener('buttonClick', handleButtonClick);\r\n    }\r\n  }, 0);\r\n\r\n  return buttonHtml;\r\n};\r\n\r\nconst handleButtonClick = (e) => {\r\n  const { event, id, value, name } = e.detail;\r\n  console.log('Button clicked:', { id, value, name });\r\n  console.log('Mouse event:', event);\r\n\r\n  if (id === 'error-button') {\r\n    alert('Hello! I am an alert box!!');\r\n  } else if (id === 'console-button') {\r\n    console.log('Button clicked via custom event');\r\n  }\r\n};\r\n\r\nexport const DefaultPrimary = Template.bind({});\r\nDefaultPrimary.args = {\r\n  button_type: \"button\",\r\n  button_color: 'default-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  button_text: 'Button',\r\n  end_icon: 'arrow_forward',\r\n  button_id: 'default-primary-btn',\r\n  aria_label: 'default primary button',\r\n  button_name: 'defaultPrimaryButton',\r\n  value: 'default-primary-value',\r\n  button_shape: 'default',\r\n  size: 'md',\r\n  gap: 1,\r\n  disabled: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onclick: \"console.log('native click')\"\r\n};\r\n\r\nexport const ErrorPrimary = Template.bind({});\r\nErrorPrimary.args = {\r\n  ...DefaultPrimary.args,\r\n  button_color: 'error-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  button_text: 'Button',\r\n  end_icon: 'arrow_forward',\r\n  button_id: 'default-primary-btn',\r\n  aria_label: 'default primary button',\r\n  button_name: 'defaultPrimaryButton',\r\n  value: 'default-primary-value',\r\n  button_shape: 'default',\r\n  size: 'md',\r\n  gap: '1',\r\n  disabled: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onclick: \"console.log('native click')\"\r\n};\r\n\r\nexport const SurfacePrimary = Template.bind({});\r\nSurfacePrimary.args = {\r\n  ...DefaultPrimary.args,\r\n  button_color: 'onsurface-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  button_text: 'Button',\r\n  end_icon: 'arrow_forward',\r\n  button_id: 'default-primary-btn',\r\n  aria_label: 'default primary button',\r\n  button_name: 'defaultPrimaryButton',\r\n  value: 'default-primary-value',\r\n  button_shape: 'default',\r\n  size: 'md',\r\n  gap: '1',\r\n  disabled: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onclick: \"console.log('native click')\"\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  ...DefaultPrimary.args,\r\n  button_color: 'disabled',\r\n  button_id: 'disabled-button',\r\n  disabled: true,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onclick: \"console.log('native click')\"\r\n};\r\n\r\nexport const IconButton = Template.bind({});\r\nIconButton.args = {\r\n  button_type: \"button\",\r\n  button_color: 'default-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  button_id: 'icon-button',\r\n  aria_label: 'icon button',\r\n  button_name: 'iconButton',\r\n  value: 'icon-value',\r\n  icon_button_shape: \"default\",\r\n  size: 'md',\r\n  disabled: false,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onclick: \"console.log('native click')\"\r\n};\r\n\r\nexport const IconButtonDisabled = Template.bind({});\r\nIconButtonDisabled.args = {\r\n  ...IconButton.args,\r\n  button_color: 'disabled',\r\n  button_id: 'icon-button-disabled',\r\n  disabled: true,\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onclick: \"console.log('native click')\"\r\n};\r\n"]}