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

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-banner-card.js","sourceRoot":"","sources":["../../../../src/components/dda-cards/dda-banner-card/dda-banner-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,aAAa;IAL1B;QAa2B,iBAAY,GAAW,EAAE,CAAC;QAC1B,sBAAiB,GAAW,EAAE,CAAC;QAC/B,qBAAgB,GAAW,EAAE,CAAC;KAgFxD;IA7EC,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,iBAAiB;YACjB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;SACpB;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;QAEb,OAAO,CACL,EAAC,IAAI;YACH,+DACE,EAAE,EAAE,IAAI,CAAC,cAAc,EACvB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAC7B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,qBACI,GAAG,IAAI,CAAC,cAAc,UAAU,IAAI,CAAC,cAAc,OAAO;gBAE3E,4DACE,KAAK,EAAC,sBAAsB,EAC5B,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,GAAG,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,iBAAiB,IAAI,mBAAmB,iBACvD,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,iBAAiB,GACvD;gBACF,6DAAM,KAAK,EAAC,4BAA4B;oBACtC,6DACE,EAAE,EAAE,GAAG,IAAI,CAAC,cAAc,QAAQ,EAClC,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,SAAS,gBACF,CAAC,IAEZ,IAAI,CAAC,iBAAiB,CAClB;oBACP,6DACE,EAAE,EAAE,GAAG,IAAI,CAAC,cAAc,OAAO,EACjC,KAAK,EAAC,6BAA6B,IAElC,IAAI,CAAC,uBAAuB,CACxB,CACF,CACA,CAgCJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-banner-card',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaBannerCard {\r\n  @Prop() banner_card_type?: string;\r\n  @Prop() banner_card_id: string;\r\n  @Prop() banner_card_url: string;\r\n  @Prop() image_src: string;\r\n  @Prop() image_alt: string;\r\n  @Prop() banner_card_title: string;\r\n  @Prop() banner_card_description: string;\r\n  @Prop({ reflect: true }) custom_class: string = '';\r\n  @Prop({ reflect: true }) banner_card_value: string = '';\r\n  @Prop({ reflect: true }) banner_card_name: string = '';\r\n  @Prop() component_mode?: string;\r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-banner-card',\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.banner_card_id}\r\n          name={this.banner_card_name}\r\n          value={this.banner_card_value}\r\n          class={cardClass}\r\n          type=\"button\"\r\n          role=\"button\"\r\n          aria-labelledby={`${this.banner_card_id}-title ${this.banner_card_id}-desc`}\r\n        >\r\n          <img\r\n            class=\"dda-banner-card-icon\"\r\n            src={this.image_src}\r\n            alt={this.image_alt || this.banner_card_title || 'Banner card image'}\r\n            aria-hidden={!this.image_alt && !this.banner_card_title}\r\n          />\r\n          <span class=\"dda-d-flex dda-flex-column\">\r\n            <span\r\n              id={`${this.banner_card_id}-title`}\r\n              class=\"dda-banner-card-title\"\r\n              role=\"heading\"\r\n              aria-level={2}\r\n            >\r\n              {this.banner_card_title}\r\n            </span>\r\n            <span\r\n              id={`${this.banner_card_id}-desc`}\r\n              class=\"dda-banner-card-description\"\r\n            >\r\n              {this.banner_card_description}\r\n            </span>\r\n          </span>\r\n        </button>\r\n\r\n        {/* <a\r\n          href={this.banner_card_url}\r\n          target={}\r\n          id={this.banner_card_id}\r\n          class={cardClass}\r\n          aria-labelledby={`${this.banner_card_id}-title`} \r\n        >\r\n          <img\r\n            class=\"dda-banner-card-icon\"\r\n            src={this.image_src}\r\n            alt={this.image_alt || this.banner_card_title || 'Banner card image'}\r\n            aria-hidden={!this.image_alt && !this.banner_card_title}\r\n          />\r\n          <span class=\"dda-d-flex dda-flex-column\">\r\n            <span\r\n              id={`${this.banner_card_id}-title`}\r\n              class=\"dda-banner-card-title\"\r\n              role=\"heading\"\r\n              aria-level={2}\r\n            >\r\n              {this.banner_card_title}\r\n            </span>\r\n            <span\r\n              id={`${this.banner_card_id}-desc`}\r\n              class=\"dda-banner-card-description\"\r\n            >\r\n              {this.banner_card_description}\r\n            </span>\r\n          </span>\r\n        </a> */}\r\n      </Host>\r\n    );\r\n  }\r\n}"]}

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

