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

package/dist/collection/components/dda-home-carousel/dda-home-carousel.js

@@ -1,194 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class DdaHomeCarousel {
-    constructor() {
-        this.custom_class = '';
-        this.items_in_view = 5;
-        this.bannercardlist = [];
-        this.parsedCardList = [];
-        this.handleMouseMove = (e) => {
-            if (!this.containerRef)
-                return;
-            const rect = this.containerRef.getBoundingClientRect();
-            const mouseX = e.clientX - rect.left;
-            const percentage = mouseX / rect.width;
-            const maxScroll = this.containerRef.scrollWidth - this.containerRef.clientWidth;
-            const isRTL = getComputedStyle(this.containerRef).direction === 'rtl';
-            const targetScroll = isRTL
-                ? maxScroll - percentage * maxScroll
-                : percentage * maxScroll;
-            this.containerRef.scrollLeft = isRTL ? -targetScroll : targetScroll;
-        };
-        this.handleMouseLeave = () => {
-            const itemWidth = this.containerRef.scrollWidth / this.parsedCardList.length;
-            const index = Math.round(this.containerRef.scrollLeft / itemWidth);
-            this.containerRef.scrollTo({ left: index * itemWidth, behavior: 'smooth' });
-        };
-    }
-    parseBannerCardList(newValue) {
-        if (typeof newValue === 'string') {
-            try {
-                this.parsedCardList = JSON.parse(newValue);
-            }
-            catch (e) {
-                console.error('Invalid JSON for bannercardlist:', e);
-                this.parsedCardList = [];
-            }
-        }
-        else if (Array.isArray(newValue)) {
-            this.parsedCardList = newValue;
-        }
-        else {
-            this.parsedCardList = [];
-        }
-    }
-    componentWillLoad() {
-        this.parseBannerCardList(this.bannercardlist);
-    }
-    componentDidLoad() {
-        this.containerRef = this.el.querySelector('.dda-home-carousel-track');
-        this.containerRef.addEventListener('mousemove', this.handleMouseMove);
-        this.containerRef.addEventListener('mouseleave', this.handleMouseLeave);
-        this.containerRef.querySelectorAll('img').forEach((img) => {
-            img.addEventListener('dragstart', (e) => e.preventDefault());
-        });
-        // ===== Add single-active click behavior =====
-        // this.containerRef.querySelectorAll('button.dda-banner-card').forEach((btn) => {
-        //   btn.addEventListener('click', (e) => {
-        //     // Remove .active from all buttons
-        //     this.containerRef.querySelectorAll('button.dda-banner-card.active').forEach((activeBtn) => {
-        //       activeBtn.classList.remove('active');
-        //     });
-        //     // Add .active to clicked button
-        //     (e.currentTarget as HTMLElement).classList.add('active');
-        //   });
-        // });
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this.containerRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('mousemove', this.handleMouseMove);
-        (_b = this.containerRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.handleMouseLeave);
-    }
-    handleCardClick(item) {
-        var _a, _b;
-        console.log('Card clicked from carousel:', item);
-        // Remove .active from all banner cards
-        (_a = this.containerRef) === null || _a === void 0 ? void 0 : _a.querySelectorAll('button.dda-banner-card.active').forEach((btn) => btn.classList.remove('active'));
-        // Add .active to the clicked banner card
-        const clickedBtn = (_b = this.containerRef) === null || _b === void 0 ? void 0 : _b.querySelector(`button#${item.banner_card_id}`);
-        clickedBtn === null || clickedBtn === void 0 ? void 0 : clickedBtn.classList.add('active');
-        this.el.dispatchEvent(new CustomEvent('cardClick', {
-            detail: item,
-            bubbles: true,
-            composed: true,
-        }));
-    }
-    render() {
-        const cardClass = ['dda-home-carousel', this.custom_class, this.component_mode]
-            .filter(Boolean)
-            .join(' ');
-        const itemWidth = 100 / this.items_in_view;
-        return (h(Host, { key: '832b69a58fb907c8e0bbf08027e4aab4341b23ab' }, h("div", { key: '7d0d1e756a5c145cc945457d1a5343f04e0a65f4', class: cardClass, role: "region", "aria-roledescription": "carousel", "aria-label": "Banner cards carousel" }, h("div", { key: '1e85de80e92acd116c76b2a5269b0c20c40c0386', class: "dda-home-carousel-track", ref: (el) => (this.containerRef = el), role: "list", tabIndex: 0, "aria-live": "polite" }, this.parsedCardList.map((item, index) => (h("div", { class: "dda-home-carousel-item", key: item.banner_card_id || index, style: { flex: `0 0 ${itemWidth}%` }, role: "listitem", tabIndex: -1, "aria-label": `${item.banner_card_title || 'Carousel item'} ${index + 1} of ${this.parsedCardList.length}` }, h("dda-banner-card", { image_src: item.image_src, image_alt: item.image_alt, banner_card_title: item.banner_card_title, banner_card_description: item.banner_card_description, banner_card_id: item.banner_card_id || `card-${index}`, banner_card_value: item.banner_card_value, banner_card_name: item.banner_card_name, custom_class: item.custom_class || '', component_mode: item.component_mode || '', onClick: () => this.handleCardClick(item) }))))))));
-    }
-    static get is() { return "dda-home-carousel"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dda-home-carousel.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dda-home-carousel.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "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
-            },
-            "items_in_view": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "items_in_view",
-                "reflect": false,
-                "defaultValue": "5"
-            },
-            "bannercardlist": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | any[]",
-                    "resolved": "any[] | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "bannercardlist",
-                "reflect": false,
-                "defaultValue": "[]"
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "bannercardlist",
-                "methodName": "parseBannerCardList"
-            }];
-    }
-}
-//# sourceMappingURL=dda-home-carousel.js.map

