@dubai-design-system/components-js 3.11.5 → 3.11.7
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.
- package/dist/cjs/dda-breadcrumb.cjs.entry.js +8 -2
- package/dist/cjs/dda-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-header-menu_3.cjs.entry.js +3 -3
- package/dist/cjs/dda-header-menu_3.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-header.cjs.entry.js +70 -13
- package/dist/cjs/dda-header.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-sticky-footer.cjs.entry.js +4 -1
- package/dist/cjs/dda-sticky-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/dda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js +46 -3
- package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js.map +1 -1
- package/dist/collection/components/dda-header/dda-header-main.css +157 -48
- package/dist/collection/components/dda-header/dda-header.js +140 -16
- package/dist/collection/components/dda-header/dda-header.js.map +1 -1
- package/dist/collection/components/dda-header-menu/dda-header-menu.css +7 -2
- package/dist/collection/components/dda-header-menu/dda-header-menu.js +23 -4
- package/dist/collection/components/dda-header-menu/dda-header-menu.js.map +1 -1
- package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +4 -1
- package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js.map +1 -1
- package/dist/components/dda-breadcrumb.js +11 -4
- package/dist/components/dda-breadcrumb.js.map +1 -1
- package/dist/components/dda-header-menu.js +1 -1
- package/dist/components/dda-header.js +77 -15
- package/dist/components/dda-header.js.map +1 -1
- package/dist/components/dda-sticky-footer.js +4 -1
- package/dist/components/dda-sticky-footer.js.map +1 -1
- package/dist/components/{p-c30037a8.js → p-60cb6934.js} +5 -4
- package/dist/components/p-60cb6934.js.map +1 -0
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/dda.esm.js.map +1 -1
- package/dist/dda/p-bd419f43.entry.js +2 -0
- package/dist/dda/p-bd419f43.entry.js.map +1 -0
- package/dist/dda/p-bdaee99c.entry.js +2 -0
- package/dist/dda/p-bdaee99c.entry.js.map +1 -0
- package/dist/dda/p-ce9b7aeb.entry.js +2 -0
- package/dist/dda/p-ce9b7aeb.entry.js.map +1 -0
- package/dist/dda/p-d7434fd9.entry.js +2 -0
- package/dist/dda/p-d7434fd9.entry.js.map +1 -0
- package/dist/esm/dda-breadcrumb.entry.js +9 -3
- package/dist/esm/dda-breadcrumb.entry.js.map +1 -1
- package/dist/esm/dda-header-menu_3.entry.js +3 -3
- package/dist/esm/dda-header-menu_3.entry.js.map +1 -1
- package/dist/esm/dda-header.entry.js +70 -13
- package/dist/esm/dda-header.entry.js.map +1 -1
- package/dist/esm/dda-sticky-footer.entry.js +4 -1
- package/dist/esm/dda-sticky-footer.entry.js.map +1 -1
- package/dist/esm/dda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/dda-breadcrumb/dda-breadcrumb.d.ts +3 -0
- package/dist/types/components/dda-header/dda-header.d.ts +13 -2
- package/dist/types/components/dda-header-menu/dda-header-menu.d.ts +2 -0
- package/dist/types/components/dda-sticky-footer/dda-sticky-footer.d.ts +1 -0
- package/dist/types/components.d.ts +42 -6
- package/package.json +2 -2
- package/readme.md +13 -0
- package/www/build/dda.esm.js +1 -1
- package/www/build/dda.esm.js.map +1 -1
- package/www/build/p-bd419f43.entry.js +2 -0
- package/www/build/p-bd419f43.entry.js.map +1 -0
- package/www/build/p-bdaee99c.entry.js +2 -0
- package/www/build/p-bdaee99c.entry.js.map +1 -0
- package/www/build/p-ce9b7aeb.entry.js +2 -0
- package/www/build/p-ce9b7aeb.entry.js.map +1 -0
- package/www/build/p-d7434fd9.entry.js +2 -0
- package/www/build/p-d7434fd9.entry.js.map +1 -0
- package/dist/components/p-c30037a8.js.map +0 -1
- package/dist/dda/p-18828d30.entry.js +0 -2
- package/dist/dda/p-18828d30.entry.js.map +0 -1
- package/dist/dda/p-5a8cfeec.entry.js +0 -2
- package/dist/dda/p-5a8cfeec.entry.js.map +0 -1
- package/dist/dda/p-bb94fb97.entry.js +0 -2
- package/dist/dda/p-bb94fb97.entry.js.map +0 -1
- package/dist/dda/p-ecdd4ca1.entry.js +0 -2
- package/dist/dda/p-ecdd4ca1.entry.js.map +0 -1
- package/www/build/p-18828d30.entry.js +0 -2
- package/www/build/p-18828d30.entry.js.map +0 -1
- package/www/build/p-5a8cfeec.entry.js +0 -2
- package/www/build/p-5a8cfeec.entry.js.map +0 -1
- package/www/build/p-bb94fb97.entry.js +0 -2
- package/www/build/p-bb94fb97.entry.js.map +0 -1
- package/www/build/p-ecdd4ca1.entry.js +0 -2
- package/www/build/p-ecdd4ca1.entry.js.map +0 -1
|
@@ -28,6 +28,9 @@ export class DdaStickyFooter {
|
|
|
28
28
|
componentWillLoad() {
|
|
29
29
|
this.handleScroll = this.handleScroll.bind(this);
|
|
30
30
|
}
|
|
31
|
+
componentDidLoad() {
|
|
32
|
+
window.addEventListener('scroll', this.handleScroll);
|
|
33
|
+
}
|
|
31
34
|
disconnectedCallback() {
|
|
32
35
|
window.removeEventListener('scroll', this.handleScroll);
|
|
33
36
|
}
|
|
@@ -72,7 +75,7 @@ export class DdaStickyFooter {
|
|
|
72
75
|
render() {
|
|
73
76
|
const footmiddlesection = this.parseJsonArray(this.middleLink);
|
|
74
77
|
const footrightsection = this.parseJsonArray(this.rightLink);
|
|
75
|
-
return (h("div", { key: '
|
|
78
|
+
return (h("div", { key: 'f2dae2f648153882e10218c616d18261b7e283a1', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '8420c243926f1c63907cb22a707641edcf1a9bed', class: "footer-content" }, h("div", { key: 'ecfadc0c7e85fbb3745c79be4f3db9ee593b2d6a', class: "dda-footer-item dda-footer-left" }, h("ul", { key: '6b0a4e16c039a240e9d0f8f1d0ba6e0ee04c1aaa' }, this.happinessIconSrc && (h("li", { key: '167da6a962880071b1fc9b8d9993dba1a773ac66', class: "foot-icon-btn" }, h("dda-tooltip", { key: '83eb322dcd0ea3b6531d5b4a50947945893ae172', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '80ad25f72680d7bfc22652b49863f5dd719fae24', href: this.happinessIconHref, id: this.happinessIconId, onClick: this.happinessIconClick }, h("img", { key: 'a385bb74233d10e8d824ef6409e5a1dc00b02e9d', src: this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark, alt: this.happinessIconAlt }), h("span", { key: 'ba726eb21a4a3ad632611f77474d6c950810373d', class: "visually-hidden" }, this.happinessIconTooltip))))), this.accessibilityIconSrc && (h("li", { key: 'aa5930ec1d62349e6d2388fe6b83650d7c48a9f1', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'dfadd4b1ff74179320fdeb756b60f57edef772ad', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '89bc609cc7b3a913d658b25337bd042717ad4e9f', href: this.accessibilityIconHref, id: this.accessibilityIconId, onClick: this.accessibilityIconClick }, h("img", { key: 'e9d7662edf3b521668f5b8338ee017bdab542493', src: this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark, alt: this.accessibilityIconAlt }), h("span", { key: 'f75abbde98c7ad6fe807c19c2558603ac04abb25', class: "visually-hidden" }, this.accessibilityIconTooltip))))), this.servicesIconText && (h("li", { key: '05a73f88db125e48136b477148ace14e09fdd9d9', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'a434cbd52e6fa31e1c5c6732cadb2feb537be4a4', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: '1ccb702efabd0e80cb951eb053b822b6c8d5bdb5', href: this.servicesIconHref, id: this.servicesIconId, onClick: this.servicesIconClick }, h("img", { key: '943d90b2e42d7e08ff13aa39fe7e259a6332cad9', src: this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark, alt: this.servicesIconAlt }), h("span", { key: '1f4e571909b037b2159953395e63a8eb48ec0999' }, this.servicesIconText))))))), !this.hideMiddleSection && (h("div", { key: 'eeac2e27968cb93e2ff026474d8021d91ae08651', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: 'a8f00c9c4b39d99db8724d19bf3ffba5e166b13d', class: "foot-logo" }, footmiddlesection.map((middleItem, index) => (h("li", { key: index }, h("dda-tooltip", { title_text: middleItem.LogoTooltip, description: "", position: "top" }, h("a", { href: middleItem.href, onClick: () => this.middleItemClick(middleItem) }, h("img", { src: this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark, alt: middleItem.alt }), h("span", { class: "visually-hidden" }, middleItem.LogoTooltip))))))))), h("div", { key: '1abe68173db66c995b7f116597592932ac1df91f', class: "dda-footer-item dda-footer-right" }, h("ul", { key: 'f5560e8a5a277be0319ed86a94473eeb15b63722', class: "foot-right_links" }, footrightsection.map((rightItem, index) => (h("li", { class: "foot-icon-btn", key: index }, h("dda-tooltip", { title_text: rightItem.RightLinkTooltip, description: "", position: "top" }, h("a", { href: rightItem.href, title: rightItem.title, "aria-label": `${rightItem.IconName} ${rightItem.LinkText}`, id: rightItem.itemId, onClick: () => this.rightItemClick(rightItem) }, h("i", { class: rightItem.IconFamily }, rightItem.IconName), h("span", null, rightItem.LinkText)))))), this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (h("li", { key: 'decff51b8733c9bccf97086fdeeeae33e9d544bf', class: "foot-icon-btn" }, h("dda-tooltip", { key: '0dfa3fc3b7d8f1681f4c5ad18d016be3216734ea', title_text: this.dubaiaeIconTooltip, description: "", position: "top" }, h("a", { key: '4fc3b4b938660f2f7f88290eeba99ded7cbedab9', href: this.dubaiaeIconHref, onClick: this.dubaiAEClick, id: this.dubaiaeIconId }, h("img", { key: 'c4079f5131e8afdd99b42d97154494a0985dabf1', class: "dubaiae-text-icon", src: this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark, alt: `${this.dubaiaeIconAlt} icon desktop` }), h("img", { key: '5027a7c52e5c35286ec7cd99c577960b5a953ab9', class: "dubaiae-small-icon", src: this.dubaiaeIconSmallSrc, alt: `${this.dubaiaeIconAlt} icon mobile` }), h("span", { key: 'ca47a79c32d5f44b87b06bd44a945a156aecdccf', class: "visually-hidden" }, this.dubaiaeIconTooltip))))), this.aiIconSrc && (h("li", { key: '7d0b0760fe05ac434757dcb9b16f08253b279984', class: "foot-icon-btn" }, h("dda-tooltip", { key: '04c19c452b17d28e8bc3f7489af5b55eadad931b', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: '4d446f90cf9c8e798bf44ec232990fe5ed879c84', href: this.aiIconHref, onClick: this.aiIconClick, id: this.aiIconId }, h("img", { key: '392a3d0891c6e5f5d3130f6802ad065e3cae204f', src: this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark, alt: this.aiIconAlt }), h("span", { key: 'd7ca1d2e50a1dc1e9db36ea89efffe2397478958', class: "visually-hidden" }, this.aiIconTooltip))))), this.chatIconSrc && (h("li", { key: '1dfdf25a49b5be0f9d18558408f4fad8bc65a1c5', class: "foot-icon-btn" }, h("dda-tooltip", { key: '3d65d37c88c1c5921733d0cb191236f9ee3ebc47', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: 'bab41d319f703aa55ba314c7d3754cfd8b37fcb3', href: this.chatIconHref, onClick: this.chatIconClick, id: this.chatIconId }, h("img", { key: '7c564be67f0d0154e152d347675e1fa0916fab32', src: this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark, alt: this.chatIconAlt }), h("span", { key: '51e8956b7a6826da9069bf140521ec6758c3a9b4', class: "visually-hidden" }, this.chatIconTooltip)))))), h("button", { key: '12443c9cb4d3b30feacbd13a4d4cd81ec0e5ae41', type: "button", class: "show-right-icon", onClick: this.toggleFooterIcons }, h("i", { key: '5eea7473c297f7e4b8979a519da1f7d1645920a1', class: this.moreIconFamily }, this.moreIcon))))));
|
|
76
79
|
}
|
|
77
80
|
static get is() { return "dda-sticky-footer"; }
|
|
78
81
|
static get originalStyleUrls() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-sticky-footer.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-sticky-footer',\r\n styleUrls: ['dda-sticky-footer.css'],\r\n shadow: false,\r\n})\r\nexport class DdaStickyFooter {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() colorTheme?: string = 'light';\r\n @Prop() happinessIconHref?: string;\r\n @Prop() happinessIconId?: string;\r\n @Prop() happinessIconSrc: string;\r\n @Prop() happinessIconSrcDark: string;\r\n @Prop() happinessIconAlt: string;\r\n @Prop() happinessIconTooltip: string;\r\n\r\n @Prop() accessibilityIconHref: string;\r\n @Prop() accessibilityIconId: string;\r\n @Prop() accessibilityIconSrc: string;\r\n @Prop() accessibilityIconSrcDark: string;\r\n @Prop() accessibilityIconAlt: string;\r\n @Prop() accessibilityIconTooltip: string;\r\n\r\n @Prop() servicesIconHref: string;\r\n @Prop() servicesIconId: string;\r\n @Prop() servicesIconSrc: string;\r\n @Prop() servicesIconSrcDark: string;\r\n @Prop() servicesIconAlt: string;\r\n @Prop() servicesIconTooltip: string;\r\n @Prop() servicesIconText: string;\r\n\r\n @Prop() hideMiddleSection: boolean = false;\r\n @Prop() middleLink: string;\r\n @Prop() rightLink: string;\r\n\r\n @Prop() aiIconHref: string;\r\n @Prop() aiIconId: string;\r\n @Prop() aiIconSrc: string;\r\n @Prop() aiIconSrcDark: string;\r\n @Prop() aiIconAlt: string;\r\n @Prop() aiIconTooltip: string;\r\n\r\n @Prop() dubaiaeIconHref: string;\r\n @Prop() dubaiaeIconId: string;\r\n @Prop() dubaiaeIconSrc: string;\r\n @Prop() dubaiaeIconSrcDark: string;\r\n @Prop() dubaiaeIconSmallSrc: string;\r\n @Prop() dubaiaeIconAlt: string;\r\n @Prop() dubaiaeIconTooltip: string;\r\n\r\n @Prop() chatIconHref: string;\r\n @Prop() chatIconId: string;\r\n @Prop() chatIconSrc: string;\r\n @Prop() chatIconSrcDark: string;\r\n @Prop() chatIconAlt: string;\r\n @Prop() chatIconTooltip: string;\r\n\r\n @Prop() moreIconFamily: string;\r\n @Prop() moreIcon: string;\r\n\r\n @State() isHidden: boolean = false;\r\n private lastScrollY: number = 0;\r\n\r\n componentWillLoad() {\r\n this.handleScroll = this.handleScroll.bind(this);\r\n }\r\n\r\n private toggleFooterIcons = () => {\r\n const iconList = this.el.querySelector('.foot-right_links') as HTMLElement;\r\n const items = iconList?.querySelectorAll('li') || [];\r\n\r\n if (iconList) {\r\n const isShown = iconList.classList.contains('show-dda-icon');\r\n\r\n if (!isShown) {\r\n iconList.classList.add('show-dda-icon');\r\n items.forEach((item, index) => {\r\n (item as HTMLElement).style.transitionDelay = `${index * 100}ms`;\r\n });\r\n } else {\r\n items.forEach(item => {\r\n (item as HTMLElement).style.transitionDelay = '0ms';\r\n });\r\n iconList.classList.remove('show-dda-icon');\r\n }\r\n }\r\n };\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('scroll', this.handleScroll);\r\n }\r\n\r\n handleScroll() {\r\n const currentScrollY = window.scrollY;\r\n this.isHidden = currentScrollY > this.lastScrollY;\r\n this.lastScrollY = currentScrollY;\r\n }\r\n\r\n private parseJsonArray(jsonString: string) {\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (e) {\r\n console.error('Failed to parse JSON:', e);\r\n return [];\r\n }\r\n }\r\n\r\n happinessIconClick() {\r\n console.log('happoness icon click');\r\n }\r\n\r\n accessibilityIconClick() {\r\n console.log('Suggestion icon click');\r\n }\r\n\r\n servicesIconClick() {\r\n console.log('Services icon click');\r\n }\r\n\r\n chatIconClick() {\r\n console.log('chat icon click');\r\n }\r\n\r\n aiIconClick() {\r\n console.log('ai icon click');\r\n }\r\n\r\n dubaiAEClick() {\r\n console.log('dubai.ae icon click');\r\n }\r\n\r\n middleItemClick(item) {\r\n console.log('middle link item clicked:', item);\r\n }\r\n\r\n rightItemClick(item) {\r\n console.log('right link item clicked:', item);\r\n }\r\n\r\n render() {\r\n const footmiddlesection = this.parseJsonArray(this.middleLink);\r\n const footrightsection = this.parseJsonArray(this.rightLink);\r\n\r\n return (\r\n <div class={{ 'dda-footer': true, 'hidden': this.isHidden }}>\r\n <div class=\"footer-content\">\r\n <div class=\"dda-footer-item dda-footer-left\">\r\n <ul>\r\n {this.happinessIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.happinessIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.happinessIconHref} id={this.happinessIconId} onClick={this.happinessIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark} alt={this.happinessIconAlt} />\r\n <span class=\"visually-hidden\">{this.happinessIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.accessibilityIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.accessibilityIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.accessibilityIconHref} id={this.accessibilityIconId} onClick={this.accessibilityIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark} alt={this.accessibilityIconAlt} />\r\n <span class=\"visually-hidden\">{this.accessibilityIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.servicesIconText && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.servicesIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.servicesIconHref} id={this.servicesIconId} onClick={this.servicesIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark} alt={this.servicesIconAlt} />\r\n <span>{this.servicesIconText}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n\r\n {!this.hideMiddleSection && (\r\n <div class=\"dda-footer-item dda-footer-middle\">\r\n <ul class=\"foot-logo\">\r\n {footmiddlesection.map((middleItem, index) => (\r\n <li key={index}>\r\n <dda-tooltip title_text={middleItem.LogoTooltip} description=\"\" position=\"top\">\r\n <a href={middleItem.href} onClick={() => this.middleItemClick(middleItem)}>\r\n <img src={this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark} alt={middleItem.alt} />\r\n <span class=\"visually-hidden\">{middleItem.LogoTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n )}\r\n\r\n <div class=\"dda-footer-item dda-footer-right\">\r\n <ul class=\"foot-right_links\">\r\n {footrightsection.map((rightItem, index) => (\r\n <li class=\"foot-icon-btn\" key={index}>\r\n <dda-tooltip title_text={rightItem.RightLinkTooltip} description=\"\" position=\"top\">\r\n <a\r\n href={rightItem.href}\r\n title={rightItem.title}\r\n aria-label={`${rightItem.IconName} ${rightItem.LinkText}`}\r\n id={rightItem.itemId}\r\n onClick={() => this.rightItemClick(rightItem)}\r\n >\r\n <i class={rightItem.IconFamily}>{rightItem.IconName}</i>\r\n <span>{rightItem.LinkText}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n ))}\r\n\r\n {this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.dubaiaeIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.dubaiaeIconHref} onClick={this.dubaiAEClick} id={this.dubaiaeIconId}>\r\n <img class=\"dubaiae-text-icon\" src={this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark} alt={`${this.dubaiaeIconAlt} icon desktop`} />\r\n <img class=\"dubaiae-small-icon\" src={this.dubaiaeIconSmallSrc} alt={`${this.dubaiaeIconAlt} icon mobile`} />\r\n <span class=\"visually-hidden\">{this.dubaiaeIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.aiIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.aiIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.aiIconHref} onClick={this.aiIconClick} id={this.aiIconId}>\r\n <img src={this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark} alt={this.aiIconAlt} />\r\n <span class=\"visually-hidden\">{this.aiIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.chatIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.chatIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.chatIconHref} onClick={this.chatIconClick} id={this.chatIconId}>\r\n <img src={this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark} alt={this.chatIconAlt} />\r\n <span class=\"visually-hidden\">{this.chatIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n </ul>\r\n <button type=\"button\" class=\"show-right-icon\" onClick={this.toggleFooterIcons}>\r\n <i class={this.moreIconFamily}>{this.moreIcon}</i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"file":"dda-sticky-footer.js","sourceRoot":"","sources":["../../../src/components/dda-sticky-footer/dda-sticky-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-sticky-footer',\r\n styleUrls: ['dda-sticky-footer.css'],\r\n shadow: false,\r\n})\r\nexport class DdaStickyFooter {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() colorTheme?: string = 'light';\r\n @Prop() happinessIconHref?: string;\r\n @Prop() happinessIconId?: string;\r\n @Prop() happinessIconSrc: string;\r\n @Prop() happinessIconSrcDark: string;\r\n @Prop() happinessIconAlt: string;\r\n @Prop() happinessIconTooltip: string;\r\n\r\n @Prop() accessibilityIconHref: string;\r\n @Prop() accessibilityIconId: string;\r\n @Prop() accessibilityIconSrc: string;\r\n @Prop() accessibilityIconSrcDark: string;\r\n @Prop() accessibilityIconAlt: string;\r\n @Prop() accessibilityIconTooltip: string;\r\n\r\n @Prop() servicesIconHref: string;\r\n @Prop() servicesIconId: string;\r\n @Prop() servicesIconSrc: string;\r\n @Prop() servicesIconSrcDark: string;\r\n @Prop() servicesIconAlt: string;\r\n @Prop() servicesIconTooltip: string;\r\n @Prop() servicesIconText: string;\r\n\r\n @Prop() hideMiddleSection: boolean = false;\r\n @Prop() middleLink: string;\r\n @Prop() rightLink: string;\r\n\r\n @Prop() aiIconHref: string;\r\n @Prop() aiIconId: string;\r\n @Prop() aiIconSrc: string;\r\n @Prop() aiIconSrcDark: string;\r\n @Prop() aiIconAlt: string;\r\n @Prop() aiIconTooltip: string;\r\n\r\n @Prop() dubaiaeIconHref: string;\r\n @Prop() dubaiaeIconId: string;\r\n @Prop() dubaiaeIconSrc: string;\r\n @Prop() dubaiaeIconSrcDark: string;\r\n @Prop() dubaiaeIconSmallSrc: string;\r\n @Prop() dubaiaeIconAlt: string;\r\n @Prop() dubaiaeIconTooltip: string;\r\n\r\n @Prop() chatIconHref: string;\r\n @Prop() chatIconId: string;\r\n @Prop() chatIconSrc: string;\r\n @Prop() chatIconSrcDark: string;\r\n @Prop() chatIconAlt: string;\r\n @Prop() chatIconTooltip: string;\r\n\r\n @Prop() moreIconFamily: string;\r\n @Prop() moreIcon: string;\r\n\r\n @State() isHidden: boolean = false;\r\n private lastScrollY: number = 0;\r\n\r\n componentWillLoad() {\r\n this.handleScroll = this.handleScroll.bind(this);\r\n }\r\n\r\n componentDidLoad() {\r\n window.addEventListener('scroll', this.handleScroll);\r\n }\r\n\r\n private toggleFooterIcons = () => {\r\n const iconList = this.el.querySelector('.foot-right_links') as HTMLElement;\r\n const items = iconList?.querySelectorAll('li') || [];\r\n\r\n if (iconList) {\r\n const isShown = iconList.classList.contains('show-dda-icon');\r\n\r\n if (!isShown) {\r\n iconList.classList.add('show-dda-icon');\r\n items.forEach((item, index) => {\r\n (item as HTMLElement).style.transitionDelay = `${index * 100}ms`;\r\n });\r\n } else {\r\n items.forEach(item => {\r\n (item as HTMLElement).style.transitionDelay = '0ms';\r\n });\r\n iconList.classList.remove('show-dda-icon');\r\n }\r\n }\r\n };\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('scroll', this.handleScroll);\r\n }\r\n\r\n handleScroll() {\r\n const currentScrollY = window.scrollY;\r\n this.isHidden = currentScrollY > this.lastScrollY;\r\n this.lastScrollY = currentScrollY;\r\n }\r\n\r\n private parseJsonArray(jsonString: string) {\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (e) {\r\n console.error('Failed to parse JSON:', e);\r\n return [];\r\n }\r\n }\r\n\r\n happinessIconClick() {\r\n console.log('happoness icon click');\r\n }\r\n\r\n accessibilityIconClick() {\r\n console.log('Suggestion icon click');\r\n }\r\n\r\n servicesIconClick() {\r\n console.log('Services icon click');\r\n }\r\n\r\n chatIconClick() {\r\n console.log('chat icon click');\r\n }\r\n\r\n aiIconClick() {\r\n console.log('ai icon click');\r\n }\r\n\r\n dubaiAEClick() {\r\n console.log('dubai.ae icon click');\r\n }\r\n\r\n middleItemClick(item) {\r\n console.log('middle link item clicked:', item);\r\n }\r\n\r\n rightItemClick(item) {\r\n console.log('right link item clicked:', item);\r\n }\r\n\r\n render() {\r\n const footmiddlesection = this.parseJsonArray(this.middleLink);\r\n const footrightsection = this.parseJsonArray(this.rightLink);\r\n\r\n return (\r\n <div class={{ 'dda-footer': true, 'hidden': this.isHidden }}>\r\n <div class=\"footer-content\">\r\n <div class=\"dda-footer-item dda-footer-left\">\r\n <ul>\r\n {this.happinessIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.happinessIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.happinessIconHref} id={this.happinessIconId} onClick={this.happinessIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.happinessIconSrc : this.happinessIconSrcDark} alt={this.happinessIconAlt} />\r\n <span class=\"visually-hidden\">{this.happinessIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.accessibilityIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.accessibilityIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.accessibilityIconHref} id={this.accessibilityIconId} onClick={this.accessibilityIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.accessibilityIconSrc : this.accessibilityIconSrcDark} alt={this.accessibilityIconAlt} />\r\n <span class=\"visually-hidden\">{this.accessibilityIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.servicesIconText && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.servicesIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.servicesIconHref} id={this.servicesIconId} onClick={this.servicesIconClick}>\r\n <img src={this.colorTheme == 'light' ? this.servicesIconSrc : this.servicesIconSrcDark} alt={this.servicesIconAlt} />\r\n <span>{this.servicesIconText}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n\r\n {!this.hideMiddleSection && (\r\n <div class=\"dda-footer-item dda-footer-middle\">\r\n <ul class=\"foot-logo\">\r\n {footmiddlesection.map((middleItem, index) => (\r\n <li key={index}>\r\n <dda-tooltip title_text={middleItem.LogoTooltip} description=\"\" position=\"top\">\r\n <a href={middleItem.href} onClick={() => this.middleItemClick(middleItem)}>\r\n <img src={this.colorTheme == 'light' ? middleItem.src : middleItem.srcDark} alt={middleItem.alt} />\r\n <span class=\"visually-hidden\">{middleItem.LogoTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n )}\r\n\r\n <div class=\"dda-footer-item dda-footer-right\">\r\n <ul class=\"foot-right_links\">\r\n {footrightsection.map((rightItem, index) => (\r\n <li class=\"foot-icon-btn\" key={index}>\r\n <dda-tooltip title_text={rightItem.RightLinkTooltip} description=\"\" position=\"top\">\r\n <a\r\n href={rightItem.href}\r\n title={rightItem.title}\r\n aria-label={`${rightItem.IconName} ${rightItem.LinkText}`}\r\n id={rightItem.itemId}\r\n onClick={() => this.rightItemClick(rightItem)}\r\n >\r\n <i class={rightItem.IconFamily}>{rightItem.IconName}</i>\r\n <span>{rightItem.LinkText}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n ))}\r\n\r\n {this.dubaiaeIconSrc && this.dubaiaeIconSmallSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.dubaiaeIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.dubaiaeIconHref} onClick={this.dubaiAEClick} id={this.dubaiaeIconId}>\r\n <img class=\"dubaiae-text-icon\" src={this.colorTheme == 'light' ? this.dubaiaeIconSrc : this.dubaiaeIconSrcDark} alt={`${this.dubaiaeIconAlt} icon desktop`} />\r\n <img class=\"dubaiae-small-icon\" src={this.dubaiaeIconSmallSrc} alt={`${this.dubaiaeIconAlt} icon mobile`} />\r\n <span class=\"visually-hidden\">{this.dubaiaeIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.aiIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.aiIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.aiIconHref} onClick={this.aiIconClick} id={this.aiIconId}>\r\n <img src={this.colorTheme == 'light' ? this.aiIconSrc : this.aiIconSrcDark} alt={this.aiIconAlt} />\r\n <span class=\"visually-hidden\">{this.aiIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n\r\n {this.chatIconSrc && (\r\n <li class=\"foot-icon-btn\">\r\n <dda-tooltip title_text={this.chatIconTooltip} description=\"\" position=\"top\">\r\n <a href={this.chatIconHref} onClick={this.chatIconClick} id={this.chatIconId}>\r\n <img src={this.colorTheme == 'light' ? this.chatIconSrc : this.chatIconSrcDark} alt={this.chatIconAlt} />\r\n <span class=\"visually-hidden\">{this.chatIconTooltip}</span>\r\n </a>\r\n </dda-tooltip>\r\n </li>\r\n )}\r\n </ul>\r\n <button type=\"button\" class=\"show-right-icon\" onClick={this.toggleFooterIcons}>\r\n <i class={this.moreIconFamily}>{this.moreIcon}</i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-f6588843.js';
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-f6588843.js';
|
|
2
2
|
|
|
3
3
|
const ddaBreadcrumbCss = ".dda-breadcrumb{display:inline-flex;align-items:center;list-style:none;padding:0;margin:0}.dda-breadcrumb-item{display:flex;align-items:center}.dda-breadcrumb,.dda-breadcrumb-item{gap:10px}.dda-breadcrumb-item a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:var(--font-caption);gap:4px}.dda-breadcrumb-item a span{color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500)}.light-mode .dda-breadcrumb-item a span{color:var(--dda-neutral-0)}.dda-breadcrumb-item i,.dda-breadcrumb-item svg{color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item i,.light-mode .dda-breadcrumb-item svg{color:var(--dda-neutral-variant-30)}:root[dir='rtl'] .dda-breadcrumb-item>i{transform:rotate(180deg)}.dda-breadcrumb-item .separator{margin:0 8px;color:var(--dda-on-surface-variant-30)}.light-mode .dda-breadcrumb-item .separator{color:var(--dda-neutral-variant-30)}.dda-breadcrumb-item.active a span{color:var(--dda-on-surface-variant-30);font-weight:var(--dda-fw-400)}.light-mode .dda-breadcrumb-item.active a span{color:var(--dda-neutral-variant-30)}";
|
|
4
4
|
const DdaBreadcrumbStyle0 = ddaBreadcrumbCss;
|
|
@@ -7,11 +7,13 @@ const DdaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DdaBreadcrumb ext
|
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
10
|
+
this.navigatorClick = createEvent(this, "navigatorClick", 7);
|
|
10
11
|
this.design = 'text'; // Default to text design
|
|
11
12
|
this.separator = 'chevron_right'; // Default to chevron separator
|
|
12
13
|
this.aria_label = '';
|
|
13
14
|
this.custom_class = '';
|
|
14
|
-
this.dataBreadcrumbs =
|
|
15
|
+
this.dataBreadcrumbs = '';
|
|
16
|
+
this.useNavigator = 'false';
|
|
15
17
|
this.breadcrumbs = [];
|
|
16
18
|
}
|
|
17
19
|
componentWillLoad() {
|
|
@@ -21,7 +23,11 @@ const DdaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DdaBreadcrumb ext
|
|
|
21
23
|
}
|
|
22
24
|
}
|
|
23
25
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '4cf53dd9f6d34c360a7915785b197aa2b16fb300' }, h("div", { key: 'fe8d24e4289a9957f94cd482a0516015a0a6dd5d', class: this.component_mode }, h("nav", { key: '0fa89857a63016fb9dc700aec9d1de84e90c157d', "aria-label": this.aria_label, class: `${this.custom_class}` }, h("ol", { key: 'adc2b223eb03a4f270406360ec402028b482d99e', class: "dda-breadcrumb" }, this.breadcrumbs &&
|
|
27
|
+
this.breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", {
|
|
28
|
+
// href={crumb.url}
|
|
29
|
+
href: this.useNavigator == "true" ? 'javascript:void(0)' : crumb.url, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(crumb.url) : ""
|
|
30
|
+
}, 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))))))))));
|
|
25
31
|
}
|
|
26
32
|
get el() { return this; }
|
|
27
33
|
static get style() { return DdaBreadcrumbStyle0; }
|
|
@@ -31,7 +37,8 @@ const DdaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class DdaBreadcrumb ext
|
|
|
31
37
|
"aria_label": [1],
|
|
32
38
|
"custom_class": [1],
|
|
33
39
|
"component_mode": [1],
|
|
34
|
-
"dataBreadcrumbs": [1, "data-breadcrumbs"]
|
|
40
|
+
"dataBreadcrumbs": [1, "data-breadcrumbs"],
|
|
41
|
+
"useNavigator": [1, "use-navigator"]
|
|
35
42
|
}]);
|
|
36
43
|
function defineCustomElement$1() {
|
|
37
44
|
if (typeof customElements === "undefined") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dda-breadcrumb.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,skCAAskC,CAAC;AAChmC,4BAAe,gBAAgB;;MCMlBA,eAAa;IAL1B
|
|
1
|
+
{"file":"dda-breadcrumb.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,skCAAskC,CAAC;AAChmC,4BAAe,gBAAgB;;MCMlBA,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;QAI7B,iBAAY,GAAqB,OAAO,CAAC;QAEjD,gBAAW,GAAkD,EAAE,CAAC;KA2CjE;IAzCC,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;YACf,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChC,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,IACvF;;gBAEE,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,MAAM,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,EACpE,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,IAAI,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;eAEpF,IAAI,CAAC,MAAM,KAAK,MAAM,KACrB,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAC3C,KAAK,CAAC,IAAI,CACT,CACL,EACA,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,IACrE,IAAI,CAAC,SAAS,CACb,CACL,CACE,CACN,CAAC,CACD,CACD,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaBreadcrumb"],"sources":["src/components/dda-breadcrumb/dda-breadcrumb.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 { Component, Prop, h, Host, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-breadcrumb',\r\n styleUrls: ['dda-breadcrumb.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 @Event() navigatorClick?: EventEmitter<string>;\r\n @Prop() useNavigator: 'true' | 'false' = 'false';\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 &&\r\n this.breadcrumbs.map((crumb, index) => (\r\n <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n <a\r\n // href={crumb.url}\r\n href={this.useNavigator == \"true\" ? 'javascript:void(0)' : crumb.url}\r\n onClick={() => this.useNavigator == \"true\" ? this.navigatorClick.emit(crumb.url) : \"\"} \r\n >\r\n {this.design !== 'text' && (\r\n <i class={`material-icons`} aria-hidden=\"true\">\r\n {crumb.icon}\r\n </i>\r\n )}\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\">\r\n {this.separator}\r\n </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}
|