@@ -1,123 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import banner_card_icon_1 from "../../../../public_images/BannerCardIcon1.svg";
-export default {
-    title: 'Components/DDA Cards/Banner Card/Banner Card',
-    tags: ['autodocs'],
-    argTypes: {
-        banner_card_type: {
-            control: { type: 'select' },
-            options: ['button', 'anchor'],
-            description: 'Input status of the input field',
-        },
-        banner_card_url: {
-            control: 'text',
-            description: 'ID for the banner card',
-        },
-        banner_card_id: {
-            control: 'text',
-            description: 'ID for the banner card',
-        },
-        image_src: {
-            control: 'text',
-            description: 'Path to the image to display in the banner card',
-        },
-        image_alt: {
-            control: 'text',
-            description: 'Alternative text for the image',
-        },
-        banner_card_title: {
-            control: 'text',
-            description: 'Banner card title text',
-        },
-        banner_card_description: {
-            control: 'text',
-            description: 'Banner card description text',
-        },
-        custom_class: {
-            control: 'text',
-            description: 'Additional custom class for the card',
-        },
-        component_mode: {
-            control: 'check',
-            options: ['light-mode'],
-            description: 'Mode for the banner card (e.g., light-mode)',
-        },
-        banner_card_value: {
-            control: 'text',
-            description: 'Optional value to emit with the event',
-        },
-        banner_card_name: {
-            control: 'text',
-            description: 'Optional name to emit with the event',
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-Use the \`dda-banner-card\` component as shown below:
-
-\`\`\`html
-<dda-banner-card
-  banner_card_type="button"
-  image_src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvhlzYedWoCSkLB2HFQ87P5gPjCmJqmTt8vw&s"
-  image_alt="image alt"
-  banner_card_title="Card Title"
-  banner_card_description="Lorem Ipsum..."
-  banner_card_id="exampleId"
-  custom_class=""
-  component_mode=""
-  banner_card_value="optional value"
-  banner_card_name="optional name"
-></dda-banner-card>
-\`\`\`
-
-This component uses a \`<button>\` element and emits a \`cardClick\` event with details including \`id\`, \`value\`, and \`name\` when clicked.
-        `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const { cardClick } = args, rest = __rest(args, ["cardClick"]);
-    const attributes = Object.entries(rest)
-        .filter(([_, value]) => value !== undefined && value !== '')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    return `
-    <dda-banner-card ${attributes}></dda-banner-card>
-    <script>
-      const el = document.querySelector('dda-banner-card');
-      if (el) {
-        el.addEventListener('cardClick', (event) => {
-          console.log('Card clicked event details:', event.detail);
-        });
-      }
-    </script>
-  `;
-};
-export const Default = Template.bind({});
-Default.args = {
-    // banner_card_type: 'button',
-    banner_card_id: 'bannerCardOne',
-    banner_card_title: 'Card Title',
-    image_src: banner_card_icon_1,
-    image_alt: 'image alt',
-    banner_card_description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
-    custom_class: 'classname',
-    component_mode: 'normal',
-    banner_card_value: 'Card Title', // replaced here
-    banner_card_name: 'bannerCardOne', // replaced here
-};
-//# sourceMappingURL=dda-banner-card.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-banner-card.stories.js","sourceRoot":"","sources":["../../../../src/components/dda-cards/dda-banner-card/dda-banner-card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,kBAAkB,MAAM,+CAA+C,CAAC;AAE/E,eAAe;IACb,KAAK,EAAE,8CAA8C;IACrD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,QAAQ,EAAC,QAAQ,CAAC;YAC5B,WAAW,EAAE,iCAAiC;SAC/C;QACD,eAAe,EAAE;YACf,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wBAAwB;SACtC;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wBAAwB;SACtC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iDAAiD;SAC/D;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gCAAgC;SAC9C;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wBAAwB;SACtC;QACD,uBAAuB,EAAE;YACvB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,8BAA8B;SAC5C;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sCAAsC;SACpD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,6CAA6C;SAC3D;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uCAAuC;SACrD;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sCAAsC;SACpD;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;;;;;;SAmBV;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,EAAE,SAAS,KAAc,IAAI,EAAb,IAAI,UAAK,IAAI,EAA7B,aAAsB,CAAO,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACpC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAC;SAC3D,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;uBACc,UAAU;;;;;;;;;GAS9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,8BAA8B;IAC9B,cAAc,EAAE,eAAe;IAC/B,iBAAiB,EAAE,YAAY;IAC/B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,WAAW;IACtB,uBAAuB,EAAE,4EAA4E;IACrG,YAAY,EAAE,WAAW;IACzB,cAAc,EAAE,QAAQ;IACxB,iBAAiB,EAAE,YAAY,EAAK,gBAAgB;IACpD,gBAAgB,EAAE,eAAe,EAAG,gBAAgB;CACrD,CAAC","sourcesContent":["import banner_card_icon_1 from \"../../../../public_images/BannerCardIcon1.svg\";\r\n\r\nexport default {\r\n  title: 'Components/DDA Cards/Banner Card/Banner Card',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    banner_card_type: {\r\n      control: { type: 'select' },\r\n      options: ['button','anchor'],\r\n      description: 'Input status of the input field',\r\n    },\r\n    banner_card_url: {\r\n      control: 'text',\r\n      description: 'ID for the banner card',\r\n    },\r\n    banner_card_id: {\r\n      control: 'text',\r\n      description: 'ID for the banner card',\r\n    },\r\n    image_src: {\r\n      control: 'text',\r\n      description: 'Path to the image to display in the banner card',\r\n    },\r\n    image_alt: {\r\n      control: 'text',\r\n      description: 'Alternative text for the image',\r\n    },\r\n    banner_card_title: {\r\n      control: 'text',\r\n      description: 'Banner card title text',\r\n    },\r\n    banner_card_description: {\r\n      control: 'text',\r\n      description: 'Banner card description text',\r\n    },\r\n    custom_class: {\r\n      control: 'text',\r\n      description: 'Additional custom class for the card',\r\n    },\r\n    component_mode: {\r\n      control: 'check',\r\n      options: ['light-mode'],\r\n      description: 'Mode for the banner card (e.g., light-mode)',\r\n    },\r\n    banner_card_value: {           // updated here\r\n      control: 'text',\r\n      description: 'Optional value to emit with the event',\r\n    },\r\n    banner_card_name: {            // updated here\r\n      control: 'text',\r\n      description: 'Optional name to emit with the event',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nUse the \\`dda-banner-card\\` component as shown below:\r\n\r\n\\`\\`\\`html\r\n<dda-banner-card\r\n  banner_card_type=\"button\"\r\n  image_src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvhlzYedWoCSkLB2HFQ87P5gPjCmJqmTt8vw&s\"\r\n  image_alt=\"image alt\"\r\n  banner_card_title=\"Card Title\"\r\n  banner_card_description=\"Lorem Ipsum...\"\r\n  banner_card_id=\"exampleId\"\r\n  custom_class=\"\"\r\n  component_mode=\"\"\r\n  banner_card_value=\"optional value\"\r\n  banner_card_name=\"optional name\"\r\n></dda-banner-card>\r\n\\`\\`\\`\r\n\r\nThis component uses a \\`<button>\\` element and emits a \\`cardClick\\` event with details including \\`id\\`, \\`value\\`, and \\`name\\` when clicked.\r\n        `,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const { cardClick, ...rest } = args;\r\n\r\n  const attributes = Object.entries(rest)\r\n    .filter(([_, value]) => value !== undefined && value !== '')\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `\r\n    <dda-banner-card ${attributes}></dda-banner-card>\r\n    <script>\r\n      const el = document.querySelector('dda-banner-card');\r\n      if (el) {\r\n        el.addEventListener('cardClick', (event) => {\r\n          console.log('Card clicked event details:', event.detail);\r\n        });\r\n      }\r\n    </script>\r\n  `;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  // banner_card_type: 'button',\r\n  banner_card_id: 'bannerCardOne',\r\n  banner_card_title: 'Card Title',\r\n  image_src: banner_card_icon_1,\r\n  image_alt: 'image alt',\r\n  banner_card_description: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',\r\n  custom_class: 'classname',\r\n  component_mode: 'normal',\r\n  banner_card_value: 'Card Title',    // replaced here\r\n  banner_card_name: 'bannerCardOne',  // replaced here\r\n};\r\n"]}

package/dist/collection/components/dda-cards/dda-custom-card/dda-custom-card.css

@@ -1,8 +0,0 @@
-
-.dda-information-card-image {
-  width: 70px;
-  height: 70px;
-  border-radius: 50%;
-  margin: 0;
-  overflow: hidden;
-}

package/dist/collection/components/dda-cards/dda-custom-card/dda-custom-card.js

@@ -1,157 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class DdaCustomCard {
-    constructor() {
-        this.custom_class = '';
-        this.handleButtonClick = (event) => {
-            if (this.clickHandler) {
-                this.clickHandler(event.detail.event);
-            }
-            console.log('Button clicked inside parent:', event.detail);
-        };
-        this.noop = () => { };
-    }
-    render() {
-        const cardClass = [
-            'dda-card',
-            this.custom_class ? `${this.custom_class}` : "",
-            this.component_mode,
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: '511ec97418af44cd95a312da97fd6bac092def09' }, h("div", { key: '2d0374b637182e8c85c36998c2a1e31086221ca9', class: cardClass }, this.card_header_text && (h("div", { key: '9e2f8a6da619f072032e7538c008ef3b9e409efd', class: "dda-card-header", role: "heading", "aria-level": "2" }, h("h6", { key: '2b11186d82b9b85e159fde49d270db8256552d94', class: "h6 Regular", "aria-label": "Card header" }, this.card_header_text), this.card_header_icon && (h("dda-button", { key: '043e2ba74721b2d1dd87ef436c29fdddc5be9b34', button_name: "Card options menu", button_color: "onsurface-link", icon_button_shape: "circle", start_icon: this.card_header_icon, button_id: this.card_header_icon_id, aria_label: "Card options menu", size: "md", onButtonClick: this.handleButtonClick,
-            // onpressKey={() => console.log()} 
-            custom_class: "dda-header-dots", component_mode: "" })))), h("div", { key: '8d724a5834cd3efe0a09deebe4360a83c8fce28a', class: "dda-card-body" }, h("slot", { key: '5aefd7fbca11c67fd5af015074654fa03f9a8996' })))));
-    }
-    static get is() { return "dda-custom-card"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dda-custom-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dda-custom-card.css"]
-        };
-    }
-    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
-            },
-            "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
-            }
-        };
-    }
-}
-//# sourceMappingURL=dda-custom-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-custom-card.js","sourceRoot":"","sources":["../../../../src/components/dda-cards/dda-custom-card/dda-custom-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,aAAa;IAL1B;QAUU,iBAAY,GAAY,EAAE,CAAC;QAKnC,sBAAiB,GAAG,CAAC,KAAqF,EAAE,EAAE;YAC5G,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACxC,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,+BAA+B,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7D,CAAC,CAAA;QACD,SAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;KAyCjB;IAvCC,MAAM;QACJ,MAAM,SAAS,GAAG;YAChB,UAAU;YACV,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;gBAElB,IAAI,CAAC,gBAAgB,IAAI,CACxB,4DAAK,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,gBAAY,GAAG;oBACxD,2DAAI,KAAK,EAAC,YAAY,gBAAY,aAAa,IAAE,IAAI,CAAC,gBAAgB,CAAM;oBAE3E,IAAI,CAAC,gBAAgB,IAAI,CACxB,mEACE,WAAW,EAAC,mBAAmB,EAC/B,YAAY,EAAC,gBAAgB,EAC7B,iBAAiB,EAAC,QAAQ,EAC1B,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,SAAS,EAAE,IAAI,CAAC,mBAAmB,EACnC,UAAU,EAAC,mBAAmB,EAC9B,IAAI,EAAC,IAAI,EACT,aAAa,EAAE,IAAI,CAAC,iBAAiB;wBACrC,oCAAoC;wBACpC,YAAY,EAAC,iBAAiB,EAC9B,cAAc,EAAC,EAAE,GACL,CACf,CACG,CACP;gBACD,4DAAK,KAAK,EAAC,eAAe;oBACxB,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-custom-card',\r\n  styleUrls: ['dda-custom-card.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaCustomCard {\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() custom_class?: string = ''; \r\n  @Prop() component_mode?: string; \r\n\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n  \r\n  handleButtonClick = (event: CustomEvent<{ event: MouseEvent; id: string; value?: string; name?: string; }>) => {\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event.detail.event);\r\n    }\r\n    console.log('Button clicked inside parent:', event.detail);\r\n  }\r\n  noop = () => {};\r\n\r\n  render() {\r\n    const cardClass = [\r\n      'dda-card',\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          \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_name=\"Card options menu\"\r\n                  button_color=\"onsurface-link\"\r\n                  icon_button_shape=\"circle\"\r\n                  start_icon={this.card_header_icon}\r\n                  button_id={this.card_header_icon_id}\r\n                  aria_label=\"Card options menu\"\r\n                  size=\"md\"\r\n                  onButtonClick={this.handleButtonClick} \r\n                  // onpressKey={() => console.log()} \r\n                  custom_class=\"dda-header-dots\"\r\n                  component_mode=\"\"\r\n                ></dda-button>\r\n              )}\r\n            </div>\r\n          )}\r\n          <div class=\"dda-card-body\">\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/dda-cards/dda-custom-card/dda-custom-card.stories.js

