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

package/dist/collection/components/dda-cards/dda-image-cards/dda-event-card/dda-event-card.js

@@ -1,298 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class DdaEventCard {
-    constructor() {
-        this.custom_class = '';
-        this.chip_list = [];
-        this.avatar_list = [];
-    }
-    componentWillRender() {
-        const element = document.querySelector('dda-event-card');
-        const chipAttr = element === null || element === void 0 ? void 0 : element.getAttribute('data-chip-list');
-        if (chipAttr) {
-            try {
-                const parsed = JSON.parse(chipAttr);
-                if (Array.isArray(parsed)) {
-                    this.chip_list = parsed;
-                }
-            }
-            catch (e) {
-                console.warn('Invalid chip_list JSON:', e);
-            }
-        }
-        const avatarAttr = element === null || element === void 0 ? void 0 : element.getAttribute('data-avatar-list');
-        if (avatarAttr) {
-            try {
-                const parsed = JSON.parse(avatarAttr);
-                if (Array.isArray(parsed)) {
-                    this.avatar_list = parsed;
-                }
-            }
-            catch (e) {
-                console.warn('Invalid avatar_list JSON:', e);
-            }
-        }
-    }
-    render() {
-        var _a;
-        const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');
-        return (h(Host, { key: 'ba598b9116c5aae3c6787406c020163adff982c7' }, h("div", { key: '902f6fb71e807a866c682f66bb3d236c0ad877ff', class: cardClass, role: "region", "aria-label": this.header_text ? `Card: ${this.header_text}` : 'Information card' }, this.card_header_text && (h("div", { key: '5cf64ae0d37d8ab5603c9905089f74eb9cd13222', class: "dda-card-header", role: "heading", "aria-level": "2" }, h("h6", { key: '5f3fc8c65b15ee6321c99f5af126a2c23e6effaa', class: "h6 Regular", "aria-label": "Card header" }, this.card_header_text), this.card_header_icon && (h("dda-button", { key: '20fdf80bb8e511114ebb0dbb06dc1e4b4750f27d', button_color: "onsurface-link", icon_button_shape: "circle", start_icon: this.card_header_icon, custom_class: "dda-header-dots", component_mode: "", button_id: this.card_header_icon_id, aria_label: "Card options menu", onClick: () => console.log('clicked'), button_name: "Card menu", size: "md", class: "hydrated" })))), this.image_src && (h("div", { key: 'b402119cff3c369c4e7257b2e72c1614f417a444', class: "dda-position-relative" }, h("img", { key: 'a783400de17e2ca95bf798b894347c2051876325', src: this.image_src, class: "dda-card-img", alt: this.header_text ? `${this.header_text} image` : 'Card image' }), h("div", { key: '49222113d0c4b313546fa77ec14a5dd6a484fb06', class: "dda-card-event-date", "aria-label": "Event date" }, h("p", { key: 'a482fe2d68d762e1d3ad12eac78e6eb76b79990f', class: "caption Regular dda-m-0 dda-p-0", "aria-label": `Month: ${this.event_month}` }, this.event_month), h("h4", { key: 'd29df49fded18727ce6c97523e3f043793ed1274', class: "h4 Regular", "aria-label": `Date: ${this.event_date}` }, this.event_date)))), h("div", { key: 'aad73efaed04714d4352bc4c889b625cefe9ba86', class: "dda-card-body" }, h("h5", { key: '0bbc73e406dbb341b7d83051b7f3be4e0b514ee0', class: "h5 Regular", "aria-label": "Card title" }, this.header_text), h("p", { key: '97968b273f8e1a60120d0b21365afdbe5fda48c6', class: "dda-card-text dda-d-flex dda-align-items-start dda-gap-2", "aria-label": "Card description" }, this.body_text), h("ul", { key: 'f8251747c5add301d30fa6dc52072c83ebfcbb7a', class: "chips-container", "aria-label": "Tags" }, this.chip_list.map((chip, index) => (h("li", { key: index }, h("dda-chip", { chip_text: chip.chip_text, chip_icon: "fiber_manual_record", chip_icon_family: "material-icons", chip_icon_size: "sm", rounded: "circle", size: "lg", bg_color: "grey" }))))), ((_a = this.avatar_list) === null || _a === void 0 ? void 0 : _a.some(avatar => avatar.src)) && (h("div", { key: 'e3369969013c520f76fe9b41090ab94f9689a57c', class: "avatar-container dda-d-flex dda-align-items-center dda-gap-3", role: "group", "aria-label": "Assigned team members" }, h("ul", { key: 'b59f27a80f632ad8491ff781e96abd96a9738140', class: "dda-avatar-group dda-d-flex" }, this.avatar_list.map((avatar, index) => {
-            var _a;
-            return (avatar.src && (h("li", { key: index }, h("dda-avatar", { type: "photo", size: "md", design: "default", rounded: "circle", src: avatar.src, aria_label: avatar.aria_label || `Team member ${index + 1}`, button_id: avatar.button_id || '', button_name: avatar.button_name || '', dropdown_enabled: (_a = avatar.dropdown_enabled) !== null && _a !== void 0 ? _a : false }))));
-        })), h("dda-button", { key: 'eb4fe1b9e6b20b8db23c2ad87897d8697aead062', button_color: "default-tertiary", icon_button_shape: "default", start_icon: "add", custom_class: "", component_mode: "", button_id: "add-member-btn", aria_label: "Add team member", button_name: "Add", button_shape: "circle", size: "sm" }, h("span", { key: 'b45ad866db12ce99921fea650394209577b70333', class: "visualy-hidden" }, "Add team member"))))), h("div", { key: '3ed12d8217f79c143f798565368e0383905e829b', class: "dda-card-footer" }, h("a", { key: 'ed02f6bf0022ba61bc318153778f24750fc20245', href: "#", class: "caption Regular dda-color-primary", role: "link", "aria-label": `Open ${this.header_text ? this.header_text : 'card'}` }, "Open")))));
-    }
-    static get is() { return "dda-event-card"; }
-    static get properties() {
-        return {
-            "card_header_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "card_header_text",
-                "reflect": false
-            },
-            "card_header_icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "card_header_icon",
-                "reflect": false
-            },
-            "card_header_icon_id": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "card_header_icon_id",
-                "reflect": false
-            },
-            "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
-            },
-            "event_month": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "event_month",
-                "reflect": false
-            },
-            "event_date": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "event_date",
-                "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
-            },
-            "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
-            },
-            "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
-            },
-            "clickHandler": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(event: MouseEvent) => void",
-                    "resolved": "(event: MouseEvent) => void",
-                    "references": {
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "chip_list": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "{\r\n    chip_text: string;\r\n  }[]",
-                    "resolved": "{ chip_text: string; }[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "avatar_list": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "{\r\n    src: string;\r\n    aria_label?: string;\r\n    button_id?: string;\r\n    button_name?: string;\r\n    dropdown_enabled?: boolean;\r\n  }[]",
-                    "resolved": "{ src: string; aria_label?: string; button_id?: string; button_name?: string; dropdown_enabled?: boolean; }[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            }
-        };
-    }
-}
-//# sourceMappingURL=dda-event-card.js.map

