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

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

@@ -1,341 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class DdaImageCard {
-    constructor() {
-        this.custom_class = '';
-        this.chip_list = [];
-    }
-    componentWillRender() {
-        var _a;
-        const attrValue = (_a = document.querySelector('dda-pricing-card')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-chip-list');
-        if (attrValue) {
-            try {
-                const parsed = JSON.parse(attrValue);
-                if (Array.isArray(parsed)) {
-                    this.chip_list = parsed;
-                }
-            }
-            catch (e) {
-                console.warn('Invalid chip_list JSON:', e);
-            }
-        }
-    }
-    render() {
-        const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');
-        return (h(Host, { key: 'c9e0356c63cd34af57e9ab55095f4b0f47c9f505' }, h("div", { key: 'c40c67df25197f9e1bbcc6e618ec9f5a09276e9e', class: cardClass }, h("div", { key: '92eb9fe71e3ec6d8984fdeb890663cd2dd6812b7', class: "dda-row no-gutters" }, h("div", { key: '0bb172da1656426d20d3c0ee80b1761dc79db8ca', class: "dda-col-sm-4 dda-p-0 dda-position-relative" }, h("img", { key: 'f1fea7293d663b8f49d5c18a74abccf5d08fbfe6', src: this.image_src, class: "dda-card-img", alt: "card-img-1" }), h("dda-chip", { key: '84c377bfeb3e30442f7aa681f1a4f4bdfc3f0ad1', bg_color: "grey", image_chip_label: this.image_chip_label, image_chip_icon: this.image_chip_icon, image_chip_icon_family: this.image_chip_icon_family, image_chip_icon_size: this.image_chip_icon_size, size: "md", rounded: "circle", custom_class: "image-chip" })), h("div", { key: '5bd06e2835f3496c8fbdb5072d8c54b79eb23009', class: "dda-col-sm-8 dda-p-0" }, h("div", { key: 'b150b8d53acb06960084d0ba49afdbfc7f36509d', class: "dda-card-body " }, h("div", { key: '2b1dd593374c4d348de700f266992ffbaa5350fd', class: "dda-d-flex dda-align-items-start dda-justify-content-between" }, h("h5", { key: 'd7868fbe4543e301f917f2ce6f90a60afe5d29b2', class: "dda-card-title dda-d-flex " }, this.header_text), h("div", { key: '1e9ebd88c5c91cf0e388152daf010eeefcbf5822' }, h("dda-button", { key: 'a5b360a93f12fb98ddd0ca18a9195f4b0cae7543', button_color: "onsurface-link",
-            // start_icon="more_horiz"
-            start_icon: this.header_text_icon, end_icon: "", custom_class: "", component_mode: "", button_id: this.card_header_icon_id, aria_label: "button", onClick: () => console.log('clicked'), button_name: "button" }))), h("p", { key: 'b814c79a225a33e17ba898d15e52fbf9b3939f5b', class: "dda-card-text dda-d-flex dda-align-items-start dda-gap-2" }, this.body_text_icon && (h("i", { key: 'c348cf8102e5a1fb1440586f3104213c3e49b891', class: "material-icons material-symbols-outlined mr-2", "aria-hidden": "true" }, this.body_text_icon)), this.body_text), h("div", { key: '3e12da174125f07c194cdcf09a7e8b08dc4ea8ae', class: "dda-d-flex dda-items-center" }, h("h5", { key: 'cfbabf746e81afd40f7e06ebb146ac969e9c37ea', class: "dda-card-title dda-color-primary" }, this.price_text), h("p", { key: 'fb2c1df4aed2c87a5916b66505356ccb4fbe2e34', class: "dda-color-neutralvariant" }, " / ", this.price_period)), h("ul", { key: '48a7ab3022e60d4fa196c9a3dfd758b8e079d1fe', class: "chips-container" }, 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" })))))))))));
-    }
-    static get is() { return "dda-pricing-card"; }
-    static get properties() {
-        return {
-            "image_src": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_src",
-                "reflect": false
-            },
-            "image_chip_icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_icon",
-                "reflect": false
-            },
-            "image_chip_icon_family": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_icon_family",
-                "reflect": false
-            },
-            "image_chip_label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_label",
-                "reflect": false
-            },
-            "image_chip_icon_size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "image_chip_icon_size",
-                "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
-            },
-            "header_text_icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "header_text_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
-            },
-            "body_text_icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "body_text_icon",
-                "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
-            },
-            "price_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "price_text",
-                "reflect": false
-            },
-            "price_period": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "price_period",
-                "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
-            },
-            "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": "[]"
-            },
-            "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
-            }
-        };
-    }
-}
-//# sourceMappingURL=dda-pricing-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-pricing-card.js","sourceRoot":"","sources":["../../../../../src/components/dda-cards/dda-image-cards/dda-pricing-card/dda-pricing-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-pricing-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaImageCard {\r\n  @Prop() image_src: string;\r\n  @Prop() image_chip_icon: string;\r\n  @Prop() image_chip_icon_family: string;\r\n  @Prop() image_chip_label: string;\r\n  @Prop() image_chip_icon_size: string;\r\n\r\n  @Prop() header_text: string;\r\n  @Prop() header_text_icon: string;\r\n  @Prop() card_header_icon_id: string;\r\n  @Prop() body_text_icon: string;\r\n  @Prop() body_text: string;\r\n  @Prop() price_text: string;\r\n  @Prop() price_period: string;\r\n\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  @Prop({ mutable: true }) chip_list: {\r\n    chip_text: string;\r\n  }[] = [];\r\n\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n  \r\n\r\n  componentWillRender() {\r\n    const attrValue = (document.querySelector('dda-pricing-card') as HTMLElement)?.getAttribute('data-chip-list');\r\n    if (attrValue) {\r\n      try {\r\n        const parsed = JSON.parse(attrValue);\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\r\n  render() {\r\n    const cardClass = ['dda-card', this.custom_class].filter(Boolean).join(' ');\r\n\r\n    return (\r\n      <Host>\r\n        <div class={cardClass}>\r\n          <div class=\"dda-row no-gutters\">\r\n            <div class=\"dda-col-sm-4 dda-p-0 dda-position-relative\">\r\n              <img src={this.image_src} class=\"dda-card-img\" alt=\"card-img-1\" />\r\n              <dda-chip\r\n                bg_color=\"grey\"\r\n                image_chip_label={this.image_chip_label}\r\n                image_chip_icon={this.image_chip_icon}\r\n                image_chip_icon_family={this.image_chip_icon_family}\r\n                image_chip_icon_size={this.image_chip_icon_size}\r\n                size=\"md\"\r\n                rounded=\"circle\"\r\n                custom_class=\"image-chip\"\r\n              ></dda-chip>\r\n            </div>\r\n            <div class=\"dda-col-sm-8 dda-p-0\">\r\n              <div class=\"dda-card-body \">\r\n                <div class=\"dda-d-flex dda-align-items-start dda-justify-content-between\">\r\n                  <h5 class=\"dda-card-title dda-d-flex \">{this.header_text}</h5>\r\n                  <div>\r\n                    <dda-button\r\n                      button_color=\"onsurface-link\"\r\n                      // start_icon=\"more_horiz\"\r\n                      start_icon={this.header_text_icon}\r\n                      end_icon=\"\"\r\n                      custom_class=\"\"\r\n                      component_mode=\"\"\r\n                      button_id={this.card_header_icon_id}\r\n                      aria_label=\"button\"\r\n                      onClick={() => console.log('clicked')} \r\n                      button_name=\"button\"\r\n                    ></dda-button>\r\n                  </div>\r\n                </div>\r\n                <p class=\"dda-card-text dda-d-flex dda-align-items-start dda-gap-2\">\r\n                  {this.body_text_icon && (\r\n                    <i class=\"material-icons material-symbols-outlined mr-2\" aria-hidden=\"true\">\r\n                      {this.body_text_icon}\r\n                    </i>\r\n                  )}\r\n                  {this.body_text}\r\n                </p>\r\n                <div class=\"dda-d-flex dda-items-center\">\r\n                  <h5 class=\"dda-card-title dda-color-primary\">{this.price_text}</h5>\r\n                  <p class=\"dda-color-neutralvariant\"> / {this.price_period}</p>\r\n                </div>\r\n\r\n                <ul class=\"chips-container\">\r\n                  {this.chip_list.map((chip, index) => (\r\n\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                  ))}\r\n                </ul>\r\n              </div>\r\n            </div>\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-pricing-card/dda-pricing-card.stories.js

