npm - @dubai-design-system/components-js - Versions diffs - 3.9.15 → 3.10.0 - Mend

@dubai-design-system/components-js 3.9.15 → 3.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

package/dist/collection/components/dda-header-menu/dda-header-menu.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DdaHeaderMenu {
     constructor() {
+        this.useNavigator = 'false';
         this.quickLinks = [];
         this.openIndex = null;
         this.openSubIndex = null;
@@ -24,12 +25,17 @@ export class DdaHeaderMenu {
         }
         return this.quickLinks;
     }
-    handleToggle(index, hasSubmenu, event) {
+    handleToggle(index, hasSubmenu, event, item) {
         if (hasSubmenu) {
             event.preventDefault();
             this.openIndex = this.openIndex === index ? null : index;
             this.openSubIndex = null;
         }
+        else {
+            if (this.useNavigator == "true") {
+                this.navigatorClick.emit(item.url);
+            }
+        }
     }
     connectedCallback() {
         document.addEventListener('click', this.handleClickOutside);
@@ -51,7 +57,7 @@ export class DdaHeaderMenu {
             const hasSubSubmenu = item.children && item.children.length > 0;
             const subSubmenuId = `subsubmenu-${submenuId}-${subIndex}`;
             const isSubOpen = this.openSubIndex === subIndex;
-            return (h("li", null, h("a", { href: item.url, id: item.headerMenuId, "aria-haspopup": hasSubSubmenu ? 'true' : undefined, "aria-expanded": hasSubSubmenu ? String(isSubOpen) : undefined, "aria-controls": hasSubSubmenu ? subSubmenuId : undefined, class: {
+            return (h("li", null, h("a", { href: this.useNavigator == "true" ? 'javascript:void(0)' : item.url, id: item.headerMenuId, "aria-haspopup": hasSubSubmenu ? 'true' : undefined, "aria-expanded": hasSubSubmenu ? String(isSubOpen) : undefined, "aria-controls": hasSubSubmenu ? subSubmenuId : undefined, class: {
                     'has-submenu': hasSubSubmenu,
                     'active': isSubOpen,
                 }, onClick: e => {
@@ -59,25 +65,38 @@ export class DdaHeaderMenu {
                         e.preventDefault();
                         this.openSubIndex = this.openSubIndex === subIndex ? null : subIndex;
                     }
+                    else {
+                        if (this.useNavigator == "true") {
+                            this.navigatorClick.emit(item.url);
+                        }
+                    }
                 } }, item.headerMenuLabel), hasSubSubmenu && (h("div", { class: {
                     'dda-default-subsubmenu': true,
                     'is-visible': isSubOpen,
-                }, id: subSubmenuId, "aria-label": `${item.headerMenuLabel} Sub Submenu` }, h("div", { class: "dda-default-subsubmenu-content" }, h("span", { class: "dda-submenu-title" }, item.defaultSubMenuTitle || item.headerMenuLabel), h("ul", null, item.children.map((subItem, subItemIndex) => (h("li", null, h("a", { href: subItem.url, id: `${subSubmenuId}-${subItemIndex}` }, subItem.headerMenuLabel))))))))));
+                }, id: subSubmenuId, "aria-label": `${item.headerMenuLabel} Sub Submenu` }, h("div", { class: "dda-default-subsubmenu-content" }, h("span", { class: "dda-submenu-title" }, item.defaultSubMenuTitle || item.headerMenuLabel), h("ul", null, item.children.map((subItem, subItemIndex) => (h("li", null, h("a", {
+                // href={subItem.url}
+                href: this.useNavigator == "true" ? 'javascript:void(0)' : subItem.url, id: `${subSubmenuId}-${subItemIndex}`, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(subItem.url) : ""
+            }, subItem.headerMenuLabel))))))))));
         }))));
     }
     renderMegaMenu(children, isOpen, submenuId, headerMenuLabel) {
         return (h("div", { class: {
                 'dda-main-megamenu': true,
                 'is-visible': isOpen,
-            }, id: submenuId, "aria-label": `${headerMenuLabel} Mega Menu` }, h("div", { class: "dda-megamenu-wrap" }, h("div", { class: "dda-megamenu-content" }, h("div", { class: "dda-row" }, children.map((col, colIndex) => (h("div", { class: "dda-col-md-3", key: `col-${colIndex}` }, col.title && h("p", { "aria-label": `${col.title} section`, class: "megamemu-sub-title" }, col.title), h("ul", null, col.items.map((item, itemIndex) => (h("li", { key: `item-${itemIndex}` }, h("a", { class: "dda-mega-menu-link", href: item.url }, h("span", { class: "dda-mega-menu-icon", "aria-hidden": "true" }, h("i", { class: "material-icons material-symbols-outlined" }, "sentiment_satisfied")), h("span", { class: "text-wrap" }, h("span", { class: "dda-mega-menu-text" }, item.headerMenuLabel), item.description && (h("span", { class: "dda-mega-menu-desc" }, item.description))))))))))))))));
+            }, id: submenuId, "aria-label": `${headerMenuLabel} Mega Menu` }, h("div", { class: "dda-megamenu-wrap" }, h("div", { class: "dda-megamenu-content" }, h("div", { class: "dda-row" }, children.map((col, colIndex) => (h("div", { class: "dda-col-md-3", key: `col-${colIndex}` }, col.title && h("p", { "aria-label": `${col.title} section`, class: "megamemu-sub-title" }, col.title), h("ul", null, col.items.map((item, itemIndex) => (h("li", { key: `item-${itemIndex}` }, h("a", { class: "dda-mega-menu-link",
+            // href={item.url}
+            href: this.useNavigator == "true" ? 'javascript:void(0)' : item.url, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(item.url) : "" }, h("span", { class: "dda-mega-menu-icon", "aria-hidden": "true" }, h("i", { class: "material-icons material-symbols-outlined" }, "sentiment_satisfied")), h("span", { class: "text-wrap" }, h("span", { class: "dda-mega-menu-text" }, item.headerMenuLabel), item.description && (h("span", { class: "dda-mega-menu-desc" }, item.description))))))))))))))));
     }
     render() {
-        return (h(Host, { key: '064a072fe64e68ea9e13f4946973166a12b28e07' }, h("nav", { key: '097cd6902aaeea87c87ee52531d984339000e860', "aria-label": "Main navigation", class: "dda-header-menu" }, h("ul", { key: 'bbc629bd264e7f842e2cbfc5ab922e3f90c44555', class: "dda-mega-menu" }, this.parsedMenuItems.map((item, index) => {
+        return (h(Host, { key: '9b751c8feb5c55e83fa0bde2846dcadb21903ca6' }, h("nav", { key: '8bc7de374828bda347a7bb0d9e2ac1a5f662ccef', "aria-label": "Main navigation", class: "dda-header-menu" }, h("ul", { key: '34dfcb30a55285f48bd1d62e87f7a4209a53d173', class: "dda-mega-menu" }, this.parsedMenuItems.map((item, index) => {
             const isOpen = this.openIndex === index;
             const hasSubmenu = item.children && item.children.length > 0;
             const submenuId = `submenu-${index}`;
             const type = item.type;
-            return (h("li", { key: `top-${index}` }, h("a", { href: item.url, "aria-haspopup": hasSubmenu ? 'true' : undefined, "aria-expanded": hasSubmenu ? String(isOpen) : undefined, "aria-controls": hasSubmenu ? submenuId : undefined, class: isOpen ? 'active' : '', onClick: e => this.handleToggle(index, hasSubmenu, e) }, item.headerMenuLabel), hasSubmenu && type === 'dda_default_submenu' &&
+            return (h("li", { key: `top-${index}` }, h("a", {
+                // href={item.url}
+                href: this.useNavigator == "true" ? 'javascript:void(0)' : item.url, "aria-haspopup": hasSubmenu ? 'true' : undefined, "aria-expanded": hasSubmenu ? String(isOpen) : undefined, "aria-controls": hasSubmenu ? submenuId : undefined, class: isOpen ? 'active' : '', onClick: e => this.handleToggle(index, hasSubmenu, e, item)
+            }, item.headerMenuLabel), hasSubmenu && type === 'dda_default_submenu' &&
                 this.renderDefaultSubmenu(item.children, isOpen, submenuId, item.headerMenuLabel), hasSubmenu && type === 'dda_main_megamenu' &&
                 this.renderMegaMenu(item.children, isOpen, submenuId, item.headerMenuLabel)));
         })))));
@@ -95,6 +114,26 @@ export class DdaHeaderMenu {
     }
     static get properties() {
         return {
+            "useNavigator": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'true' | 'false'",
+                    "resolved": "\"false\" | \"true\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "use-navigator",
+                "reflect": false,
+                "defaultValue": "'false'"
+            },
             "quickLinks": {
                 "type": "string",
                 "mutable": false,
@@ -128,6 +167,24 @@ export class DdaHeaderMenu {
             "openSubIndex": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "navigatorClick",
+                "name": "navigatorClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
     static get listeners() {
         return [{

package/dist/collection/components/dda-header-menu/dda-header-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dda-header-menu.js","sourceRoot":"","sources":["../../../src/components/dda-header-menu/dda-header-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Element, Listen } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-header-menu',\r\n styleUrls: ['dda-header-menu.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHeaderMenu {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() quickLinks: string \| Array<{\r\n headerMenuLabel: string;\r\n headerMenuId: string;\r\n description: string;\r\n url: string;\r\n type?: 'dda_default_submenu' \| 'dda_main_megamenu';\r\n children?: any;\r\n }> = [];\r\n\r\n @State() openIndex: number \| null = null;\r\n @State() openSubIndex: number \| null = null;\r\n\r\n get parsedMenuItems() {\r\n if (typeof this.quickLinks === 'string') {\r\n try {\r\n return JSON.parse(this.quickLinks);\r\n } catch {\r\n console.warn('Invalid JSON in quickLinks');\r\n return [];\r\n }\r\n }\r\n return this.quickLinks;\r\n }\r\n\r\n handleToggle(index: number, hasSubmenu: boolean, event: Event) {\r\n if (hasSubmenu) {\r\n event.preventDefault();\r\n this.openIndex = this.openIndex === index ? null : index;\r\n this.openSubIndex = null;\r\n }\r\n }\r\n\r\n handleClickOutside = (event: MouseEvent) => {\r\n const target = event.target as HTMLElement;\r\n if (!this.el.contains(target)) {\r\n this.openIndex = null;\r\n this.openSubIndex = null;\r\n }\r\n };\r\n\r\n connectedCallback() {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n @Listen('keydown', { target: 'window' })\r\n handleKeydown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n this.openIndex = null;\r\n this.openSubIndex = null;\r\n }\r\n }\r\n\r\n renderDefaultSubmenu(children, isOpen, submenuId, headerMenuLabel) {\r\n return (\r\n <div\r\n class={{\r\n 'dda-default-submenu': true,\r\n 'is-visible': isOpen,\r\n }}\r\n id={submenuId}\r\n aria-label={`${headerMenuLabel} Submenu`}\r\n >\r\n <ul>\r\n {children.map((item, subIndex) => {\r\n const hasSubSubmenu = item.children && item.children.length > 0;\r\n const subSubmenuId = `subsubmenu-${submenuId}-${subIndex}`;\r\n const isSubOpen = this.openSubIndex === subIndex;\r\n\r\n return (\r\n <li>\r\n \r\n\r\n <a\r\n href={item.url}\r\n id={item.headerMenuId}\r\n aria-haspopup={hasSubSubmenu ? 'true' : undefined}\r\n aria-expanded={hasSubSubmenu ? String(isSubOpen) : undefined}\r\n aria-controls={hasSubSubmenu ? subSubmenuId : undefined}\r\n class={{\r\n 'has-submenu': hasSubSubmenu,\r\n 'active': isSubOpen,\r\n }}\r\n onClick={e => {\r\n if (hasSubSubmenu) {\r\n e.preventDefault();\r\n this.openSubIndex = this.openSubIndex === subIndex ? null : subIndex;\r\n }\r\n }}\r\n >\r\n {item.headerMenuLabel}\r\n </a>\r\n\r\n {hasSubSubmenu && (\r\n <div\r\n class={{\r\n 'dda-default-subsubmenu': true,\r\n 'is-visible': isSubOpen,\r\n }}\r\n id={subSubmenuId}\r\n aria-label={`${item.headerMenuLabel} Sub Submenu`}\r\n >\r\n <div class=\"dda-default-subsubmenu-content\">\r\n <span class=\"dda-submenu-title\">{item.defaultSubMenuTitle \|\| item.headerMenuLabel}</span>\r\n <ul>\r\n {item.children.map((subItem, subItemIndex) => (\r\n <li>\r\n <a\r\n href={subItem.url}\r\n id={`${subSubmenuId}-${subItemIndex}`}\r\n >\r\n {subItem.headerMenuLabel}\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n )}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n\r\n renderMegaMenu(children, isOpen, submenuId, headerMenuLabel) {\r\n return (\r\n <div\r\n class={{\r\n 'dda-main-megamenu': true,\r\n 'is-visible': isOpen,\r\n }}\r\n id={submenuId}\r\n aria-label={`${headerMenuLabel} Mega Menu`}\r\n >\r\n <div class=\"dda-megamenu-wrap\">\r\n <div class=\"dda-megamenu-content\">\r\n <div class=\"dda-row\">\r\n {children.map((col, colIndex) => (\r\n <div class=\"dda-col-md-3\" key={`col-${colIndex}`}>\r\n {col.title && <p aria-label={`${col.title} section`} class=\"megamemu-sub-title\">{col.title}</p>}\r\n <ul>\r\n {col.items.map((item, itemIndex) => (\r\n <li key={`item-${itemIndex}`}>\r\n \r\n <a\r\n class=\"dda-mega-menu-link\"\r\n href={item.url}\r\n >\r\n <span class=\"dda-mega-menu-icon\" aria-hidden=\"true\">\r\n <i class=\"material-icons material-symbols-outlined\">sentiment_satisfied</i>\r\n </span>\r\n <span class=\"text-wrap\">\r\n <span class=\"dda-mega-menu-text\">{item.headerMenuLabel}</span>\r\n {item.description && (\r\n <span class=\"dda-mega-menu-desc\">\r\n {item.description}\r\n </span>\r\n )}\r\n </span>\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <nav aria-label=\"Main navigation\" class=\"dda-header-menu\">\r\n <ul class=\"dda-mega-menu\">\r\n {this.parsedMenuItems.map((item, index) => {\r\n const isOpen = this.openIndex === index;\r\n const hasSubmenu = item.children && item.children.length > 0;\r\n const submenuId = `submenu-${index}`;\r\n const type = item.type;\r\n\r\n return (\r\n <li key={`top-${index}`}>\r\n \r\n <a\r\n href={item.url}\r\n \r\n aria-haspopup={hasSubmenu ? 'true' : undefined}\r\n aria-expanded={hasSubmenu ? String(isOpen) : undefined}\r\n aria-controls={hasSubmenu ? submenuId : undefined}\r\n \r\n class={isOpen ? 'active' : ''}\r\n onClick={e => this.handleToggle(index, hasSubmenu, e)}\r\n >\r\n {item.headerMenuLabel}\r\n </a>\r\n\r\n {hasSubmenu && type === 'dda_default_submenu' &&\r\n this.renderDefaultSubmenu(item.children, isOpen, submenuId, item.headerMenuLabel)}\r\n\r\n {hasSubmenu && type === 'dda_main_megamenu' &&\r\n this.renderMegaMenu(item.children, isOpen, submenuId, item.headerMenuLabel)}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"dda-header-menu.js","sourceRoot":"","sources":["../../../src/components/dda-header-menu/dda-header-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Element, Listen, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-header-menu',\r\n styleUrls: ['dda-header-menu.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHeaderMenu {\r\n @Element() el: HTMLElement;\r\n \r\n @Event() navigatorClick?: EventEmitter<string>;\r\n @Prop() useNavigator: 'true' \| 'false' = 'false';\r\n @Prop() quickLinks: string \| Array<{\r\n headerMenuLabel: string;\r\n headerMenuId: string;\r\n description: string;\r\n url: string;\r\n type?: 'dda_default_submenu' \| 'dda_main_megamenu';\r\n children?: any;\r\n }> = [];\r\n\r\n @State() openIndex: number \| null = null;\r\n @State() openSubIndex: number \| null = null;\r\n\r\n get parsedMenuItems() {\r\n if (typeof this.quickLinks === 'string') {\r\n try {\r\n return JSON.parse(this.quickLinks);\r\n } catch {\r\n console.warn('Invalid JSON in quickLinks');\r\n return [];\r\n }\r\n }\r\n return this.quickLinks;\r\n }\r\n\r\n handleToggle(index: number, hasSubmenu: boolean, event: Event, item: any) {\r\n if (hasSubmenu) {\r\n event.preventDefault();\r\n this.openIndex = this.openIndex === index ? null : index;\r\n this.openSubIndex = null;\r\n }else{\r\n if(this.useNavigator == \"true\"){\r\n\r\n this.navigatorClick.emit(item.url)\r\n }\r\n }\r\n }\r\n\r\n handleClickOutside = (event: MouseEvent) => {\r\n const target = event.target as HTMLElement;\r\n if (!this.el.contains(target)) {\r\n this.openIndex = null;\r\n this.openSubIndex = null;\r\n }\r\n };\r\n\r\n connectedCallback() {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n disconnectedCallback() {\r\n document.removeEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n @Listen('keydown', { target: 'window' })\r\n handleKeydown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n this.openIndex = null;\r\n this.openSubIndex = null;\r\n }\r\n }\r\n\r\n renderDefaultSubmenu(children, isOpen, submenuId, headerMenuLabel) {\r\n return (\r\n <div\r\n class={{\r\n 'dda-default-submenu': true,\r\n 'is-visible': isOpen,\r\n }}\r\n id={submenuId}\r\n aria-label={`${headerMenuLabel} Submenu`}\r\n >\r\n <ul>\r\n {children.map((item, subIndex) => {\r\n const hasSubSubmenu = item.children && item.children.length > 0;\r\n const subSubmenuId = `subsubmenu-${submenuId}-${subIndex}`;\r\n const isSubOpen = this.openSubIndex === subIndex;\r\n\r\n return (\r\n <li>\r\n \r\n\r\n <a\r\n href={this.useNavigator == \"true\" ? 'javascript:void(0)' : item.url}\r\n id={item.headerMenuId}\r\n aria-haspopup={hasSubSubmenu ? 'true' : undefined}\r\n aria-expanded={hasSubSubmenu ? String(isSubOpen) : undefined}\r\n aria-controls={hasSubSubmenu ? subSubmenuId : undefined}\r\n class={{\r\n 'has-submenu': hasSubSubmenu,\r\n 'active': isSubOpen,\r\n }}\r\n onClick={e => {\r\n if (hasSubSubmenu) {\r\n e.preventDefault();\r\n this.openSubIndex = this.openSubIndex === subIndex ? null : subIndex;\r\n }else{\r\n if(this.useNavigator == \"true\"){\r\n\r\n this.navigatorClick.emit(item.url)\r\n }\r\n }\r\n }}\r\n >\r\n {item.headerMenuLabel}\r\n </a>\r\n\r\n {hasSubSubmenu && (\r\n <div\r\n class={{\r\n 'dda-default-subsubmenu': true,\r\n 'is-visible': isSubOpen,\r\n }}\r\n id={subSubmenuId}\r\n aria-label={`${item.headerMenuLabel} Sub Submenu`}\r\n >\r\n <div class=\"dda-default-subsubmenu-content\">\r\n <span class=\"dda-submenu-title\">{item.defaultSubMenuTitle \|\| item.headerMenuLabel}</span>\r\n <ul>\r\n {item.children.map((subItem, subItemIndex) => (\r\n <li>\r\n <a\r\n // href={subItem.url}\r\n href={this.useNavigator == \"true\" ? 'javascript:void(0)' : subItem.url}\r\n id={`${subSubmenuId}-${subItemIndex}`}\r\n onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(subItem.url) : \"\"}\r\n >\r\n {subItem.headerMenuLabel}\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n )}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n\r\n renderMegaMenu(children, isOpen, submenuId, headerMenuLabel) {\r\n return (\r\n <div\r\n class={{\r\n 'dda-main-megamenu': true,\r\n 'is-visible': isOpen,\r\n }}\r\n id={submenuId}\r\n aria-label={`${headerMenuLabel} Mega Menu`}\r\n >\r\n <div class=\"dda-megamenu-wrap\">\r\n <div class=\"dda-megamenu-content\">\r\n <div class=\"dda-row\">\r\n {children.map((col, colIndex) => (\r\n <div class=\"dda-col-md-3\" key={`col-${colIndex}`}>\r\n {col.title && <p aria-label={`${col.title} section`} class=\"megamemu-sub-title\">{col.title}</p>}\r\n <ul>\r\n {col.items.map((item, itemIndex) => (\r\n <li key={`item-${itemIndex}`}>\r\n \r\n <a\r\n class=\"dda-mega-menu-link\"\r\n // href={item.url}\r\n href={this.useNavigator == \"true\" ? 'javascript:void(0)' : item.url}\r\n onClick={() => this.useNavigator == \"true\"? this.navigatorClick.emit(item.url) :\"\"}\r\n >\r\n <span class=\"dda-mega-menu-icon\" aria-hidden=\"true\">\r\n <i class=\"material-icons material-symbols-outlined\">sentiment_satisfied</i>\r\n </span>\r\n <span class=\"text-wrap\">\r\n <span class=\"dda-mega-menu-text\">{item.headerMenuLabel}</span>\r\n {item.description && (\r\n <span class=\"dda-mega-menu-desc\">\r\n {item.description}\r\n </span>\r\n )}\r\n </span>\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <nav aria-label=\"Main navigation\" class=\"dda-header-menu\">\r\n <ul class=\"dda-mega-menu\">\r\n {this.parsedMenuItems.map((item, index) => {\r\n const isOpen = this.openIndex === index;\r\n const hasSubmenu = item.children && item.children.length > 0;\r\n const submenuId = `submenu-${index}`;\r\n const type = item.type;\r\n\r\n return (\r\n <li key={`top-${index}`}>\r\n \r\n <a\r\n // href={item.url}\r\n href={this.useNavigator == \"true\" ? 'javascript:void(0)' : item.url}\r\n aria-haspopup={hasSubmenu ? 'true' : undefined}\r\n aria-expanded={hasSubmenu ? String(isOpen) : undefined}\r\n aria-controls={hasSubmenu ? submenuId : undefined}\r\n \r\n class={isOpen ? 'active' : ''}\r\n onClick={e => this.handleToggle(index, hasSubmenu, e, item)}\r\n >\r\n {item.headerMenuLabel}\r\n </a>\r\n\r\n {hasSubmenu && type === 'dda_default_submenu' &&\r\n this.renderDefaultSubmenu(item.children, isOpen, submenuId, item.headerMenuLabel)}\r\n\r\n {hasSubmenu && type === 'dda_main_megamenu' &&\r\n this.renderMegaMenu(item.children, isOpen, submenuId, item.headerMenuLabel)}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/dda-input/dda-input.js CHANGED Viewed

@@ -47,7 +47,7 @@ export class DdaInput {
         if (this.validation_type === 'error' && this.error_message)
             describedByIds.push(`${this.validation_id}-error`);
         return (h(Host, { key: 'e674876cdf3f3fc4a9a51edc7d605ed980c8140e' }, h("div", { key: '8af8a1c75ae4c68e390520ae5d4dc2899ed912ee', class: inputClass }, this.label &&
-            h("label", { key: '524e0dd97589c47acbba6c84f526d50e83772b90', htmlFor: this.input_id, class: "dda-input-label", id: `${this.input_id}-label` }, this.label), h("input", { key: '95f57d97c099517e34dbad3a33bd1bab1fbc9c87', id: this.input_id, name: this.input_name, class: `dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}`, type: this.type, role: this.input_role, placeholder: this.placeholder, value: this.internalValue || this.value, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', "aria-describedby": this.validation_id, "aria-label": !this.label ? this.aria_label : undefined, onInput: (event) => {
+            h("label", { key: '524e0dd97589c47acbba6c84f526d50e83772b90', htmlFor: this.input_id, class: "dda-input-label", id: `${this.input_id}-label` }, this.label), h("input", { key: '502b5fd4c8b8f9f58d0c0809c98f70b3edefcd60', id: this.input_id, name: this.input_name, class: `dda-input-field dda-input-text ${this.type === 'date' && this.value ? 'has-value' : ''}`, type: this.type, role: this.input_role, placeholder: this.placeholder, value: this.internalValue || this.value, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.validation_type === 'error' ? 'true' : 'false', "aria-describedby": `${this.input_id}-label`, "aria-label": !this.label ? this.aria_label : undefined, onInput: (event) => {
                 this.internalValue = event.target.value;
                 this.inputChanged.emit(event);
             }, onBlur: (event) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"dda-input.js","sourceRoot":"","sources":["../../../src/components/dda-input/dda-input.tsx"],"names":[],"mappings":"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~~aAAa~~,~~gBACxB~~,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACrD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wBACjB,IAAI,CAAC,aAAa,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;wBAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAChC,CAAC,EACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;wBAChB,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;wBAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC3D,CAAC,GACD;gBAED,IAAI,CAAC,eAAe,KAAK,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACxD,YACE,KAAK,EAAC,mBAAmB,EACzB,EAAE,EAAE,IAAI,CAAC,aAAa,EACtB,IAAI,EAAC,OAAO,IAEX,IAAI,CAAC,aAAa,CACd,CACR,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,WAAW,IAAI,CAClB,YACE,KAAK,EAAC,iBAAiB,EACvB,EAAE,EAAE,IAAI,CAAC,aAAa,IAErB,IAAI,CAAC,WAAW,CACZ,CACR,CACF,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter, Element, State, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-input',\r\n styleUrls: ['../../global/input.css', '../../global/global.css'],\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() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n @Method()\r\n async getValue() {\r\n return this.internalValue \|\| this.value \|\| '';\r\n }\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 ].filter(Boolean).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)\r\n 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 \r\n htmlFor={this.input_id} \r\n class=\"dda-input-label\"\r\n id={`${this.input_id}-label`}\r\n >\r\n {this.label}\r\n </label>}\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 \|\| this.value}\r\n aria-required={this.required ? 'true' : undefined}\r\n aria-invalid={this.validation_type === 'error' ? 'true' : 'false'}\r\n aria-describedby={this.~~validation_id~~}\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 }}\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 }}\r\n />\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <span \r\n class=\"dda-error-message\" \r\n id={this.validation_id}\r\n role=\"alert\"\r\n >\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span \r\n class=\"dda-helper-text\" \r\n id={this.validation_id}\r\n >\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"]}
1	+ {"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 } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-input',\r\n styleUrls: ['../../global/input.css', '../../global/global.css'],\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() inputBlurred: EventEmitter<{ name: string; value: string }>;\r\n\r\n @Method()\r\n async getValue() {\r\n return this.internalValue \|\| this.value \|\| '';\r\n }\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 ].filter(Boolean).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)\r\n 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 \r\n htmlFor={this.input_id} \r\n class=\"dda-input-label\"\r\n id={`${this.input_id}-label`}\r\n >\r\n {this.label}\r\n </label>}\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 \|\| this.value}\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 }}\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 }}\r\n />\r\n\r\n {this.validation_type === 'error' && this.error_message ? (\r\n <span \r\n class=\"dda-error-message\" \r\n id={this.validation_id}\r\n role=\"alert\"\r\n >\r\n {this.error_message}\r\n </span>\r\n ) : (\r\n this.helper_text && (\r\n <span \r\n class=\"dda-helper-text\" \r\n id={this.validation_id}\r\n >\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-pagination/dda-pagination.js CHANGED Viewed

@@ -50,12 +50,13 @@ export class DdaPagination {
     }
     setcurrentpage(page) {
         if (page >= 1 && page <= this.total_pages) {
-            console.log('Pagination button clicked, page:', page); // <-- Log here
+            console.log('Pagination button clicked, page:', page, this.paginateClick); // <-- Log here
             this.current_page = page;
+            this.paginateClick.emit(page);
         }
     }
     render() {
-        return (h(Host, { key: 'd627b318fde2f7cff8ed50b4fdddb805f14e2e57' }, h("div", { key: 'b5e710c2adc5cdd9f5f5e906821416edd6e78c25', class: `dda-pagination-container` }, this.renderPagination())));
+        return (h(Host, { key: 'f08d87f23e4340a71945346cf983606aef96dd6b' }, h("div", { key: '9e82c5bcfc4bbe3c689e4ba993cbeda2c6246d6b', class: `dda-pagination-container` }, this.renderPagination())));
     }
     static get is() { return "dda-pagination"; }
     static get originalStyleUrls() {
@@ -418,6 +419,24 @@ export class DdaPagination {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "paginateClick",
+                "name": "paginateClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
     static get watchers() {
         return [{
                 "propName": "total_pages",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"dda-pagination.js","sourceRoot":"","sources":["../../../src/components/dda-pagination/dda-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-pagination',\r\n styleUrls: ['dda-pagination.css', '../../global/global.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\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); // <-- Log here\r\n this.current_page = 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"]}
1	+ {"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', '../../global/global.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"]}

package/dist/collection/components/dda-slider/dda-slider.js CHANGED Viewed

@@ -258,7 +258,7 @@ export class DDASlider {
                     "references": {
                         "SlideData": {
                             "location": "local",
-                            "path": "C:/MyWorks/DATACELL/DDA-2024/DDA Design System Components/packages/stencil/src/components/dda-slider/dda-slider.tsx",
+                            "path": "C:/DPHost/DDA-Components-Lib/DDASrc-2/packages/stencil/src/components/dda-slider/dda-slider.tsx",
                             "id": "src/components/dda-slider/dda-slider.tsx::SlideData"
                         }
                     }

package/dist/components/dda-breadcrumb.js CHANGED Viewed

@@ -14,6 +14,7 @@ const DdaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DdaBreadcrumb ext
         this.separator = 'chevron_right'; // Default to chevron separator
         this.aria_label = '';
         this.custom_class = '';
+        this.dataBreadcrumbs = "";
         this.breadcrumbs = [];
     }
     componentWillLoad() {
@@ -23,7 +24,7 @@ const DdaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DdaBreadcrumb ext
         }
     }
     render() {
-        return (h(Host, { key: 'f0d44d0fd8cd4a744a73bc8bcd954b9499a71358' }, h("div", { key: 'ef1dc15440e4fabc835666012ff6bc6f76c96364', class: this.component_mode }, h("nav", { key: '3110ba3f26a73b6da834432b7602a02f8989a8ca', "aria-label": this.aria_label, class: `${this.custom_class}` }, h("ol", { key: 'a82ce6ecc345c3e2ede47e6550931f81fc579d86', class: "dda-breadcrumb" }, this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", { href: crumb.url }, this.design !== 'text' && h("i", { class: `material-icons`, "aria-hidden": "true" }, crumb.icon), this.design !== 'icon' && h("span", null, crumb.text)), index < this.breadcrumbs.length - 1 && (h("i", { class: `material-icons material-symbols-outlined`, "aria-hidden": "true" }, this.separator))))))))));
+        return (h(Host, { key: '305f32fe125cca17ab7017f1c23b65a169fc5913' }, h("div", { key: '20bb08724075f4bc8a9a7c1c3b08a285bcab5e89', class: this.component_mode }, h("nav", { key: 'd54e1bc5a299af054dece4c598aecc7a47fd6c32', "aria-label": this.aria_label, class: `${this.custom_class}` }, h("ol", { key: 'aa07901fa53ecf5c9f16a3b4f13103e829c948ec', class: "dda-breadcrumb" }, this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", { href: crumb.url }, this.design !== 'text' && h("i", { class: `material-icons`, "aria-hidden": "true" }, crumb.icon), this.design !== 'icon' && h("span", null, crumb.text)), index < this.breadcrumbs.length - 1 && (h("i", { class: `material-icons material-symbols-outlined`, "aria-hidden": "true" }, this.separator))))))))));
     }
     get el() { return this; }
     static get style() { return DdaBreadcrumbStyle0 + DdaBreadcrumbStyle1; }
@@ -32,7 +33,8 @@ const DdaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DdaBreadcrumb ext
         "separator": [1],
         "aria_label": [1],
         "custom_class": [1],
-        "component_mode": [1]
+        "component_mode": [1],
+        "dataBreadcrumbs": [1, "data-breadcrumbs"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/dda-breadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dda-breadcrumb.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,skCAAskC,CAAC;AAChmC,4BAAe,gBAAgB;;ACD/B,MAAM,SAAS,GAAG,q5qDAAq5qD,CAAC;AACx6qD,4BAAe,SAAS;;MCMXA,eAAa;IAL1B;;;QAMU,WAAM,GAAkC,MAAM,CAAC;QAC/C,cAAS,GAAmC,eAAe,CAAC;QAC5D,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAInC,gBAAW,GAAkD,EAAE,CAAC;KAgCjE;IA9BC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE;YACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAChD;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,IAC7B,0EAAiB,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,IAC7D,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACrD,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,IACvF,SAAG,IAAI,EAAE,KAAK,CAAC,GAAG,IACf,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAAE,KAAK,CAAC,IAAI,CAAK,EACzF,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD,EACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAClC,SAAG,KAAK,EAAE,0CAA0C,iBAAc,MAAM,IAAE,IAAI,CAAC,SAAS,CAAK,CAC9F,CACE,CACN,CAAC,CACC,CACD,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaBreadcrumb"],"sources":["src/components/dda-breadcrumb/dda-breadcrumb.css?tag=dda-breadcrumb","src/global/global.css?tag=dda-breadcrumb","src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"sourcesContent":[".dda-breadcrumb {\r\n display: inline-flex;\r\n align-items: center;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.dda-breadcrumb-item {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.dda-breadcrumb,\r\n.dda-breadcrumb-item{\r\n gap: 10px;\r\n}\r\n\r\n.dda-breadcrumb-item a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n font-size: var(--font-caption);\r\n gap: 4px;\r\n}\r\n.dda-breadcrumb-item a span{\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--dda-fw-500);\r\n}\r\n.light-mode .dda-breadcrumb-item a span{\r\n color: var(--dda-neutral-0);\r\n}\r\n//\r\n.dda-breadcrumb-item i,\r\n.dda-breadcrumb-item svg {\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item i,\r\n.light-mode .dda-breadcrumb-item svg {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n:root[dir='rtl'] .dda-breadcrumb-item > i{\r\n transform: rotate(180deg);\r\n}\r\n//\r\n.dda-breadcrumb-item .separator {\r\n margin: 0 8px;\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item .separator {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n/*/\r\n.dda-breadcrumb-item.active a span{\r\n color: var(--dda-on-surface-variant-30);\r\n font-weight: var(--dda-fw-400);\r\n}\r\n.light-mode .dda-breadcrumb-item.active a span{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/dda-grid.css');\r\n\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n/ @import url('./templates/dda-sticky-footer.css'); /\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n/ @import url('./templates/dda-header-main.css'); /\r\n\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n\r\n\r\n\r\n.material-flat-icon {\r\n font-variation-settings:\r\n 'FILL' 1,\r\n 'wght' 400,\r\n 'GRAD' 0,\r\n 'opsz' 24\r\n}\r\n\r\n.material-symbols-outlined {\r\n font-family: 'Material Symbols Outlined';\r\n font-weight: normal;\r\n font-style: normal;\r\n font-size: 24px;\r\n display: inline-block;\r\n line-height: 1;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.material-icons {\r\n font-family: 'Material Icons';\r\n font-weight: normal;\r\n font-style: normal;\r\n font-size: 24px;\r\n line-height: 1;\r\n letter-spacing: normal;\r\n text-transform: none;\r\n display: inline-block;\r\n white-space: nowrap;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--font-caption) !important;\r\n font-weight: var(--font-weight-regular) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\nlegend{\r\n font-size: inherit !important;\r\n}\r\n {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n.dda-text-center{\r\n text-align: center;\r\n}\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.dda-items-start {\r\n align-items: flex-start;\r\n}\r\n\r\n.dda-items-end {\r\n align-items: flex-end;\r\n}\r\n\r\n.dda-items-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-items-baseline {\r\n align-items: baseline;\r\n}\r\n\r\n.dda-items-stretch {\r\n align-items: stretch;\r\n}\r\n\r\n\r\n.dda-position-static {\r\n position: static !important;\r\n}\r\n\r\n.dda-position-relative {\r\n position: relative !important;\r\n}\r\n\r\n.dda-position-absolute {\r\n position: absolute !important;\r\n}\r\n\r\n.dda-position-fixed {\r\n position: fixed !important;\r\n}\r\n\r\n.dda-position-sticky {\r\n position: -webkit-sticky !important;\r\n position: sticky !important;\r\n}\r\n\r\n.top-0 {\r\n top: 0 !important;\r\n}\r\n\r\n.top-50 {\r\n top: 50% !important;\r\n}\r\n\r\n.top-100 {\r\n top: 100% !important;\r\n}\r\n\r\n.bottom-0 {\r\n bottom: 0 !important;\r\n}\r\n\r\n.bottom-50 {\r\n bottom: 50% !important;\r\n}\r\n\r\n.bottom-100 {\r\n bottom: 100% !important;\r\n}\r\n\r\n.start-0 {\r\n left: 0 !important;\r\n}\r\n\r\n.start-50 {\r\n left: 50% !important;\r\n}\r\n\r\n.start-100 {\r\n left: 100% !important;\r\n}\r\n\r\n.end-0 {\r\n right: 0 !important;\r\n}\r\n\r\n.end-50 {\r\n right: 50% !important;\r\n}\r\n\r\n.end-100 {\r\n right: 100% !important;\r\n}\r\n\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} */\r\n","import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-breadcrumb',\r\n styleUrls: ['dda-breadcrumb.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n @Prop() design: 'text' \| 'icon-text' \| 'icon' = 'text'; // Default to text design\r\n @Prop() separator: 'chevron_right' \| 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n @Prop() aria_label?: string = ''; \r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Element() el: HTMLElement;\r\n\r\n breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n componentWillLoad() {\r\n const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n if (breadcrumbsData) {\r\n this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={this.component_mode}>\r\n <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n <ol class=\"dda-breadcrumb\">\r\n {this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (\r\n <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n <a href={crumb.url}>\r\n {this.design !== 'text' && <i class={`material-icons`} aria-hidden=\"true\">{crumb.icon}</i>}\r\n {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n </a>\r\n {index < this.breadcrumbs.length - 1 && (\r\n <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">{this.separator}</i>\r\n )}\r\n </li>\r\n ))}\r\n </ol>\r\n </nav>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dda-breadcrumb.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,skCAAskC,CAAC;AAChmC,4BAAe,gBAAgB;;ACD/B,MAAM,SAAS,GAAG,q5qDAAq5qD,CAAC;AACx6qD,4BAAe,SAAS;;MCMXA,eAAa;IAL1B;;;QAMU,WAAM,GAAkC,MAAM,CAAC;QAC/C,cAAS,GAAmC,eAAe,CAAC;QAC5D,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAE3B,oBAAe,GAAW,EAAE,CAAC;QAGrC,gBAAW,GAAkD,EAAE,CAAC;KAgCjE;IA9BC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE;YACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAChD;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,IAC7B,0EAAiB,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,IAC7D,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACrD,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,IACvF,SAAG,IAAI,EAAE,KAAK,CAAC,GAAG,IACf,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAAE,KAAK,CAAC,IAAI,CAAK,EACzF,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD,EACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,KAClC,SAAG,KAAK,EAAE,0CAA0C,iBAAc,MAAM,IAAE,IAAI,CAAC,SAAS,CAAK,CAC9F,CACE,CACN,CAAC,CACC,CACD,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaBreadcrumb"],"sources":["src/components/dda-breadcrumb/dda-breadcrumb.css?tag=dda-breadcrumb","src/global/global.css?tag=dda-breadcrumb","src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"sourcesContent":[".dda-breadcrumb {\r\n display: inline-flex;\r\n align-items: center;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.dda-breadcrumb-item {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.dda-breadcrumb,\r\n.dda-breadcrumb-item{\r\n gap: 10px;\r\n}\r\n\r\n.dda-breadcrumb-item a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n font-size: var(--font-caption);\r\n gap: 4px;\r\n}\r\n.dda-breadcrumb-item a span{\r\n color: var(--dda-on-surface-0);\r\n font-weight: var(--dda-fw-500);\r\n}\r\n.light-mode .dda-breadcrumb-item a span{\r\n color: var(--dda-neutral-0);\r\n}\r\n//\r\n.dda-breadcrumb-item i,\r\n.dda-breadcrumb-item svg {\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item i,\r\n.light-mode .dda-breadcrumb-item svg {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n:root[dir='rtl'] .dda-breadcrumb-item > i{\r\n transform: rotate(180deg);\r\n}\r\n//\r\n.dda-breadcrumb-item .separator {\r\n margin: 0 8px;\r\n color: var(--dda-on-surface-variant-30);\r\n}\r\n.light-mode .dda-breadcrumb-item .separator {\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n/*/\r\n.dda-breadcrumb-item.active a span{\r\n color: var(--dda-on-surface-variant-30);\r\n font-weight: var(--dda-fw-400);\r\n}\r\n.light-mode .dda-breadcrumb-item.active a span{\r\n color: var(--dda-neutral-variant-30);\r\n}\r\n","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/dda-grid.css');\r\n\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n/ @import url('./templates/dda-sticky-footer.css'); /\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n/ @import url('./templates/dda-header-main.css'); /\r\n\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n\r\n\r\n\r\n.material-flat-icon {\r\n font-variation-settings:\r\n 'FILL' 1,\r\n 'wght' 400,\r\n 'GRAD' 0,\r\n 'opsz' 24\r\n}\r\n\r\n.material-symbols-outlined {\r\n font-family: 'Material Symbols Outlined';\r\n font-weight: normal;\r\n font-style: normal;\r\n font-size: 24px;\r\n display: inline-block;\r\n line-height: 1;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.material-icons {\r\n font-family: 'Material Icons';\r\n font-weight: normal;\r\n font-style: normal;\r\n font-size: 24px;\r\n line-height: 1;\r\n letter-spacing: normal;\r\n text-transform: none;\r\n display: inline-block;\r\n white-space: nowrap;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--font-caption) !important;\r\n font-weight: var(--font-weight-regular) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\nlegend{\r\n font-size: inherit !important;\r\n}\r\n {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n.dda-text-center{\r\n text-align: center;\r\n}\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.dda-items-start {\r\n align-items: flex-start;\r\n}\r\n\r\n.dda-items-end {\r\n align-items: flex-end;\r\n}\r\n\r\n.dda-items-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-items-baseline {\r\n align-items: baseline;\r\n}\r\n\r\n.dda-items-stretch {\r\n align-items: stretch;\r\n}\r\n\r\n\r\n.dda-position-static {\r\n position: static !important;\r\n}\r\n\r\n.dda-position-relative {\r\n position: relative !important;\r\n}\r\n\r\n.dda-position-absolute {\r\n position: absolute !important;\r\n}\r\n\r\n.dda-position-fixed {\r\n position: fixed !important;\r\n}\r\n\r\n.dda-position-sticky {\r\n position: -webkit-sticky !important;\r\n position: sticky !important;\r\n}\r\n\r\n.top-0 {\r\n top: 0 !important;\r\n}\r\n\r\n.top-50 {\r\n top: 50% !important;\r\n}\r\n\r\n.top-100 {\r\n top: 100% !important;\r\n}\r\n\r\n.bottom-0 {\r\n bottom: 0 !important;\r\n}\r\n\r\n.bottom-50 {\r\n bottom: 50% !important;\r\n}\r\n\r\n.bottom-100 {\r\n bottom: 100% !important;\r\n}\r\n\r\n.start-0 {\r\n left: 0 !important;\r\n}\r\n\r\n.start-50 {\r\n left: 50% !important;\r\n}\r\n\r\n.start-100 {\r\n left: 100% !important;\r\n}\r\n\r\n.end-0 {\r\n right: 0 !important;\r\n}\r\n\r\n.end-50 {\r\n right: 50% !important;\r\n}\r\n\r\n.end-100 {\r\n right: 100% !important;\r\n}\r\n\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} */\r\n","import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-breadcrumb',\r\n styleUrls: ['dda-breadcrumb.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n @Prop() design: 'text' \| 'icon-text' \| 'icon' = 'text'; // Default to text design\r\n @Prop() separator: 'chevron_right' \| 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n @Prop() aria_label?: string = ''; \r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() dataBreadcrumbs: string = \"\";\r\n @Element() el: HTMLElement;\r\n\r\n breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n componentWillLoad() {\r\n const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n if (breadcrumbsData) {\r\n this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={this.component_mode}>\r\n <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n <ol class=\"dda-breadcrumb\">\r\n {this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (\r\n <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n <a href={crumb.url}>\r\n {this.design !== 'text' && <i class={`material-icons`} aria-hidden=\"true\">{crumb.icon}</i>}\r\n {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n </a>\r\n {index < this.breadcrumbs.length - 1 && (\r\n <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">{this.separator}</i>\r\n )}\r\n </li>\r\n ))}\r\n </ol>\r\n </nav>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/dda-header-menu.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { D as DdaHeaderMenu$1, d as defineCustomElement$1 } from './p-b7cfca52.js';
+import { D as DdaHeaderMenu$1, d as defineCustomElement$1 } from './p-923d3716.js';
 const DdaHeaderMenu = DdaHeaderMenu$1;
 const defineCustomElement = defineCustomElement$1;