package/dist/collection/components/dda-cards/dda-image-cards/dda-event-card/dda-event-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-event-card.js","sourceRoot":"","sources":["../../../../../src/components/dda-cards/dda-image-cards/dda-event-card/dda-event-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-event-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaEventCard {\r\n  @Prop() card_header_text: string;\r\n  @Prop() card_header_icon: string;\r\n  @Prop() card_header_icon_id: string;\r\n\r\n  @Prop() image_src: string;\r\n  @Prop() event_month: string;\r\n  @Prop() event_date: string;\r\n\r\n  @Prop() header_text: string;\r\n  @Prop() body_text: string;\r\n\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  @Prop({ mutable: true }) chip_list: {\r\n    chip_text: string;\r\n  }[] = [];\r\n\r\n  @Prop({ mutable: true }) avatar_list: {\r\n    src: string;\r\n    aria_label?: string;\r\n    button_id?: string;\r\n    button_name?: string;\r\n    dropdown_enabled?: boolean;\r\n  }[] = [];\r\n\r\n  componentWillRender() {\r\n    const element = document.querySelector('dda-event-card') as HTMLElement;\r\n\r\n    const chipAttr = element?.getAttribute('data-chip-list');\r\n    if (chipAttr) {\r\n      try {\r\n        const parsed = JSON.parse(chipAttr);\r\n        if (Array.isArray(parsed)) {\r\n          this.chip_list = parsed;\r\n        }\r\n      } catch (e) {\r\n        console.warn('Invalid chip_list JSON:', e);\r\n      }\r\n    }\r\n\r\n    const avatarAttr = element?.getAttribute('data-avatar-list');\r\n    if (avatarAttr) {\r\n      try {\r\n        const parsed = JSON.parse(avatarAttr);\r\n        if (Array.isArray(parsed)) {\r\n          this.avatar_list = parsed;\r\n        }\r\n      } catch (e) {\r\n        console.warn('Invalid avatar_list JSON:', e);\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');\r\n    \r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={cardClass}\r\n          role=\"region\"\r\n          aria-label={this.header_text ? `Card: ${this.header_text}` : 'Information card'}\r\n        >\r\n          {this.card_header_text && (\r\n            <div class=\"dda-card-header\" role=\"heading\" aria-level=\"2\">\r\n              <h6 class=\"h6 Regular\" aria-label=\"Card header\">{this.card_header_text}</h6>\r\n\r\n              {this.card_header_icon && (\r\n                <dda-button\r\n                  button_color=\"onsurface-link\"\r\n                  icon_button_shape=\"circle\"\r\n                  start_icon={this.card_header_icon}\r\n                  custom_class=\"dda-header-dots\"\r\n                  component_mode=\"\"\r\n                  button_id={this.card_header_icon_id}\r\n                  aria_label=\"Card options menu\"\r\n                  onClick={() => console.log('clicked')}\r\n                  button_name=\"Card menu\"\r\n                  size=\"md\"\r\n                  class=\"hydrated\"\r\n                ></dda-button>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {this.image_src && (\r\n            <div class=\"dda-position-relative\">\r\n              <img\r\n                src={this.image_src}\r\n                class=\"dda-card-img\"\r\n                alt={this.header_text ? `${this.header_text} image` : 'Card image'}\r\n              />\r\n              <div class=\"dda-card-event-date\" aria-label=\"Event date\">\r\n                <p class=\"caption Regular dda-m-0 dda-p-0\" aria-label={`Month: ${this.event_month}`}>{this.event_month}</p>\r\n                <h4 class=\"h4 Regular\" aria-label={`Date: ${this.event_date}`}>{this.event_date}</h4>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          <div class=\"dda-card-body\">\r\n            <h5 class=\"h5 Regular\" aria-label=\"Card title\">{this.header_text}</h5>\r\n\r\n            <p\r\n              class=\"dda-card-text dda-d-flex dda-align-items-start dda-gap-2\"\r\n              aria-label=\"Card description\"\r\n            >\r\n              {this.body_text}\r\n            </p>\r\n\r\n            <ul class=\"chips-container\" aria-label=\"Tags\">\r\n              {this.chip_list.map((chip, index) => (\r\n                <li key={index}>\r\n                  <dda-chip\r\n                    chip_text={chip.chip_text}\r\n                    chip_icon=\"fiber_manual_record\"\r\n                    chip_icon_family=\"material-icons\"\r\n                    chip_icon_size=\"sm\"\r\n                    rounded=\"circle\"\r\n                    size=\"lg\"\r\n                    bg_color=\"grey\"\r\n                  ></dda-chip>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n\r\n            {this.avatar_list?.some(avatar => avatar.src) && (\r\n              <div\r\n                class=\"avatar-container dda-d-flex dda-align-items-center dda-gap-3\"\r\n                role=\"group\"\r\n                aria-label=\"Assigned team members\"\r\n              >\r\n                <ul class=\"dda-avatar-group dda-d-flex\">\r\n                  {this.avatar_list.map((avatar, index) => (\r\n                    avatar.src && (\r\n                      <li key={index}>\r\n                        <dda-avatar\r\n                          type=\"photo\"\r\n                          size=\"md\"\r\n                          design=\"default\"\r\n                          rounded=\"circle\"\r\n                          src={avatar.src}\r\n                          aria_label={avatar.aria_label || `Team member ${index + 1}`}\r\n                          button_id={avatar.button_id || ''}\r\n                          button_name={avatar.button_name || ''}\r\n                          dropdown_enabled={avatar.dropdown_enabled ?? false}\r\n                        ></dda-avatar>\r\n                      </li>\r\n                    )\r\n                  ))}\r\n                </ul>\r\n\r\n                <dda-button\r\n                  button_color=\"default-tertiary\"\r\n                  icon_button_shape=\"default\"\r\n                  start_icon=\"add\"\r\n                  custom_class=\"\"\r\n                  component_mode=\"\"\r\n                  button_id=\"add-member-btn\"\r\n                  aria_label=\"Add team member\"\r\n                  button_name=\"Add\"\r\n                  button_shape=\"circle\"\r\n                  size=\"sm\"\r\n                >\r\n                  <span class=\"visualy-hidden\">Add team member</span>\r\n                </dda-button>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          <div class=\"dda-card-footer\">\r\n            <a\r\n              href=\"#\"\r\n              class=\"caption Regular dda-color-primary\"\r\n              role=\"link\"\r\n              aria-label={`Open ${this.header_text ? this.header_text : 'card'}`}\r\n            >\r\n              Open\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-cards/dda-image-cards/dda-event-card/dda-event-card.stories.js

@@ -1,87 +0,0 @@
-export default {
-    title: 'Components/DDA Cards/DDA Image Cards/Event Card/event card',
-    tags: ['autodocs'],
-    argTypes: {
-        card_header_text: { control: 'text' },
-        card_header_icon: { control: 'text' },
-        card_header_icon_id: { control: 'text' },
-        image_src: { control: 'text' },
-        event_month: { control: 'text' },
-        event_date: { control: 'text' },
-        header_text: { control: 'text' },
-        body_text: { control: 'text' },
-        chip_list: { control: 'object' },
-        avatar_list: { control: 'object' },
-        custom_class: { control: 'text' },
-        component_mode: {
-            control: { type: 'check' },
-            options: ['light-mode'],
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-Use the \`dda-event-card\` component with the following props:
-
-\`\`\`html
-<dda-event-card
-  image_src="..."
-  event_month="..."
-  event_date="..."
-  header_text="..."
-  body_text="..."
-  data-chip-list='[...chips]'
-  data-avatar-list='[...avatars]'
-></dda-event-card>
-\`\`\`
-
-\`chip_list\` and \`avatar_list\` are passed as JavaScript properties (not HTML attributes), and internally parsed from JSON via \`data-chip-list\` and \`data-avatar-list\`.
-        `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const attributes = Object.entries(args)
-        .filter(([key, value]) => key !== 'chip_list' &&
-        key !== 'avatar_list' &&
-        value !== undefined &&
-        typeof value !== 'object')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    const chipListJSON = JSON.stringify(args.chip_list || []);
-    const avatarListJSON = JSON.stringify(args.avatar_list || []);
-    return `
-    <dda-event-card
-      ${attributes}
-      data-chip-list='${chipListJSON}'
-      data-avatar-list='${avatarListJSON}'
-    ></dda-event-card>
-  `;
-};
-export const Default = Template.bind({});
-Default.args = {
-    card_header_text: 'Event',
-    card_header_icon: 'more_horiz',
-    card_header_icon_id: 'cartHeaderAction',
-    image_src: 'https://lipsum.app/id/12/1800x700',
-    event_month: 'Oct',
-    event_date: '26',
-    header_text: 'Backend Team',
-    body_text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-    chip_list: [
-        { chip_text: '11:49' },
-        { chip_text: '29.20.2023' },
-        { chip_text: 'Wall St.' },
-    ],
-    avatar_list: [
-        { src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg' },
-        { src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg' },
-        { src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg' },
-        { src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg' },
-    ],
-    custom_class: '',
-    component_mode: '',
-};
-//# sourceMappingURL=dda-event-card.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-event-card.stories.js","sourceRoot":"","sources":["../../../../../src/components/dda-cards/dda-image-cards/dda-event-card/dda-event-card.stories.tsx"],"names":[],"mappings":"AAEA,eAAe;IACb,KAAK,EAAE,4DAA4D;IACnE,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACrC,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACrC,mBAAmB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAExC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC9B,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAE/B,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAE9B,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChC,WAAW,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAElC,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACjC,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;SACxB;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;;;SAgBV;aACF;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,CACvB,GAAG,KAAK,WAAW;QACnB,GAAG,KAAK,aAAa;QACrB,KAAK,KAAK,SAAS;QACnB,OAAO,KAAK,KAAK,QAAQ,CAC1B;SACA,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IAE9D,OAAO;;QAED,UAAU;wBACM,YAAY;0BACV,cAAc;;GAErC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,gBAAgB,EAAE,OAAO;IACzB,gBAAgB,EAAE,YAAY;IAC9B,mBAAmB,EAAE,kBAAkB;IAEvC,SAAS,EAAE,mCAAmC;IAC9C,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,IAAI;IAEhB,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,6HAA6H;IAExI,SAAS,EAAE;QACT,EAAE,SAAS,EAAE,OAAO,EAAE;QACtB,EAAE,SAAS,EAAE,YAAY,EAAE;QAC3B,EAAE,SAAS,EAAE,UAAU,EAAE;KAC1B;IAED,WAAW,EAAE;QACX,EAAC,GAAG,EAAE,sGAAsG,EAAC;QAC7G,EAAC,GAAG,EAAE,sGAAsG,EAAC;QAC7G,EAAC,GAAG,EAAE,sGAAsG,EAAC;QAC7G,EAAC,GAAG,EAAE,sGAAsG,EAAC;KAC9G;IAED,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["\r\n\r\nexport default {\r\n  title: 'Components/DDA Cards/DDA Image Cards/Event Card/event card',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    card_header_text: { control: 'text' },\r\n    card_header_icon: { control: 'text' },\r\n    card_header_icon_id: { control: 'text' },\r\n\r\n    image_src: { control: 'text' },\r\n    event_month: { control: 'text' },\r\n    event_date: { control: 'text' },\r\n\r\n    header_text: { control: 'text' },\r\n    body_text: { control: 'text' },\r\n\r\n    chip_list: { control: 'object' },\r\n    avatar_list: { control: 'object' },\r\n\r\n    custom_class: { control: 'text' },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nUse the \\`dda-event-card\\` component with the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-event-card\r\n  image_src=\"...\"\r\n  event_month=\"...\"\r\n  event_date=\"...\"\r\n  header_text=\"...\"\r\n  body_text=\"...\"\r\n  data-chip-list='[...chips]'\r\n  data-avatar-list='[...avatars]'\r\n></dda-event-card>\r\n\\`\\`\\`\r\n\r\n\\`chip_list\\` and \\`avatar_list\\` are passed as JavaScript properties (not HTML attributes), and internally parsed from JSON via \\`data-chip-list\\` and \\`data-avatar-list\\`.\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]) =>\r\n      key !== 'chip_list' &&\r\n      key !== 'avatar_list' &&\r\n      value !== undefined &&\r\n      typeof value !== 'object'\r\n    )\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  const chipListJSON = JSON.stringify(args.chip_list || []);\r\n  const avatarListJSON = JSON.stringify(args.avatar_list || []);\r\n\r\n  return `\r\n    <dda-event-card\r\n      ${attributes}\r\n      data-chip-list='${chipListJSON}'\r\n      data-avatar-list='${avatarListJSON}'\r\n    ></dda-event-card>\r\n  `;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  card_header_text: 'Event',\r\n  card_header_icon: 'more_horiz',\r\n  card_header_icon_id: 'cartHeaderAction',\r\n\r\n  image_src: 'https://lipsum.app/id/12/1800x700',\r\n  event_month: 'Oct',\r\n  event_date: '26',\r\n\r\n  header_text: 'Backend 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  chip_list: [\r\n    { chip_text: '11:49' },\r\n    { chip_text: '29.20.2023' },\r\n    { chip_text: 'Wall St.' },\r\n  ],\r\n\r\n  avatar_list: [\r\n    {src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg'},\r\n    {src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg'},\r\n    {src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg'},\r\n    {src: 'https://img.freepik.com/premium-vector/traditional-arabic-man-head-icon-vector-avatar_55610-6301.jpg'},\r\n  ],\r\n\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n"]}