@@ -1,80 +0,0 @@
-export default {
-    title: 'Components/DDA Cards/DDA Image Cards/Pricing Card/pricing card',
-    tags: ['autodocs'],
-    argTypes: {
-        image_src: { control: 'text' },
-        image_chip_icon: { control: 'text' },
-        image_chip_icon_family: { control: 'text' },
-        image_chip_label: { control: 'text' },
-        image_chip_icon_size: {
-            control: { type: 'select' },
-            options: ['sm', 'md', 'lg'],
-        },
-        header_text: { control: 'text' },
-        header_text_icon: { control: 'text' },
-        body_text_icon: { control: 'text' },
-        body_text: { control: 'text' },
-        price_text: { control: 'text' },
-        price_period: { control: 'text' },
-        chip_list: { control: 'object' },
-        custom_class: { control: 'text' },
-        component_mode: {
-            control: { type: 'check' },
-            options: ['light-mode'],
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-Use the \`dda-pricing-card\` component with the following props:
-
-\`\`\`html
-<dda-pricing-card
-  image_src="..."
-  image_chip_icon="..."
-  header_text="..."
-  price_text="$..."
-  chip_list="[...chips]"
-></dda-pricing-card>
-\`\`\`
-
-\`chip_list\` is passed as a JavaScript property (not an HTML attribute).
-        `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const attributes = Object.entries(args)
-        .filter(([key, value]) => key !== 'chip_list' && value !== undefined && typeof value !== 'object')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    const chipListJSON = JSON.stringify(args.chip_list || []);
-    return `
-    <dda-pricing-card ${attributes} data-chip-list='${chipListJSON}'></dda-pricing-card>
-  `;
-};
-export const Default = Template.bind({});
-Default.args = {
-    image_src: 'https://lipsum.app/id/12/1800x1200',
-    image_chip_label: 'Label',
-    image_chip_icon: 'fiber_manual_record',
-    image_chip_icon_family: 'material-icons',
-    image_chip_icon_size: 'sm',
-    header_text: 'Backend Team',
-    header_text_icon: 'more_horiz',
-    card_header_icon_id: 'cartHeaderAction',
-    body_text_icon: 'sentiment_satisfied',
-    body_text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-    price_text: '$1,750.00',
-    price_period: 'month',
-    chip_list: [
-        { chip_text: '3 Bedrooms', },
-        { chip_text: '1 Bathroom', },
-        { chip_text: 'bnb', },
-    ],
-    custom_class: '',
-    component_mode: '',
-};
-//# sourceMappingURL=dda-pricing-card.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-pricing-card.stories.js","sourceRoot":"","sources":["../../../../../src/components/dda-cards/dda-image-cards/dda-pricing-card/dda-pricing-card.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,gEAAgE;IACvE,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC9B,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACpC,sBAAsB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3C,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACrC,oBAAoB,EAAE;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC5B;QACD,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACrC,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACnC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC9B,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC/B,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACjC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAChC,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;;;;;;;;;;;;;;SAcV;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,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;SACjG,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;IAE1D,OAAO;wBACe,UAAU,oBAAoB,YAAY;GAC/D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,SAAS,EAAE,oCAAoC;IAC/C,gBAAgB,EAAE,OAAO;IACzB,eAAe,EAAE,qBAAqB;IACtC,sBAAsB,EAAE,gBAAgB;IACxC,oBAAoB,EAAE,IAAI;IAE1B,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,YAAY;IAC9B,mBAAmB,EAAE,kBAAkB;IACvC,cAAc,EAAE,qBAAqB;IACrC,SAAS,EACP,6HAA6H;IAC/H,UAAU,EAAE,WAAW;IACvB,YAAY,EAAE,OAAO;IAErB,SAAS,EAAE;QACT,EAAC,SAAS,EAAE,YAAY,GAAE;QAC1B,EAAC,SAAS,EAAE,YAAY,GAAE;QAC1B,EAAC,SAAS,EAAE,KAAK,GAAE;KACpB;IAED,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n  title: 'Components/DDA Cards/DDA Image Cards/Pricing Card/pricing card',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    image_src: { control: 'text' },\r\n    image_chip_icon: { control: 'text' },\r\n    image_chip_icon_family: { control: 'text' },\r\n    image_chip_label: { control: 'text' },\r\n    image_chip_icon_size: {\r\n      control: { type: 'select' },\r\n      options: ['sm', 'md', 'lg'],\r\n    },\r\n    header_text: { control: 'text' },\r\n    header_text_icon: { control: 'text' },\r\n    body_text_icon: { control: 'text' },\r\n    body_text: { control: 'text' },\r\n    price_text: { control: 'text' },\r\n    price_period: { control: 'text' },\r\n    chip_list: { control: 'object' },\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-pricing-card\\` component with the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-pricing-card\r\n  image_src=\"...\"\r\n  image_chip_icon=\"...\"\r\n  header_text=\"...\"\r\n  price_text=\"$...\"\r\n  chip_list=\"[...chips]\"\r\n></dda-pricing-card>\r\n\\`\\`\\`\r\n\r\n\\`chip_list\\` is passed as a JavaScript property (not an HTML attribute).\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]) => key !== 'chip_list' && value !== undefined && typeof value !== 'object')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  const chipListJSON = JSON.stringify(args.chip_list || []);\r\n\r\n  return `\r\n    <dda-pricing-card ${attributes} data-chip-list='${chipListJSON}'></dda-pricing-card>\r\n  `;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  image_src: 'https://lipsum.app/id/12/1800x1200',\r\n  image_chip_label: 'Label',\r\n  image_chip_icon: 'fiber_manual_record',\r\n  image_chip_icon_family: 'material-icons',\r\n  image_chip_icon_size: 'sm',\r\n\r\n  header_text: 'Backend Team',\r\n  header_text_icon: 'more_horiz',\r\n  card_header_icon_id: 'cartHeaderAction',\r\n  body_text_icon: 'sentiment_satisfied',\r\n  body_text:\r\n    'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\r\n  price_text: '$1,750.00',\r\n  price_period: 'month',\r\n\r\n  chip_list: [\r\n    {chip_text: '3 Bedrooms',},\r\n    {chip_text: '1 Bathroom',},\r\n    {chip_text: 'bnb',},\r\n  ],\r\n\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n"]}