@@ -1,53 +0,0 @@
-export default {
-    title: 'Components/DDA Cards/Custom Card/Custom Card',
-    tags: ['autodocs'],
-    argTypes: {
-        card_header_text: { control: 'text' },
-        card_header_icon: { control: 'text' },
-        card_header_icon_id: { control: 'text' },
-        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-custom-card\` component, pass the following props:
-  
-  \`\`\`html
-<dda-custom-card
-    card_header_text="Card Custom Title",
-    card_header_icon="more_horiz",
-    card_header_icon_id="cartHeaderAction"
-    custom_class=""
-    component_mode=""
-></dda-custom-card>
-    \`\`\`
-  `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const attributes = Object.entries(args)
-        .filter(([key, value]) => value !== undefined && key !== 'text')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    return `<dda-custom-card ${attributes}></dda-custom-card>`;
-};
-export const Default = Template.bind({});
-Default.args = {
-    card_header_text: 'Card Custom Title',
-    card_header_icon: 'more_horiz',
-    card_header_icon_id: 'cartHeaderdotts',
-    custom_class: '',
-    component_mode: '',
-};
-//# sourceMappingURL=dda-custom-card.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-custom-card.stories.js","sourceRoot":"","sources":["../../../../src/components/dda-cards/dda-custom-card/dda-custom-card.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACX,KAAK,EAAE,8CAA8C;IACrD,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;QACxC,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;;;;;;;;;;;;GAYlB;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,oBAAoB,UAAU,qBAAqB,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,gBAAgB,EAAE,mBAAmB;IACrC,gBAAgB,EAAE,YAAY;IAC9B,mBAAmB,EAAE,iBAAiB;IACtC,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n    title: 'Components/DDA Cards/Custom Card/Custom 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      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-custom-card\\` component, pass the following props:\r\n  \r\n  \\`\\`\\`html\r\n<dda-custom-card\r\n    card_header_text=\"Card Custom Title\",\r\n    card_header_icon=\"more_horiz\",\r\n    card_header_icon_id=\"cartHeaderAction\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n></dda-custom-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-custom-card ${attributes}></dda-custom-card>`;\r\n  };\r\n  \r\n  export const Default = Template.bind({});\r\n  Default.args = {\r\n    card_header_text: 'Card Custom Title',\r\n    card_header_icon: 'more_horiz',\r\n    card_header_icon_id: 'cartHeaderdotts',\r\n    custom_class: '',\r\n    component_mode: '',\r\n  };\r\n\r\n"]}