package/dist/collection/components/dda-home-carousel/dda-home-carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-home-carousel.js","sourceRoot":"","sources":["../../../src/components/dda-home-carousel/dda-home-carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-home-carousel',\r\n  styleUrls: ['dda-home-carousel.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHomeCarousel {\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() items_in_view: number = 5;\r\n  @Prop() bannercardlist: string | any[] = [];\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private containerRef: HTMLElement;\r\n  private parsedCardList: any[] = [];\r\n\r\n  @Watch('bannercardlist')\r\n  parseBannerCardList(newValue: string | any[]) {\r\n    if (typeof newValue === 'string') {\r\n      try {\r\n        this.parsedCardList = JSON.parse(newValue);\r\n      } catch (e) {\r\n        console.error('Invalid JSON for bannercardlist:', e);\r\n        this.parsedCardList = [];\r\n      }\r\n    } else if (Array.isArray(newValue)) {\r\n      this.parsedCardList = newValue;\r\n    } else {\r\n      this.parsedCardList = [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.parseBannerCardList(this.bannercardlist);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.containerRef = this.el.querySelector('.dda-home-carousel-track');\r\n    this.containerRef.addEventListener('mousemove', this.handleMouseMove);\r\n    this.containerRef.addEventListener('mouseleave', this.handleMouseLeave);\r\n    this.containerRef.querySelectorAll('img').forEach((img) => {\r\n      img.addEventListener('dragstart', (e) => e.preventDefault());\r\n    });\r\n\r\n    // ===== Add single-active click behavior =====\r\n    // this.containerRef.querySelectorAll('button.dda-banner-card').forEach((btn) => {\r\n    //   btn.addEventListener('click', (e) => {\r\n    //     // Remove .active from all buttons\r\n    //     this.containerRef.querySelectorAll('button.dda-banner-card.active').forEach((activeBtn) => {\r\n    //       activeBtn.classList.remove('active');\r\n    //     });\r\n    //     // Add .active to clicked button\r\n    //     (e.currentTarget as HTMLElement).classList.add('active');\r\n    //   });\r\n    // });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.containerRef?.removeEventListener('mousemove', this.handleMouseMove);\r\n    this.containerRef?.removeEventListener('mouseleave', this.handleMouseLeave);\r\n  }\r\n\r\n  handleMouseMove = (e: MouseEvent) => {\r\n    if (!this.containerRef) return;\r\n\r\n    const rect = this.containerRef.getBoundingClientRect();\r\n    const mouseX = e.clientX - rect.left;\r\n    const percentage = mouseX / rect.width;\r\n    const maxScroll = this.containerRef.scrollWidth - this.containerRef.clientWidth;\r\n    const isRTL = getComputedStyle(this.containerRef).direction === 'rtl';\r\n\r\n    const targetScroll = isRTL\r\n      ? maxScroll - percentage * maxScroll\r\n      : percentage * maxScroll;\r\n\r\n    this.containerRef.scrollLeft = isRTL ? -targetScroll : targetScroll;\r\n  };\r\n\r\n  handleMouseLeave = () => {\r\n    const itemWidth = this.containerRef.scrollWidth / this.parsedCardList.length;\r\n    const index = Math.round(this.containerRef.scrollLeft / itemWidth);\r\n    this.containerRef.scrollTo({ left: index * itemWidth, behavior: 'smooth' });\r\n  };\r\n\r\n  handleCardClick(item: any) {\r\n    console.log('Card clicked from carousel:', item);\r\n\r\n\r\n    \r\n    // Remove .active from all banner cards\r\n    this.containerRef\r\n      ?.querySelectorAll('button.dda-banner-card.active')\r\n      .forEach((btn) => btn.classList.remove('active'));\r\n\r\n    // Add .active to the clicked banner card\r\n    const clickedBtn = this.containerRef?.querySelector(\r\n      `button#${item.banner_card_id}`\r\n    );\r\n    clickedBtn?.classList.add('active');\r\n\r\n\r\n\r\n    this.el.dispatchEvent(\r\n      new CustomEvent('cardClick', {\r\n        detail: item,\r\n        bubbles: true,\r\n        composed: true,\r\n      })\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-home-carousel', this.custom_class, this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n    const itemWidth = 100 / this.items_in_view;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={cardClass}\r\n          role=\"region\"\r\n          aria-roledescription=\"carousel\"\r\n          aria-label=\"Banner cards carousel\"\r\n        >\r\n          <div\r\n            class=\"dda-home-carousel-track\"\r\n            ref={(el) => (this.containerRef = el)}\r\n            role=\"list\"\r\n            tabIndex={0}\r\n            aria-live=\"polite\"\r\n          >\r\n            {this.parsedCardList.map((item, index) => (\r\n              <div\r\n                class=\"dda-home-carousel-item\"\r\n                key={item.banner_card_id || index}\r\n                style={{ flex: `0 0 ${itemWidth}%` }}\r\n                role=\"listitem\"\r\n                tabIndex={-1}\r\n                aria-label={`${item.banner_card_title || 'Carousel item'} ${index + 1} of ${this.parsedCardList.length}`}\r\n              >\r\n                <dda-banner-card\r\n                  image_src={item.image_src}\r\n                  image_alt={item.image_alt}\r\n                  banner_card_title={item.banner_card_title}\r\n                  banner_card_description={item.banner_card_description}\r\n                  banner_card_id={item.banner_card_id || `card-${index}`}\r\n                  banner_card_value={item.banner_card_value}\r\n                  banner_card_name={item.banner_card_name}\r\n                  custom_class={item.custom_class || ''}\r\n                  component_mode={item.component_mode || ''}\r\n                  onClick={() => this.handleCardClick(item)}\r\n                ></dda-banner-card>\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-home-carousel/dda-home-carousel.stories.js

@@ -1,138 +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";
-import banner_card_icon_2 from "../../../public_images/BannerCardIcon2.svg";
-import banner_card_icon_3 from "../../../public_images/BannerCardIcon3.svg";
-import banner_card_icon_4 from "../../../public_images/BannerCardIcon4.svg";
-import banner_card_icon_5 from "../../../public_images/BannerCardIcon5.svg";
-export default {
-    title: 'Components/Home Carousel/Home Carousel',
-    component: 'dda-home-carousel',
-    argTypes: {
-        bannercardlist: {
-            control: 'object',
-            description: 'Array of banner card objects with image, title, and description',
-        },
-        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)',
-        },
-        items_in_view: {
-            control: { type: 'number', min: 1 },
-            description: 'Number of items visible at once',
-        }
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: `
-Use the \`dda-home-carousel\` component with a dynamic list of banner items.
-
-\`\`\`html
-<dda-home-carousel
-  items_in_view="5"
-  bannercardlist='[
-    {"image_src":"https://example.com/image1.jpg", "image_alt":"image one", "banner_card_title":"Title 1", "banner_card_description":"Desc 1", "banner_card_value":"Banner Card One", "banner_card_name":"bannerCardOne"},
-    {"image_src":"https://example.com/image2.jpg", "image_alt":"image two", "banner_card_title":"Title 2", "banner_card_description":"Desc 2", "banner_card_value":"Banner Card Two", "banner_card_name":"bannerCardTwo"}
-  ]'
-></dda-home-carousel>
-\`\`\`
-        `,
-            },
-        },
-    },
-};
-const Template = (args) => {
-    const { bannercardlist, cardClick } = args, rest = __rest(args, ["bannercardlist", "cardClick"]);
-    const attributes = Object.entries(rest)
-        .filter(([_, value]) => value !== undefined && value !== '')
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-    const bannercardlistStr = bannercardlist
-        ? `bannercardlist='${JSON.stringify(bannercardlist).replace(/'/g, "&apos;")}'`
-        : '';
-    const markup = `<dda-home-carousel ${attributes} ${bannercardlistStr}></dda-home-carousel>`;
-    // Parse the string into a DOM element (without an extra parent div)
-    const template = document.createElement('template');
-    template.innerHTML = markup.trim();
-    const carousel = template.content.firstElementChild;
-    return carousel;
-};
-export const Default = Template.bind({});
-Default.args = {
-    custom_class: '',
-    component_mode: '',
-    items_in_view: 5,
-    bannercardlist: [
-        {
-            image_src: banner_card_icon_1,
-            image_alt: "image one",
-            banner_card_title: "Welcome Banner 1",
-            banner_card_description: "Description 1",
-            banner_card_id: "bannerCardOne",
-            banner_card_value: "bannerCardOne",
-            banner_card_name: "bannerCardOne",
-        },
-        {
-            image_src: banner_card_icon_2,
-            image_alt: "image two",
-            banner_card_title: "Welcome Banner 2",
-            banner_card_description: "Description 2",
-            banner_card_id: "bannerCardTwo",
-            banner_card_value: "bannerCardTwo",
-            banner_card_name: "bannerCardTwo",
-        },
-        {
-            image_src: banner_card_icon_3,
-            image_alt: "image three",
-            banner_card_title: "Welcome Banner 3",
-            banner_card_description: "Lorem ipsum, or lipsum as it is sometimes known",
-            banner_card_id: "bannerCardThree",
-            banner_card_value: "bannerCardThree",
-            banner_card_name: "bannerCardThree",
-        },
-        {
-            image_src: banner_card_icon_4,
-            image_alt: "image four",
-            banner_card_title: "Welcome Banner 4",
-            banner_card_description: "Description 4",
-            banner_card_id: "bannerCardFour",
-            banner_card_value: "bannerCardFour",
-            banner_card_name: "bannerCardFour",
-        },
-        {
-            image_src: banner_card_icon_5,
-            image_alt: "image five",
-            banner_card_title: "Welcome Banner 5",
-            banner_card_description: "Description 5",
-            banner_card_id: "bannerCardFive",
-            banner_card_value: "bannerCardFive",
-            banner_card_name: "bannerCardFive",
-        },
-        {
-            image_src: banner_card_icon_2,
-            image_alt: "image six",
-            banner_card_title: "Welcome Banner 6",
-            banner_card_description: "Description 6",
-            banner_card_id: "bannerCardSix",
-            banner_card_value: "bannerCardSix",
-            banner_card_name: "bannerCardSix",
-        },
-    ],
-};
-//# sourceMappingURL=dda-home-carousel.stories.js.map

package/dist/collection/components/dda-home-carousel/dda-home-carousel.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-home-carousel.stories.js","sourceRoot":"","sources":["../../../src/components/dda-home-carousel/dda-home-carousel.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import banner_card_icon_1 from \"../../../public_images/BannerCardIcon1.svg\";\r\nimport banner_card_icon_2 from \"../../../public_images/BannerCardIcon2.svg\";\r\nimport banner_card_icon_3 from \"../../../public_images/BannerCardIcon3.svg\";\r\nimport banner_card_icon_4 from \"../../../public_images/BannerCardIcon4.svg\";\r\nimport banner_card_icon_5 from \"../../../public_images/BannerCardIcon5.svg\";\r\n\r\nexport default {\r\n  title: 'Components/Home Carousel/Home Carousel',\r\n  component: 'dda-home-carousel',\r\n  argTypes: {\r\n    bannercardlist: {\r\n      control: 'object',\r\n      description: 'Array of banner card objects with image, title, and description',\r\n    },\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    items_in_view: {\r\n      control: { type: 'number', min: 1 },\r\n      description: 'Number of items visible at once',\r\n    }\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nUse the \\`dda-home-carousel\\` component with a dynamic list of banner items.\r\n\r\n\\`\\`\\`html\r\n<dda-home-carousel\r\n  items_in_view=\"5\"\r\n  bannercardlist='[\r\n    {\"image_src\":\"https://example.com/image1.jpg\", \"image_alt\":\"image one\", \"banner_card_title\":\"Title 1\", \"banner_card_description\":\"Desc 1\", \"banner_card_value\":\"Banner Card One\", \"banner_card_name\":\"bannerCardOne\"},\r\n    {\"image_src\":\"https://example.com/image2.jpg\", \"image_alt\":\"image two\", \"banner_card_title\":\"Title 2\", \"banner_card_description\":\"Desc 2\", \"banner_card_value\":\"Banner Card Two\", \"banner_card_name\":\"bannerCardTwo\"}\r\n  ]'\r\n></dda-home-carousel>\r\n\\`\\`\\`\r\n        `,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const { bannercardlist, 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  const bannercardlistStr = bannercardlist\r\n    ? `bannercardlist='${JSON.stringify(bannercardlist).replace(/'/g, \"&apos;\")}'`\r\n    : '';\r\n\r\n  const markup = `<dda-home-carousel ${attributes} ${bannercardlistStr}></dda-home-carousel>`;\r\n\r\n  // Parse the string into a DOM element (without an extra parent div)\r\n  const template = document.createElement('template');\r\n  template.innerHTML = markup.trim();\r\n\r\n  const carousel = template.content.firstElementChild;\r\n\r\n  return carousel;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  custom_class: '',\r\n  component_mode: '',\r\n  items_in_view: 5,\r\n  bannercardlist: [\r\n    {\r\n      image_src: banner_card_icon_1,\r\n      image_alt: \"image one\",\r\n      banner_card_title: \"Welcome Banner 1\",\r\n      banner_card_description: \"Description 1\",\r\n      banner_card_id: \"bannerCardOne\",\r\n      banner_card_value: \"bannerCardOne\",\r\n      banner_card_name: \"bannerCardOne\",\r\n    },\r\n    {\r\n      image_src: banner_card_icon_2,\r\n      image_alt: \"image two\",\r\n      banner_card_title: \"Welcome Banner 2\",\r\n      banner_card_description: \"Description 2\",\r\n      banner_card_id: \"bannerCardTwo\",\r\n      banner_card_value: \"bannerCardTwo\",\r\n      banner_card_name: \"bannerCardTwo\",\r\n    },\r\n    {\r\n      image_src: banner_card_icon_3,\r\n      image_alt: \"image three\",\r\n      banner_card_title: \"Welcome Banner 3\",\r\n      banner_card_description: \"Lorem ipsum, or lipsum as it is sometimes known\",\r\n      banner_card_id: \"bannerCardThree\",\r\n      banner_card_value: \"bannerCardThree\",\r\n      banner_card_name: \"bannerCardThree\",\r\n    },\r\n    {\r\n      image_src: banner_card_icon_4,\r\n      image_alt: \"image four\",\r\n      banner_card_title: \"Welcome Banner 4\",\r\n      banner_card_description: \"Description 4\",\r\n      banner_card_id: \"bannerCardFour\",\r\n      banner_card_value: \"bannerCardFour\",\r\n      banner_card_name: \"bannerCardFour\",\r\n    },\r\n    {\r\n      image_src: banner_card_icon_5,\r\n      image_alt: \"image five\",\r\n      banner_card_title: \"Welcome Banner 5\",\r\n      banner_card_description: \"Description 5\",\r\n      banner_card_id: \"bannerCardFive\",\r\n      banner_card_value: \"bannerCardFive\",\r\n      banner_card_name: \"bannerCardFive\",\r\n    },\r\n    {\r\n      image_src: banner_card_icon_2,\r\n      image_alt: \"image six\",\r\n      banner_card_title: \"Welcome Banner 6\",\r\n      banner_card_description: \"Description 6\",\r\n      banner_card_id: \"bannerCardSix\",\r\n      banner_card_value: \"bannerCardSix\",\r\n      banner_card_name: \"bannerCardSix\",\r\n    },\r\n  ],\r\n};\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-input.js","sourceRoot":"","sources":["../../../src/components/dda-input/dda-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter, Element, State, Method, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-input',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaInput {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() placeholder: string;\r\n  @Prop() value: string;\r\n  @Prop() type: string = 'text';\r\n  @Prop() input_role: string = 'text';\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() input_status?: string;\r\n  @Prop() custom_class?: string;\r\n  @Prop() component_mode?: string;\r\n  @Prop() input_id: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() required?: boolean = false;\r\n\r\n  @State() internalValue: string = '';\r\n\r\n  @Event() inputChanged: EventEmitter<any>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  @Method()\r\n  async getValue() {\r\n    return this.internalValue || this.value || '';\r\n  }\r\n\r\n  @Watch('value')\r\n  watchValue(newValue: string) {\r\n    this.internalValue = newValue || '';\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.internalValue = val;\r\n    // this.inputChanged.emit(val);\r\n    this.onChanged.emit(val);\r\n  }\r\n\r\n  @Method()\r\n  async reset() {\r\n    this.internalValue = '';\r\n    // this.inputChanged.emit('');\r\n    this.onChanged.emit('');\r\n  }\r\n  \r\n  componentWillLoad() {\r\n    this.internalValue = this.value || '';\r\n  }\r\n  componentDidLoad() {\r\n    // Hide date input placeholder\r\n    if (this.type === 'date') {\r\n      const dateInput = this.el.querySelector('input[type=\"date\"]') as HTMLInputElement;\r\n      if (dateInput) {\r\n        dateInput.style.color = 'transparent';\r\n        dateInput.addEventListener('focus', () => {\r\n          dateInput.style.color = '#000';\r\n        });\r\n        dateInput.addEventListener('blur', () => {\r\n          if (!dateInput.value) {\r\n            dateInput.style.color = 'transparent';\r\n          }\r\n        });\r\n        dateInput.addEventListener('change', () => {\r\n          dateInput.style.color = '#000';\r\n        });\r\n      }\r\n    }\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_status ? `dda-input-${this.input_status}` : '',\r\n      this.type === 'Witherror' ? 'dda-validation-error' : '',\r\n      this.type === 'disabled' ? 'dda-input-disabled' : '',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const describedByIds: string[] = [];\r\n    if (this.helper_text) describedByIds.push(`${this.validation_id}-helper`);\r\n    if (this.validation_type === 'error' && this.error_message) describedByIds.push(`${this.validation_id}-error`);\r\n\r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <input\r\n            id={this.input_id}\r\n            name={this.input_name}\r\n            class={`dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}`}\r\n            type={this.type}\r\n            role={this.input_role}\r\n            placeholder={this.placeholder}\r\n            value={this.internalValue}\r\n            aria-required={this.required ? 'true' : undefined}\r\n            aria-invalid={this.validation_type === 'error' ? 'true' : 'false'}\r\n            aria-describedby={`${this.input_id}-label`}\r\n            aria-label={!this.label ? this.aria_label : undefined}\r\n            onInput={event => {\r\n              this.internalValue = (event.target as HTMLInputElement).value;\r\n              this.inputChanged.emit(event);\r\n              this.onChanged.emit((event.target as HTMLInputElement).value);\r\n              this.el.dispatchEvent(\r\n                new InputEvent('input', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  data: event.data,\r\n                  inputType: event.inputType,\r\n                  isComposing: event.isComposing,\r\n                }),\r\n              );\r\n            }}\r\n            onBlur={event => {\r\n              const value = (event.target as HTMLInputElement).value.trim();\r\n              this.inputBlurred.emit({ name: this.input_name, value });\r\n              this.onBlurred.emit(value);\r\n              this.el.dispatchEvent(\r\n                new FocusEvent('blur', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  relatedTarget: event.relatedTarget,\r\n                }),\r\n              );\r\n            }}\r\n            onFocus={(event: FocusEvent) => {\r\n              this.el.dispatchEvent(\r\n                new FocusEvent('focus', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  relatedTarget: event.relatedTarget,\r\n                }),\r\n              );\r\n            }}\r\n            onKeyDown={(event: KeyboardEvent) => {\r\n              this.el.dispatchEvent(\r\n                new KeyboardEvent('keydown', {\r\n                  bubbles: true,\r\n                  composed: true,\r\n                  key: event.key,\r\n                  code: event.code,\r\n                  ctrlKey: event.ctrlKey,\r\n                  shiftKey: event.shiftKey,\r\n                  altKey: event.altKey,\r\n                  metaKey: event.metaKey,\r\n                  repeat: event.repeat,\r\n                }),\r\n              );\r\n            }}\r\n          />\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-input.stories.js","sourceRoot":"","sources":["../../../src/components/dda-input/dda-input.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Text Field/Text Field',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['default','small'],\r\n      description: 'Size of the input field',\r\n    },\r\n    placeholder: {\r\n      control: 'text',\r\n      description: 'Placeholder text for the input field',\r\n    },\r\n    label: {\r\n      control: 'text',\r\n      description: 'Label for the input field',\r\n    },\r\n    value: {\r\n      control: 'text',\r\n      description: 'Value of the input field',\r\n    },\r\n    type: {\r\n      control: { type: 'select' },\r\n      options: ['text', 'password', 'email', 'number', 'time', 'date', 'Witherror', 'disabled'   ],\r\n      description: 'Type of the input field',\r\n    },\r\n    helper_text: {\r\n      control: 'text',\r\n      description: 'Helper or footer text',\r\n    },\r\n    error_message: {\r\n      control: 'text',\r\n      description: 'Error message displayed below the input field',\r\n    },\r\n    validation_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal','error'],\r\n      description: 'Validation type of the input field',\r\n    },\r\n    input_role:{\r\n      control: 'text',\r\n      description: 'Describe the role',\r\n    },\r\n    validation_id:{\r\n      control: 'text',\r\n      description: 'Validation ID of helper text and error text',\r\n    },\r\n    input_status: {\r\n      control: { type: 'select' },\r\n      options: ['normal','disabled'],\r\n      description: 'Input status of the input field',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' }, // Add control for custom class\r\n      description: 'Custom class for the input field',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the input component',\r\n    },\r\n    input_id: {\r\n      control: {type: 'text'},\r\n      description: 'default',\r\n    },\r\n    aria_label: {\r\n      control: {type: 'text'},\r\n      description: 'Aria label for the input field',\r\n    },\r\n    onchange: {\r\n      control: {type: 'text'},\r\n      description: 'onchange event for the input field',\r\n    },\r\n    input_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name of the input field',\r\n    },\r\n    required: {\r\n      control: 'boolean',\r\n      description: 'Marks the input as required',\r\n    },\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-input\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-input\r\n  label=\"Email\"\r\n  placeholder=\"Enter email\"\r\n  input_role=\"\"\r\n  type=\"email\"\r\n  required=\"true\"\r\n  validation_type=\"error\"\r\n  error_message=\"Invalid email\"\r\n  input_id=\"email-id\"\r\n  aria_label=\"email\"\r\n></dda-input>\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-input ${attributes}></dda-input>`;\r\n};\r\n\r\nexport const Text = Template.bind({});\r\nText.args = {\r\n  label: 'Text Input',\r\n  placeholder: 'Enter text',\r\n  type: 'text',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: 'normal',\r\n  validation_id: 'validationId',\r\n  input_status: 'normal',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n  required: false,\r\n};\r\n\r\nexport const Password = Template.bind({});\r\nPassword.args = {\r\n  label: 'Password Input',\r\n  placeholder: 'Enter password',\r\n  type: 'password',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: '',\r\n  validation_id: 'validationId',\r\n  input_status: 'normal',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n  \r\n};\r\n\r\nexport const Email = Template.bind({});\r\nEmail.args = {\r\n  label: 'Email Input',\r\n  placeholder: 'Enter email',\r\n  type: 'email',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: '',\r\n  validation_id: 'validationId',\r\n  input_status: 'normal',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n  \r\n};\r\n\r\nexport const Number = Template.bind({});\r\nNumber.args = {\r\n  label: 'Number Input',\r\n  placeholder: 'Enter number',\r\n  type: 'number',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: '',\r\n  validation_id: 'validationId',\r\n  input_status: 'normal',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n   \r\n};\r\nexport const Date = Template.bind({});\r\nDate.args = {\r\n  label: 'Date Input',\r\n  placeholder: '',\r\n  type: 'date',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: '',\r\n  validation_id: 'validationId',\r\n  input_status: 'normal',\r\n  size: 'default',\r\n  custom_class: 'dda-date-picker',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n  \r\n};\r\n\r\nexport const Time = Template.bind({});\r\nTime.args = {\r\n  label: 'Time Input',\r\n  placeholder: 'Enter Time',\r\n  type: 'time',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: '',\r\n  validation_id: 'validationId',\r\n  input_status: 'normal',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n  \r\n};\r\n\r\nexport const Witherror = Template.bind({});\r\nWitherror.args = {\r\n  label: 'Input with Error',\r\n  placeholder: 'Enter value',\r\n  type: 'text',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: 'error',\r\n  validation_id: 'validationId',\r\n  input_status: 'normal',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n  \r\n};\r\n\r\nexport const disabled = Template.bind({});\r\ndisabled.args = {\r\n  label: 'Number Input',\r\n  placeholder: 'Enter number',\r\n  type: 'number',\r\n  input_id: 'input',\r\n  value: '',\r\n  input_role: '',\r\n  input_name: 'input',\r\n  aria_label: 'input',\r\n  helper_text: 'Helper or footer text',\r\n  error_message: 'Error text',\r\n  validation_type: '',\r\n  validation_id: 'validationId',\r\n  input_status: 'disabled',\r\n  size: 'default',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  inputChanged: '',\r\n  \r\n};"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-link-button.js","sourceRoot":"","sources":["../../../src/components/dda-link-button/dda-link-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-link-button',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaLinkButton {\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() start_icon: string = '';\r\n  @Prop() link_button_text: string = '';\r\n  @Prop() link_button_title: 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() href?: string = '#';\r\n  @Prop() component_mode?: string; \r\n  @Prop() button_id: string;\r\n  @Prop() target?: string = '';\r\n  @Prop() rel?: string = 'noopener noreferrer';\r\n  @Prop() data_fancybox?: string;\r\n  @Prop() clickHandler?: (event: MouseEvent) => void;\r\n\r\n  // Add event emitter for better integration\r\n  @Event() ddaLinkClick: EventEmitter<MouseEvent>;\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    // Block all click events when disabled\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      event.stopImmediatePropagation();\r\n      return false;\r\n    }\r\n\r\n    // Emit custom event for parent components\r\n    this.ddaLinkClick.emit(event);\r\n\r\n    // Call custom click handler if provided\r\n    if (this.clickHandler) {\r\n      this.clickHandler(event);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const linkbuttonClass = [\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.disabled ? 'disabled' : '', // Add disabled class\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    // Generate aria-label if not provided\r\n    const ariaLabel = this.aria_label || this.link_button_text || 'Link button';\r\n\r\n    // Handle target security\r\n    const linkTarget = this.target;\r\n    const linkRel = this.target === '_blank' ? 'noopener noreferrer' : this.rel;\r\n\r\n    return (\r\n      <Host>\r\n        <a\r\n          id={this.button_id}\r\n          target={linkTarget}  \r\n          rel={linkRel}\r\n          data-fancybox={this.data_fancybox}\r\n          title={this.link_button_title}\r\n          href={this.disabled ? undefined : this.href} // Remove href when disabled\r\n          class={linkbuttonClass}\r\n          aria-label={ariaLabel}\r\n          aria-disabled={this.disabled ? 'true' : undefined}\r\n          tabindex={this.disabled ? -1 : undefined} // Remove from tab order when disabled\r\n          onClick={this.handleClick}\r\n          onKeyDown={(event) => {\r\n            // Block keyboard navigation when disabled\r\n            if (this.disabled && (event.key === 'Enter' || event.key === ' ')) {\r\n              event.preventDefault();\r\n              event.stopPropagation();\r\n              event.stopImmediatePropagation();\r\n              return false;\r\n            }\r\n          }}\r\n          style={this.disabled ? { pointerEvents: 'none', cursor: 'not-allowed' } : {}}\r\n        >\r\n          {this.start_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.start_icon}\r\n            </i>\r\n          )}\r\n          {this.link_button_text}\r\n          {this.end_icon && (\r\n            <i \r\n              class=\"material-icons material-symbols-outlined\" \r\n              aria-hidden=\"true\"\r\n            >\r\n              {this.end_icon}\r\n            </i>\r\n          )}\r\n        </a>\r\n      </Host>\r\n    );\r\n  }\r\n}"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-link-button.stories.js","sourceRoot":"","sources":["../../../src/components/dda-link-button/dda-link-button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Link Button',\r\n  tags: ['autodocs'],\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-link-button\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-link-button\r\n    button_color=\"default-primary\"\r\n    start_icon=\"sentiment_satisfied\"\r\n    end_icon=\"arrow_forward\"\r\n    custom_class=\"\"\r\n    href=\"\"\r\n    target=\"\"\r\n    rel=\"\"\r\n    component_mode=\"\"\r\n    button_id=\"link-button\"\r\n    aria_label=\"link-Button\"\r\n    disabled=\"false\"\r\n    onclick=\"console.log('clicked')\"\r\n    >Button\r\n</dda-link-button>\r\n  \\`\\`\\`\r\n\r\nThe component now properly handles disabled state, preventing navigation and click events when disabled is true.\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      description: 'Selection of the color of the button',\r\n    },\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['sm', 'md', 'lg', 'xl'],\r\n      description: 'Size of the link button',\r\n    },\r\n    button_shape: {\r\n      control: { type: 'select' },\r\n      options: ['default', 'circle',],\r\n      description: 'Options to display the button as square or circle',\r\n    },\r\n    icon_button_shape: {\r\n      control: { type: 'select' },\r\n      options: ['default', 'circle',],\r\n      description: 'Options to display the icon as square or circle',\r\n    },\r\n    gap: {\r\n      control: { type: 'select' },\r\n      options: ['1', '2'],\r\n    },\r\n    link_button_text: {\r\n      control: { type: 'text' },\r\n      description: 'Text content for the link button',\r\n    },\r\n    link_button_title: {\r\n      control: { type: 'text' },\r\n      description: 'Title for the link button',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class for the link button component',\r\n    },    \r\n    href: {\r\n      control: { type: 'text' },\r\n      description: 'Href to point to when the button is clicked',\r\n    },\r\n    target: {\r\n      control: { type: 'text' },\r\n      description: 'Target attribute for the link (e.g., _blank)',\r\n    },\r\n    rel: {\r\n      control: { type: 'text' },\r\n      description: 'Relationship attribute for the link (e.g., noopener noreferrer)',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the link button component',\r\n    },\r\n    button_id: {\r\n      control: {type: 'text'},\r\n      description: 'Button id for the link button component',\r\n    },\r\n    aria_label: {\r\n      control: { type: 'text' },\r\n      description: 'Aria label for accessibility',\r\n    },\r\n    disabled: {\r\n      control: { type: 'boolean' },\r\n      description: 'Whether the link button is disabled',\r\n    },\r\n    onclick:{\r\n      control: { type: 'text' },\r\n      description: 'event handler for button',\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]) => {\r\n      if (typeof value === 'boolean') {\r\n        return value ? key : '';\r\n      }\r\n      return `${key}=\"${value}\"`;\r\n    })\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return `<dda-link-button ${attributes}></dda-link-button>`;\r\n};\r\n\r\nexport const DefaultPrimary = Template.bind({});\r\nDefaultPrimary.args = {\r\n  button_color: 'default-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  link_button_text: 'Button',\r\n  end_icon: 'arrow_forward',\r\n  link_button_title: '',\r\n  button_id: 'link-button',\r\n  href: '#',\r\n  aria_label: 'link-Button',\r\n  button_shape: 'default',\r\n  size: 'md',\r\n  gap: '1',\r\n  target: '',\r\n  rel: 'noopener noreferrer',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  disabled: false,\r\n  onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const ErrorPrimary = Template.bind({});\r\nErrorPrimary.args = {\r\n  button_color: 'error-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  link_button_text: 'Button',\r\n  end_icon: 'arrow_forward',\r\n  link_button_title: '',\r\n  button_id: 'link-button',\r\n  href: '#',\r\n  aria_label: 'link-Button',\r\n  button_shape: 'default',\r\n  size: 'md',\r\n  gap: '1',\r\n  target: '',\r\n  rel: 'noopener noreferrer',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  disabled: false,\r\n  onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const SurfacePrimary = Template.bind({});\r\nSurfacePrimary.args = {\r\n  button_color: 'onsurface-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  link_button_text: 'Button',\r\n  end_icon: 'arrow_forward',\r\n  link_button_title: '',\r\n  button_id: 'link-button',\r\n  href: '#',\r\n  aria_label: 'link-Button',\r\n  button_shape: 'default',\r\n  size: 'md',\r\n  gap: '1',\r\n  target: '',\r\n  rel: 'noopener noreferrer',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  disabled: false,\r\n  onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  button_color: 'disabled',\r\n  start_icon: 'sentiment_satisfied',\r\n  link_button_text: 'Button',\r\n  end_icon: 'arrow_forward',\r\n  link_button_title: '',\r\n  button_id: 'link-button',\r\n  href: '#',\r\n  aria_label: 'link-Button',\r\n  button_shape: 'default',\r\n  size: 'md',\r\n  gap: '1',\r\n  target: '',\r\n  rel: 'noopener noreferrer',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  disabled: true,\r\n  onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const IconButton = Template.bind({});\r\nIconButton.args = {\r\n  button_color: 'default-primary',\r\n  start_icon: 'sentiment_satisfied',\r\n  button_id: 'link-button',\r\n  link_button_title: '',\r\n  href: '#',\r\n  aria_label: 'link-Button',\r\n  icon_button_shape: \"default\",\r\n  size: 'md',\r\n  target: '',\r\n  rel: 'noopener noreferrer',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  disabled: false,\r\n  onclick: \"console.log('clicked')\",\r\n};\r\n\r\nexport const IconButtonDisabled = Template.bind({});\r\nIconButtonDisabled.args = {\r\n  button_color: 'disabled',\r\n  start_icon: 'sentiment_satisfied',\r\n  button_id: 'link-button',\r\n  link_button_title: '',\r\n  href: '#',\r\n  aria_label: 'link-Button',\r\n  icon_button_shape: \"default\",\r\n  size: 'md',\r\n  target: '',\r\n  rel: 'noopener noreferrer',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  disabled: true,\r\n  onclick: \"console.log('clicked')\",\r\n};\r\n\r\n"]}

package/dist/collection/components/dda-number-field/dda-number-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-number-field.js","sourceRoot":"","sources":["../../../src/components/dda-number-field/dda-number-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Element, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-number-field',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaNumberField {\r\n  @Prop() placeholder: string;\r\n  @Prop() label: string;\r\n  @Prop() value: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() size?: string;\r\n  @Prop() input_status?: string; // JSON string of currency options\r\n  @Prop() currencies: string;\r\n  @Prop() selected_currency: string = 'USD';\r\n  @State() is_focused: boolean = false;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() input_id: string;\r\n  @Prop() aria_label?: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() toggle_button_name?: string;\r\n  @Prop() currency_button_name?: string;\r\n\r\n  @State() isCurrencyDropdownOpen: boolean = false;\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private hostElement!: HTMLElement;\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  handleOutsideClick = (event: MouseEvent) => {\r\n    if (!this.hostElement.contains(event.target as Node)) {\r\n      this.isCurrencyDropdownOpen = false;\r\n    }\r\n  };\r\n\r\n  handleInput(event) {\r\n    const inputElement = event.target as HTMLInputElement;\r\n    const inputValue = inputElement.value.replace(/[^0-9.]/g, '');\r\n    inputElement.value = inputValue;\r\n    this.el.dispatchEvent(\r\n      new InputEvent('input', {\r\n        bubbles: true,\r\n        composed: true,\r\n        data: event.data,\r\n        inputType: event.inputType,\r\n        isComposing: event.isComposing,\r\n      }),\r\n    );\r\n  }\r\n\r\n  handleFocus() {\r\n    this.is_focused = true;\r\n  }\r\n\r\n  handleBlur() {\r\n    this.is_focused = false;\r\n  }\r\n\r\n  toggleCurrencyDropdown() {\r\n    this.isCurrencyDropdownOpen = !this.isCurrencyDropdownOpen;\r\n    this.handleFocus();\r\n    this.handleBlur();\r\n  }\r\n\r\n  selectCurrency(currency: string) {\r\n    this.selected_currency = currency;\r\n    this.isCurrencyDropdownOpen = false;\r\n  }\r\n\r\n  private get parsedCurrencies(): string[] {\r\n    try {\r\n      return JSON.parse(this.currencies);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setValue(val: string) {\r\n    this.value = val;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.value || '';\r\n  }\r\n\r\n  render() {\r\n    const containerClass = [\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_status ? `dda-input-${this.input_status}` : '',\r\n      this.is_focused ? 'dda-input-focus' : '',\r\n      this.error_message ? 'dda-error-message' : '',\r\n      this.custom_class ? `${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 ref={el => (this.hostElement = el as HTMLElement)}>\r\n        <div class={containerClass}>\r\n          {this.label && (\r\n            <label htmlFor={this.input_id} class=\"dda-input-label\">\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          <div class=\"dda-input-field-group dda-number-field\">\r\n            <input\r\n              id={this.input_id}\r\n              name={this.input_name}\r\n              aria-label={this.aria_label}\r\n              type=\"number\"\r\n              placeholder={this.placeholder}\r\n              value={this.value}\r\n              pattern={'[0-9]*'}\r\n              onInput={event => this.handleInput(event)}\r\n              onFocus={this.handleFocus.bind(this)}\r\n              onBlur={this.handleBlur.bind(this)}\r\n              class=\"dda-field-group-input\"\r\n            />\r\n            <div class=\"dda-input-dropdown-btn\">\r\n              <button name={this.toggle_button_name} type=\"button\" class=\"dda-dropdown-select\" onClick={() => this.toggleCurrencyDropdown()}>\r\n                {this.selected_currency}{' '}\r\n                <i class={`material-icons`} aria-hidden=\"true\">\r\n                  {this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n                </i>\r\n              </button>\r\n              {this.isCurrencyDropdownOpen && (\r\n                <div class=\"dda-input-dropdown-list\">\r\n                  {this.parsedCurrencies.length > 0 ? (\r\n                    this.parsedCurrencies.map(option => (\r\n                      <button\r\n                        name={this.currency_button_name}\r\n                        type=\"button\"\r\n                        class={`dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`}\r\n                        onClick={() => this.selectCurrency(option)}\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            </div>\r\n          </div>\r\n          {this.helper_text && <span class=\"dda-helper-text\">{this.helper_text}</span>}\r\n          {this.error_message && <span class=\"dda-error-message\">{this.error_message}</span>}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/dda-number-field/dda-number-field.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dda-number-field.stories.js","sourceRoot":"","sources":["../../../src/components/dda-number-field/dda-number-field.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n    title: 'Components/Number Field',\r\n    tags: ['autodocs'],\r\n    argTypes: {\r\n      size: {\r\n        control: { type: 'select' },\r\n        options: ['default', 'small'],\r\n        description: 'Size of the number field',\r\n      },\r\n      placeholder: {\r\n        control: 'text',\r\n        description: 'Placeholder text for the number field',\r\n      },\r\n      label: {\r\n        control: 'text',\r\n        description: 'Label for the number field',\r\n      },\r\n      value: {\r\n        control: 'text',\r\n        description: 'Value of the number field',\r\n      },\r\n      currencies: {\r\n        control: 'array',\r\n        description: 'Array of currencies for the number field',\r\n      },\r\n      helper_text: {\r\n        control: 'text',\r\n        description: 'Helper or footer text',\r\n      },\r\n      error_message: {\r\n        control: 'text',\r\n        description: 'Error message displayed below the number field',\r\n      },\r\n      validation_type: {\r\n        control: { type: 'select' },\r\n        options: ['normal', 'error'],\r\n        description: 'Validation type of the number field',\r\n      },\r\n      input_status: {\r\n        control: { type: 'select' },\r\n        options: ['normal', 'disabled'],\r\n        description: 'Input status of the number field',\r\n      },\r\n      selected_currency: {\r\n        control: 'text',\r\n        description: 'Selected currency for the number field',\r\n      },\r\n      custom_class: {\r\n        control: { type: 'text' },\r\n        description: 'Custom class for the number field',\r\n      },\r\n      component_mode: {\r\n        control: { type: 'check' },\r\n        options: ['light-mode'],\r\n        description: 'Mode of the number field component',\r\n      },\r\n      input_id: {\r\n        control: { type: 'text' },\r\n        description: 'default',\r\n      },\r\n      aria_label: {\r\n        control: { type: 'text' },\r\n        description: 'Aria label for the number field',\r\n      },\r\n      onchange: {\r\n        control: { type: 'text' },\r\n        description: 'onchange event for the number field',\r\n      },\r\n      input_name: {\r\n        control: { type: 'text' },\r\n        description: 'Name of the input field',\r\n      },\r\n      toggle_button_name: {\r\n        control: { type: 'text' },\r\n        description: 'Name of the toggle button',\r\n      },\r\n      currency_button_name: {\r\n        control: { type: 'text' },\r\n        description: 'Name of the currency selector',\r\n      },\r\n    },\r\n    parameters: {\r\n      docs: {\r\n        description: {\r\n          component: `\r\n  To use the \\`dda-number-field\\` component, pass the following props:\r\n  \r\n  \\`\\`\\`html\r\n<dda-number-field\r\n    label=\"Amount\"\r\n    value=\"\"\r\n    placeholder=\"Enter amount\"\r\n    helper_text=\"Helper or footer text\"\r\n    error_message=\"\"\r\n    validation_type=\"normal\"\r\n    size=\"medium\"\r\n    input_status=\"normal\"\r\n    selected_currency=\"USD\"\r\n    custom_class=\"\"\r\n    component_mode=\"\"\r\n    input_id=\"input\"\r\n    aria_label=\"input\"\r\n    currencies='[\"USD\",\"EUR\",\"GBP\",\"AED\",\"PKR\"]'\r\n    onchange=\"console.log('changed')\"\r\n></dda-number-field>\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 !== 'currencies')\r\n      .map(([key, value]) => `${key}=\"${value}\"`)\r\n      .join(' ');\r\n\r\n    const currenciesAttribute = `currencies='${JSON.stringify(args.currencies)}'`;\r\n  \r\n    return `<dda-number-field ${attributes} ${currenciesAttribute}></dda-number-field>`;\r\n  };\r\n  \r\n  export const Default = Template.bind({});\r\n  Default.args = {\r\n    label: 'Amount',\r\n    value: '',\r\n    placeholder: 'Enter amount',\r\n    helper_text: 'Helper or footer text',\r\n    error_message: '',\r\n    validation_type: 'normal',\r\n    size: 'medium',\r\n    input_status: 'normal',\r\n    currencies: ['USD', 'EUR', 'GBP', 'AED', 'INR', 'PKR'],\r\n    selected_currency: 'USD',\r\n    custom_class: '',\r\n    component_mode: '',\r\n    input_id: 'input',\r\n    aria_label: 'input',\r\n    onchange: '',\r\n    input_name: 'input',\r\n    toggle_button_name: 'toggle-button',\r\n    currency_button_name: 'currency-button',\r\n  };\r\n  \r\n  export const Small = Template.bind({});\r\n  Small.args = {\r\n    label: 'Amount',\r\n    value: '',\r\n    placeholder: 'Enter amount',\r\n    helper_text: 'Helper or footer text',\r\n    error_message: '',\r\n    validation_type: 'normal',\r\n    size: 'small',\r\n    input_status: 'normal',\r\n    currencies: ['USD', 'EUR', 'GBP', 'AED', 'INR', 'PKR'],\r\n    selected_currency: 'USD',\r\n    custom_class: '',\r\n    component_mode: '',\r\n    input_id: 'input',\r\n    aria_label: 'input',\r\n    onchange: '',\r\n    input_name: 'input',\r\n    toggle_button_name: 'toggle-button',\r\n    currency_button_name: 'currency-button',\r\n  };\r\n\r\n  export const Error = Template.bind({});\r\n  Error.args = {\r\n    label: 'Amount',\r\n    value: '',\r\n    placeholder: 'Enter amount',\r\n    error_message: 'This is an error message',\r\n    validation_type: 'error',\r\n    size: 'medium',\r\n    input_status: 'normal',\r\n    currencies: ['USD', 'EUR', 'GBP', 'AED', 'INR', 'PKR'],\r\n    selected_currency: 'USD',\r\n    custom_class: '',\r\n    component_mode: '',\r\n    input_id: 'input',\r\n    aria_label: 'input',\r\n    onchange: '',\r\n    input_name: 'input',\r\n    toggle_button_name: 'toggle-button',\r\n    currency_button_name: 'currency-button',\r\n  };\r\n  \r\n  export const Disabled = Template.bind({});\r\n  Disabled.args = {\r\n    label: 'Amount',\r\n    value: '',\r\n    placeholder: 'Enter amount',\r\n    helper_text: 'Helper or footer text',\r\n    error_message: '',\r\n    validation_type: 'normal',\r\n    size: 'medium',\r\n    input_status: 'disabled',\r\n    currencies: ['USD', 'EUR', 'GBP', 'AED', 'INR', 'PKR'],\r\n    selected_currency: 'USD',\r\n    custom_class: '',\r\n    component_mode: '',\r\n    input_id: 'input',\r\n    aria_label: 'input',\r\n    onchange: '',\r\n    input_name: 'input',\r\n    toggle_button_name: 'toggle-button',\r\n    currency_button_name: 'currency-button',\r\n  };\r\n  \r\n\r\n  "]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dda-pagination.js","sourceRoot":"","sources":["../../../src/components/dda-pagination/dda-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, Prop, h, Host, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-pagination',\r\n  styleUrls: ['dda-pagination.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaPagination {\r\n  @Prop() total_pages: number = 8;\r\n  @Prop({ mutable: true }) current_page: number = 1;\r\n  @Prop() type: 'simple-slider' | 'buttons' | 'text' | 'text-pages' | 'button-text' | 'buttons-pages' | 'full' = 'simple-slider';\r\n  @Prop() custom_class: string = '';\r\n  @Prop() component_mode?: string; \r\n  @Prop() simple_slider_prev_button: string;\r\n  @Prop() simple_slider_next_button: string;\r\n  @Prop() buttons_prev_button: string;\r\n  @Prop() buttons_next_button: string;\r\n  @Prop() text_prev_button: string;\r\n  @Prop() text_next_button: string;\r\n  @Prop() text_pages_prev_button: string;\r\n  @Prop() text_pages_next_button: string;\r\n  @Prop() button_text_prev_button: string;\r\n  @Prop() button_text_next_button: string;\r\n  @Prop() buttons_pages_prev_button: string;\r\n  @Prop() buttons_pages_next_button: string;\r\n  @Prop() buttons_pages_id: string;\r\n  @Event() paginateClick?: EventEmitter<number>;\r\n\r\n  @Watch('total_pages')\r\n  validateTotalPages(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.total_pages = 1;\r\n    }\r\n  }\r\n\r\n  @Watch('current_page')\r\n  validateCurrentPage(newValue: number) {\r\n    if (newValue < 1) {\r\n      this.current_page = 1;\r\n    } else if (newValue > this.total_pages) {\r\n      this.current_page = this.total_pages;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.validateTotalPages(this.total_pages);\r\n    this.validateCurrentPage(this.current_page);\r\n  }\r\n\r\n  private renderPagination() {\r\n    switch (this.type) {\r\n      case 'simple-slider':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.simple_slider_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.simple_slider_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i> Prev\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.buttons_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              Next <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <span>Page {this.current_page} of {this.total_pages}</span>\r\n            <button\r\n              name={this.text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'text-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.text_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.text_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'button-text':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.button_text_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            {this.renderPageButtons()}\r\n            <button\r\n              name={this.button_text_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'buttons-pages':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}`}>\r\n            <button\r\n              name={this.buttons_pages_prev_button}\r\n              class=\"prev\"\r\n              disabled={this.current_page === 1}\r\n              onClick={() => this.setcurrentpage(this.current_page - 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_back</i>\r\n            </button>\r\n            <button\r\n              name={this.buttons_pages_next_button}\r\n              class=\"next\"\r\n              disabled={this.current_page === this.total_pages}\r\n              onClick={() => this.setcurrentpage(this.current_page + 1)}\r\n            >\r\n              <i class=\"material-icons  material-symbols-outlined\" aria-hidden=\"true\">arrow_forward</i>\r\n            </button>\r\n          </div>\r\n        );\r\n      case 'full':\r\n        return (\r\n          <div class={`dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}`}>\r\n            {this.renderPageButtons()}\r\n          </div>\r\n        );\r\n    }\r\n  }\r\n\r\n  private renderPageButtons() {\r\n    const buttons = [];\r\n    for (let i = 1; i <= this.total_pages; i++) {\r\n      buttons.push(\r\n        <button\r\n          class={i === this.current_page ? 'active' : ''}\r\n          onClick={() => this.setcurrentpage(i)}\r\n        >\r\n          {i}\r\n        </button>\r\n      );\r\n    }\r\n    return buttons;\r\n  }\r\n\r\n  private setcurrentpage(page: number) {\r\n    if (page >= 1 && page <= this.total_pages) {\r\n      console.log('Pagination button clicked, page:', page, this.paginateClick);  // <-- Log here\r\n      this.current_page = page;\r\n      this.paginateClick.emit(page)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`dda-pagination-container`}>\r\n          {this.renderPagination()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}