@dubai-design-system/components-js 3.12.3 → 3.12.4
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-header-menu_3.cjs.entry.js +6 -2
- package/dist/cjs/dda-header-menu_3.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-header.cjs.entry.js +15 -6
- package/dist/cjs/dda-header.cjs.entry.js.map +1 -1
- package/dist/collection/assets/img/Team-Section-Card-1.svg +9 -9
- package/dist/collection/assets/img/icn/icn-Config.svg +9 -9
- package/dist/collection/assets/img/icn/icn-card-facebook.svg +11 -11
- package/dist/collection/assets/img/icn/icn-card-linkdin.svg +4 -4
- package/dist/collection/assets/img/icn/icn-card-telegram.svg +11 -11
- package/dist/collection/assets/img/icn/icn-card-twitter-x.svg +10 -10
- package/dist/collection/components/dda-header/dda-header-main.css +1 -0
- package/dist/collection/components/dda-header/dda-header.js +14 -5
- package/dist/collection/components/dda-header/dda-header.js.map +1 -1
- package/dist/collection/components/dda-header/dda-header.stories.js +3 -3
- package/dist/collection/components/dda-header/dda-header.stories.js.map +1 -1
- package/dist/collection/components/dda-header-menu/dda-header-menu.js +7 -3
- package/dist/collection/components/dda-header-menu/dda-header-menu.js.map +1 -1
- package/dist/collection/components/dda-header-menu/dda-header-menu.stories.js +1 -1
- package/dist/collection/components/dda-header-menu/dda-header-menu.stories.js.map +1 -1
- package/dist/collection/components/dda-slider/dda-slider.js +1 -1
- package/dist/components/dda-header-menu.js +1 -1
- package/dist/components/dda-header.js +16 -7
- package/dist/components/dda-header.js.map +1 -1
- package/dist/components/{p-f0f752d2.js → p-857c1ac9.js} +7 -3
- package/dist/components/p-857c1ac9.js.map +1 -0
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/p-1fa27da3.entry.js +2 -0
- package/dist/dda/p-1fa27da3.entry.js.map +1 -0
- package/dist/dda/p-cd518bfb.entry.js +2 -0
- package/dist/dda/p-cd518bfb.entry.js.map +1 -0
- package/dist/esm/dda-header-menu_3.entry.js +6 -2
- package/dist/esm/dda-header-menu_3.entry.js.map +1 -1
- package/dist/esm/dda-header.entry.js +15 -6
- package/dist/esm/dda-header.entry.js.map +1 -1
- package/dist/types/components.d.ts +16 -16
- package/package.json +2 -2
- package/readme.md +5 -0
- package/www/build/dda.esm.js +1 -1
- package/www/build/p-1fa27da3.entry.js +2 -0
- package/www/build/p-1fa27da3.entry.js.map +1 -0
- package/www/build/p-cd518bfb.entry.js +2 -0
- package/www/build/p-cd518bfb.entry.js.map +1 -0
- package/dist/components/p-f0f752d2.js.map +0 -1
- package/dist/dda/p-a9da1c36.entry.js +0 -2
- package/dist/dda/p-a9da1c36.entry.js.map +0 -1
- package/dist/dda/p-ce9b7aeb.entry.js +0 -2
- package/dist/dda/p-ce9b7aeb.entry.js.map +0 -1
- package/www/build/p-a9da1c36.entry.js +0 -2
- package/www/build/p-a9da1c36.entry.js.map +0 -1
- package/www/build/p-ce9b7aeb.entry.js +0 -2
- package/www/build/p-ce9b7aeb.entry.js.map +0 -1
|
@@ -88,14 +88,18 @@ export class DdaHeaderMenu {
|
|
|
88
88
|
href: this.useNavigator == "true" ? 'javascript:void(0)' : item.url, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(item.url) : "" }, this.showQuickLinksIcon ? (h("span", { class: "dda-mega-menu-icon", "aria-hidden": "true" }, h("i", { class: "material-icons material-symbols-outlined" }, item.quickLinksIcon ? item.quickLinksIcon : "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))))))))))))))));
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
|
-
return (h(Host, { key: '
|
|
91
|
+
return (h(Host, { key: '7e41be72169fa2897048141d19c1e2bf103ed9c6' }, h("nav", { key: '4c2d25193433e9aea37e8ec8f1417198a56e1d39', "aria-label": "Main navigation", class: "dda-header-menu" }, h("ul", { key: 'c806f126eb949d8d64171a99f014777d9bf3478e', class: "dda-mega-menu" }, this.parsedMenuItems.map((item, index) => {
|
|
92
92
|
const isOpen = this.openIndex === index;
|
|
93
93
|
const hasSubmenu = item.children && item.children.length > 0;
|
|
94
94
|
const submenuId = `submenu-${index}`;
|
|
95
95
|
const type = item.type;
|
|
96
96
|
return (h("li", { key: `top-${index}` }, h("a", {
|
|
97
97
|
// href={item.url}
|
|
98
|
-
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,
|
|
98
|
+
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,
|
|
99
|
+
// class={isOpen ? 'active' : ''}
|
|
100
|
+
class: {
|
|
101
|
+
'active': item.active === 'true' || isOpen, // from props OR open state
|
|
102
|
+
}, onClick: e => this.handleToggle(index, hasSubmenu, e, item)
|
|
99
103
|
}, item.headerMenuLabel), hasSubmenu && type === 'dda_default_submenu' &&
|
|
100
104
|
this.renderDefaultSubmenu(item.children, isOpen, submenuId, item.headerMenuLabel), hasSubmenu && type === 'dda_main_megamenu' &&
|
|
101
105
|
this.renderMegaMenu(item.children, isOpen, submenuId, item.headerMenuLabel)));
|
|
@@ -157,7 +161,7 @@ export class DdaHeaderMenu {
|
|
|
157
161
|
"type": "string",
|
|
158
162
|
"mutable": false,
|
|
159
163
|
"complexType": {
|
|
160
|
-
"original": "string | Array<{\r\n
|
|
164
|
+
"original": "string | Array<{\r\n headerMenuLabel: string;\r\n headerMenuId: string;\r\n description: string;\r\n url: string;\r\n quickLinksIcon: string;\r\n type?: 'dda_default_submenu' | 'dda_main_megamenu';\r\n children?: any;\r\n }>",
|
|
161
165
|
"resolved": "string | { headerMenuLabel: string; headerMenuId: string; description: string; url: string; quickLinksIcon: string; type?: \"dda_default_submenu\" | \"dda_main_megamenu\"; children?: any; }[]",
|
|
162
166
|
"references": {
|
|
163
167
|
"Array": {
|
|
@@ -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, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-header-menu',\r\n styleUrls: ['dda-header-menu.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() showQuickLinksIcon: boolean;\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 quickLinksIcon: string;\r\n type?: 'dda_default_submenu' | 'dda_main_megamenu';\r\n children?: any;\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 && <h6 aria-label={`${col.title} section`} class=\"megamemu-sub-title\">{col.title}</h6>}\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 {this.showQuickLinksIcon ? (\r\n <span class=\"dda-mega-menu-icon\" aria-hidden=\"true\">\r\n <i class=\"material-icons material-symbols-outlined\">\r\n {item.quickLinksIcon ? item.quickLinksIcon : \"sentiment_satisfied\"}\r\n </i>\r\n </span>\r\n ) : \"\"}\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"]}
|
|
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'],\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\r\n @Prop() showQuickLinksIcon: boolean;\r\n\r\n @Prop() useNavigator: 'true' | 'false' = 'false';\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 quickLinksIcon: string;\r\n type?: 'dda_default_submenu' | 'dda_main_megamenu';\r\n children?: any;\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 && <h6 aria-label={`${col.title} section`} class=\"megamemu-sub-title\">{col.title}</h6>}\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 {this.showQuickLinksIcon ? (\r\n <span class=\"dda-mega-menu-icon\" aria-hidden=\"true\">\r\n <i class=\"material-icons material-symbols-outlined\">\r\n {item.quickLinksIcon ? item.quickLinksIcon : \"sentiment_satisfied\"}\r\n </i>\r\n </span>\r\n ) : \"\"}\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 class={{\r\n 'active': item.active === 'true' || isOpen, // from props OR open state\r\n }}\r\n\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"]}
|
|
@@ -49,7 +49,7 @@ const Template = args => `
|
|
|
49
49
|
export const Default = Template.bind({});
|
|
50
50
|
Default.args = {
|
|
51
51
|
quickLinks: [
|
|
52
|
-
{ headerMenuLabel: 'Home', url: '#' },
|
|
52
|
+
{ headerMenuLabel: 'Home', active: 'true', url: '#' },
|
|
53
53
|
// default dropdown menu
|
|
54
54
|
{
|
|
55
55
|
headerMenuLabel: 'About Us',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-header-menu.stories.js","sourceRoot":"","sources":["../../../src/components/dda-header-menu/dda-header-menu.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,8DAA8D;SAC5E;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;SA0BV;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC;;mBAEN,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;;CAEjD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE;QACV,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"dda-header-menu.stories.js","sourceRoot":"","sources":["../../../src/components/dda-header-menu/dda-header-menu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n title: 'Components/DDA Header Menu/ DDA Header Menu',\r\n component: 'dda-header-menu',\r\n argTypes: {\r\n quickLinks: {\r\n control: 'object',\r\n description: 'Array of quick links with optional submenu type and children',\r\n },\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n component: `\r\nEach menu item can define its own submenu type:\r\n\r\n- \\`type: 'dda_default_submenu'\\` — basic list\r\n- \\`type: 'dda_main_megamenu'\\` — 4-column mega menu\r\n\r\n\\`\\`\\`ts\r\n{\r\n headerMenuLabel: 'About Us',\r\n url: '#',\r\n type: 'dda_default_submenu',\r\n children: [ { headerMenuLabel: 'Submenu 1', url: '#' }, ... ]\r\n}\r\n\\`\\`\\`\r\n\r\n\\`\\`\\`ts\r\n{\r\n headerMenuLabel: 'Services',\r\n url: '#',\r\n type: 'dda_main_megamenu',\r\n children: [\r\n { title: 'Column 1', items: [{ headerMenuLabel: 'Submenu 1', url: '#' }] },\r\n ...\r\n ]\r\n}\r\n\\`\\`\\`\r\n `,\r\n },\r\n },\r\n },\r\n};\r\n\r\nconst Template = args => `\r\n <dda-header-menu\r\n quick-links='${JSON.stringify(args.quickLinks)}'\r\n ></dda-header-menu>\r\n`;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n quickLinks: [\r\n { headerMenuLabel: 'Home', active: 'true', url: '#' },\r\n\r\n // default dropdown menu\r\n {\r\n headerMenuLabel: 'About Us',\r\n url: 'javascript:void(0)',\r\n type: 'dda_default_submenu',\r\n children: [\r\n {\r\n headerMenuLabel: 'Submenu 1',\r\n url: '#',\r\n headerMenuId: 'customeID',\r\n defaultSubMenuTitle: 'Submenu 1 Title',\r\n children: [\r\n { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n ],\r\n },\r\n {\r\n headerMenuLabel: 'Submenu 2',\r\n url: '#',\r\n headerMenuId: 'customeID',\r\n defaultSubMenuTitle: 'Submenu 2 Title',\r\n children: [\r\n { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n ],\r\n },\r\n {\r\n headerMenuLabel: 'Submenu 3',\r\n url: '#',\r\n headerMenuId: 'customeID',\r\n },\r\n ],\r\n },\r\n\r\n // mega menu\r\n {\r\n headerMenuLabel: 'Services',\r\n url: 'javascript:void(0)',\r\n type: 'dda_main_megamenu',\r\n children: [\r\n {\r\n title: 'QUICK LINKS 1',\r\n items: [\r\n {\r\n headerMenuLabel: 'Service 1',\r\n url: '#',\r\n description: 'Service Description',\r\n },\r\n { headerMenuLabel: 'Service 2', url: '#' },\r\n { headerMenuLabel: 'Service 3', url: '#' },\r\n ],\r\n },\r\n {\r\n title: 'QUICK LINKS 2',\r\n items: [\r\n { headerMenuLabel: 'Service 1', url: '#' },\r\n { headerMenuLabel: 'Service 2', url: '#' },\r\n { headerMenuLabel: 'Service 3', url: '#' },\r\n ],\r\n },\r\n {\r\n title: 'QUICK LINKS 3',\r\n items: [{ headerMenuLabel: 'Service 3', url: '#' }],\r\n },\r\n {\r\n title: 'QUICK LINKS 4',\r\n items: [{ headerMenuLabel: 'Service 4', url: '#' }],\r\n },\r\n ],\r\n },\r\n\r\n { headerMenuLabel: 'Contact', url: '#' },\r\n ],\r\n};\r\n"]}
|
|
@@ -258,7 +258,7 @@ export class DDASlider {
|
|
|
258
258
|
"references": {
|
|
259
259
|
"SlideData": {
|
|
260
260
|
"location": "local",
|
|
261
|
-
"path": "C:/
|
|
261
|
+
"path": "C:/MyWorks/DATACELL/DDA-2024/DDA Design System Components/packages/stencil/src/components/dda-slider/dda-slider.tsx",
|
|
262
262
|
"id": "src/components/dda-slider/dda-slider.tsx::SlideData"
|
|
263
263
|
}
|
|
264
264
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h } from './p-f6588843.js';
|
|
2
2
|
import { d as defineCustomElement$7 } from './p-a7f02338.js';
|
|
3
|
-
import { d as defineCustomElement$6 } from './p-
|
|
3
|
+
import { d as defineCustomElement$6 } from './p-857c1ac9.js';
|
|
4
4
|
import { d as defineCustomElement$5 } from './p-0bbf1225.js';
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-42b74b87.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-c30d0ada.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-e5df7bea.js';
|
|
8
8
|
|
|
9
|
-
const ddaHeaderMainCss = ".dda-header{width:100%;height:auto;background:var(--dda-surface-100);box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:999}body.transparent .dda-header{background:transparent;box-shadow:none}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}body.transparent .dda-header.white{box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13)}body.transparent .dda-header::before{content:\"\";width:100%;height:250px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;direction:ltr !important}.govt-logo img{height:72px}.entt-logo img{height:54px}body.transparent .logo-colored{display:none}.logo-white{display:none}body.transparent .logo-white{display:block}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme='dark'] .dda-head-logo .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme='dark'] .dda-head-logo .logo-colored{display:none}:root[data-theme='dark'] .dda-header.white .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:22px}.hamburger-menu-btn{width:27px;height:22px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:\"\"}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:\"\";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:3px}.hamburger-menu-btn::before{top:4px}.hamburger-menu-btn::after{bottom:4px}.hamburger-line{top:10px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}body.transparent .hamburger-menu-btn::before,body.transparent .hamburger-menu-btn::after,body.transparent .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:10px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);bottom:10px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999}.dda-header-megamenu{width:100%;padding:0 15px;position:fixed;top:175px;left:0}.dda-header-submenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.dda-header-submenu-item .dda-header-submenu-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.dda-header-submenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:var(--font-body);color:var(--dda-on-surface-10);font-weight:var(--font-weight-regular);border:0px;padding:11px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.dda-toolbar-menu ul li .tool-btn:focus-visible,.dda-toolbar-menu-sidemenu ul li .tool-btn:focus-visible{outline:solid 1px var(--dda-on-primary-variant-40) !important;outline-offset:-1px}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.da-header-search{display:none}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:20px;color:var(--dda-on-surface-variant-30)}@media only screen and (min-width: 768px){body.transparent .dda-toolbar-menu ul li .tool-btn,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:rgb(41 42 45 / 14%);color:var(--dda-neutral-100)}body.transparent .dda-toolbar-menu ul li .tool-btn i,body.transparent .dda-toolbar-menu ul li .tool-btn svg,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}}.dda-search{position:relative}.dda-search i,.dda-search svg{font-size:21px;color:var(--dda-on-surface-variant-30);position:absolute;top:9px;inset-inline-start:10px;z-index:1}.dda-header-search-input{padding:0px !important}.dda-search input[type=\"text\"]{width:110px;height:40px;background-color:transparent;border:0px;font-family:var(--font-family-main);font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:40px !important;padding-inline-end:10px;}.dda-search input[type=\"text\"]:focus{width:250px;}.dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type=\"text\"]::placeholder{color:var(--dda-on-surface-0)}body.transparent .dda-header .dda-search input[type=\"text\"]{color:var(--dda-surface-100)}body.transparent .dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search input[type=\"text\"]::placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search i{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px !important;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:\"\";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);}ul.main_side_menu li a i{display:block}:root[dir='rtl'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir='rtl'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;margin-top:-50px;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:380px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:var(--font-h6);color:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;}.mobile-accessibility{padding-top:35px;position:absolute;top:0px;z-index:10;height:100%}.mobile-accessibility-content{display:block;padding:0 14px;height:100%;overflow-y:auto}.mobile-accessibility-content::-webkit-scrollbar{width:6px}.mobile-accessibility-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.mobile-accessibility-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.mobile-accessibility-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px;border:0px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-login-popup.desktop,.dda-login-popup.mobile{display:none}.dda-login-popup{background-color:var(--dda-surface-100);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n 0 4px 6px -4px rgba(0, 0, 0, 0.1);border:1px solid var(--dda-surface-variant-90);border-radius:0.5rem;padding:0.75rem;z-index:50;height:fit-content;min-width:110px}.dda-login-popup.desktop{position:fixed;top:170px;bottom:auto;inset-inline-end:5.5rem}.dda-login-popup.mobile{position:fixed;bottom:2.5rem;inset-inline-end:6rem}.dda-login-popup ul>:not(:last-child){border-bottom:1px solid var(--dda-surface-variant-90)}.dda-login-popup a{text-align:start;padding-inline:0.5rem;padding-block:0.25rem;display:inline-block;text-decoration:none;width:100%;color:var(--dda-surface-0);border-radius:4px}.dda-login-popup a:hover{background-color:var(--dda-on-primary-98);color:var(--dda-on-primary-variant-40)}@media (min-width: 640px){.dda-login-popup{inset-inline-end:8rem}}@media (max-width: 768px){.dda-login-popup.desktop{display:none !important}}@media (min-width: 767px){.dda-login-popup.mobile{display:none !important}}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search a,.dda-mobile-search button{width:30px;padding:0;background:transparent;border:transparent}.dda-mobile-search a i,.dda-mobile-search a svg,.dda-mobile-search button i,.dda-mobile-search button svg{font-size:23px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search a svg,.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}body.transparent .dda-mobile-search a i,body.transparent .dda-mobile-search a svg,body.transparent .dda-mobile-search button i,body.transparent .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){body.transparent .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{width:100vw;height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li a{padding-left:10px;padding-right:10px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;box-shadow:none;border-radius:0px}ul.main_side_menu li a.showSub::after{transform:rotate(45deg);inset-inline-end:13px}ul.main_side_menu li a.icon_arrow::after{transform:rotate(-135deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(45deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub.icon_arrow::after{transform:rotate(-135deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0;padding-inline-start:10px}.maincontent{padding-top:100px}ul.main_side_menu a.showSub.icon_arrow{background-color:var(--dda-on-primary-94)}ul.main_side_menu .main_sub_menu.showSubMenu{background-color:var(--dda-on-primary-98)}ul.main_side_menu li a:hover{padding-bottom:13px}}@media (max-width: 1024px){.dda-header{padding:10px 0}.dda-head-logo,.dda-menu-container{width:100vw}}@media (prefers-reduced-motion: no-preference){.dda-search input[type=\"text\"]{transition:all 250ms ease}.dda-header{transition:all 300ms ease-in-out}.dda-sidemenu{transition:left 0.5s ease}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{transition:all 250ms ease}.dda-accessibility{transition:left 0.5s ease}}";
|
|
9
|
+
const ddaHeaderMainCss = ".dda-header{width:100%;height:auto;background:var(--dda-surface-100);box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:999}body.transparent .dda-header{background:transparent;box-shadow:none}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}body.transparent .dda-header.white{box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13)}body.transparent .dda-header::before{content:\"\";width:100%;height:250px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;direction:ltr !important}.govt-logo img{height:72px}.entt-logo img{height:54px}body.transparent .logo-colored{display:none}.logo-white{display:none}body.transparent .logo-white{display:block}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme='dark'] .dda-head-logo .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme='dark'] .dda-head-logo .logo-colored{display:none}:root[data-theme='dark'] .dda-header.white .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:22px}.hamburger-menu-btn{width:27px;height:22px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:\"\"}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:\"\";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:3px}.hamburger-menu-btn::before{top:4px}.hamburger-menu-btn::after{bottom:4px}.hamburger-line{top:10px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}body.transparent .hamburger-menu-btn::before,body.transparent .hamburger-menu-btn::after,body.transparent .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:10px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);bottom:10px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999}.dda-header-megamenu{width:100%;padding:0 15px;position:fixed;top:175px;left:0}.dda-header-submenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.dda-header-submenu-item .dda-header-submenu-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.dda-header-submenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:var(--font-body);color:var(--dda-on-surface-10);font-weight:var(--font-weight-regular);border:0px;padding:11px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.dda-toolbar-menu ul li .tool-btn:focus-visible,.dda-toolbar-menu-sidemenu ul li .tool-btn:focus-visible{outline:solid 1px var(--dda-on-primary-variant-40) !important;outline-offset:-1px}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.da-header-search{display:none}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:20px;color:var(--dda-on-surface-variant-30)}@media only screen and (min-width: 768px){body.transparent .dda-toolbar-menu ul li .tool-btn,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:rgb(41 42 45 / 14%);color:var(--dda-neutral-100)}body.transparent .dda-toolbar-menu ul li .tool-btn i,body.transparent .dda-toolbar-menu ul li .tool-btn svg,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}}.dda-search{position:relative}.dda-search i,.dda-search svg{font-size:21px;color:var(--dda-on-surface-variant-30);position:absolute;top:9px;inset-inline-start:10px;z-index:1}.dda-header-search-input{padding:0px !important}.dda-search input[type=\"text\"]{width:110px;height:40px;background-color:transparent;border:0px;font-family:var(--font-family-main);font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:40px !important;padding-inline-end:10px;}.dda-search input[type=\"text\"]:focus{width:250px;}.dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type=\"text\"]::placeholder{color:var(--dda-on-surface-0)}body.transparent .dda-header .dda-search input[type=\"text\"]{color:var(--dda-surface-100)}body.transparent .dda-search input[type=\"text\"]::-ms-input-placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search input[type=\"text\"]::placeholder{color:var(--dda-neutral-100)}body.transparent .dda-search i{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px !important;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--font-body);font-weight:var(--font-weight-regular);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:\"\";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);}ul.main_side_menu li a i{display:block}:root[dir='rtl'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir='rtl'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.active,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;margin-top:-50px;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:380px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:var(--font-h6);color:var(--font-h6);font-weight:var(--font-weight-regular);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;}.mobile-accessibility{padding-top:35px;position:absolute;top:0px;z-index:10;height:100%}.mobile-accessibility-content{display:block;padding:0 14px;height:100%;overflow-y:auto}.mobile-accessibility-content::-webkit-scrollbar{width:6px}.mobile-accessibility-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.mobile-accessibility-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.mobile-accessibility-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px;border:0px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-login-popup.desktop,.dda-login-popup.mobile{display:none}.dda-login-popup{background-color:var(--dda-surface-100);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n 0 4px 6px -4px rgba(0, 0, 0, 0.1);border:1px solid var(--dda-surface-variant-90);border-radius:0.5rem;padding:0.75rem;z-index:50;height:fit-content;min-width:110px}.dda-login-popup.desktop{position:fixed;top:170px;bottom:auto;inset-inline-end:5.5rem}.dda-login-popup.mobile{position:fixed;bottom:2.5rem;inset-inline-end:6rem}.dda-login-popup ul>:not(:last-child){border-bottom:1px solid var(--dda-surface-variant-90)}.dda-login-popup a{text-align:start;padding-inline:0.5rem;padding-block:0.25rem;display:inline-block;text-decoration:none;width:100%;color:var(--dda-surface-0);border-radius:4px}.dda-login-popup a:hover{background-color:var(--dda-on-primary-98);color:var(--dda-on-primary-variant-40)}@media (min-width: 640px){.dda-login-popup{inset-inline-end:8rem}}@media (max-width: 768px){.dda-login-popup.desktop{display:none !important}}@media (min-width: 767px){.dda-login-popup.mobile{display:none !important}}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search a,.dda-mobile-search button{width:30px;padding:0;background:transparent;border:transparent}.dda-mobile-search a i,.dda-mobile-search a svg,.dda-mobile-search button i,.dda-mobile-search button svg{font-size:23px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search a svg,.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}body.transparent .dda-mobile-search a i,body.transparent .dda-mobile-search a svg,body.transparent .dda-mobile-search button i,body.transparent .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){body.transparent .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{width:100vw;height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li a{padding-left:10px;padding-right:10px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;box-shadow:none;border-radius:0px}ul.main_side_menu li a.showSub::after{transform:rotate(45deg);inset-inline-end:13px}ul.main_side_menu li a.icon_arrow::after{transform:rotate(-135deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(45deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub.icon_arrow::after{transform:rotate(-135deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0;padding-inline-start:10px}.maincontent{padding-top:100px}ul.main_side_menu a.showSub.icon_arrow{background-color:var(--dda-on-primary-94)}ul.main_side_menu .main_sub_menu.showSubMenu{background-color:var(--dda-on-primary-98)}ul.main_side_menu li a:hover{padding-bottom:13px}}@media (max-width: 1024px){.dda-header{padding:10px 0}.dda-head-logo,.dda-menu-container{width:100vw}}@media (prefers-reduced-motion: no-preference){.dda-search input[type=\"text\"]{transition:all 250ms ease}.dda-header{transition:all 300ms ease-in-out}.dda-sidemenu{transition:left 0.5s ease}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{transition:all 250ms ease}.dda-accessibility{transition:left 0.5s ease}}";
|
|
10
10
|
const DdaHeaderStyle0 = ddaHeaderMainCss;
|
|
11
11
|
|
|
12
12
|
const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
@@ -330,11 +330,18 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
330
330
|
}
|
|
331
331
|
render() {
|
|
332
332
|
const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
|
|
333
|
-
return (h("header", { key: '
|
|
333
|
+
return (h("header", { key: '320bb6c50e7b88b6b4cb21ecfef032d191b1ceaf', class: 'dda-header' }, h("div", { key: 'b9dc390cf2f78361c907587076afa6a280b965c4', class: "dda-head-logo" }, h("a", { key: 'cec2479d2cfa6ca99d23db53bc98a466b1d2f9b4', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo" }, h("img", { key: '7f54c29ceee32fd999579f348af0c65c435da84d', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: '76edcbdb5ea1f87d34b6542c57245722aa5ca3ff', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: 'c7b14f22807d07889ee5f5a535dc53c4ad6bc39c', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: 'f0a94fe0c472e9b07e80d8b798279de859dfa849', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: 'd0fe3ae7fae1b52fe722d4b4918c66f878ca9d47', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: '1f99a3635cdd4b5a0e237636c8d9c1de7866575b', class: "dda-menu-container" }, h("div", { key: '61b2f9fa7fa7b785c7b704ecefe3fc25810330b0', class: "dda-main-navigation" }, h("div", { key: 'a806db8b53d7656cc3443149f472695fcf4d4dd2', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '13ef90fd6e160587806b8c71f52bae47b9d4ced3', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: 'bd5df176d359039da5a796de55cf31d35debf56b', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: 'c6b26754e52e8b96cf848c05d19b3ad8dfe6f9cf', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '823258e0d23f138541f5efd7770f299dcded3e96', class: "hamburger-line" }), h("span", { key: '10b6deed2384e7140a4d745da369f1f1fbca1f23', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: '96fa55ffff63de37635cd0cfc739b4d882326206', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '65f7729f0b2d7a826bdd68befb12e7b343dfb99f', class: "dda-sidemenu-content" }, h("h6", { key: '5f95515ab2d4c2da0902b0f567e14cef37c24d9f', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '06fa6cfc285874ca162518a9d2d82a7d70be9858', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
|
|
334
334
|
const currentIndex = `menu-${index}`;
|
|
335
335
|
return (h("li", { key: currentIndex, id: `header_${menu.label}` }, h("a", {
|
|
336
336
|
// href={menu.href}
|
|
337
|
-
href: this.useNavigator == 'true' ? 'javascript:void(0)' : menu.href,
|
|
337
|
+
href: this.useNavigator == 'true' ? 'javascript:void(0)' : menu.href,
|
|
338
|
+
// class={menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : ''}
|
|
339
|
+
class: [
|
|
340
|
+
menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '',
|
|
341
|
+
menu.active === 'true' ? 'active' : ''
|
|
342
|
+
]
|
|
343
|
+
.filter(Boolean)
|
|
344
|
+
.join(' '), onClick: e => {
|
|
338
345
|
if (menu.subMenu && menu.subMenu.length > 0) {
|
|
339
346
|
e.preventDefault();
|
|
340
347
|
const current = e.currentTarget;
|
|
@@ -359,15 +366,17 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
359
366
|
}
|
|
360
367
|
}
|
|
361
368
|
}, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
|
|
362
|
-
})), this.hideOtherMenu == false && h("h6", { key: '
|
|
369
|
+
})), this.hideOtherMenu == false && h("h6", { key: '741a87ec2773bfd4599d9dbdf8b7bbfc66644f80', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: 'ad3037fc41ad60202e38f38d08b113368326f698', class: "main_side_menu" }, this.parsedOtherMenuItems.map((itemlist, index) => (h("li", { key: `other-${index}` }, h("a", { href: this.useNavigator == 'true' ? 'javascript:void(0)' : itemlist.href, class: {
|
|
370
|
+
active: itemlist['active'] === 'true',
|
|
371
|
+
}, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(itemlist.href) : '') }, itemlist.label))))))), h("div", { key: 'b4a6bad345a6c30469714a12c1ac0e08a36d0232', class: "dda-sidemenu-bottom" }, h("div", { key: '89d304f277b2fdb2477d9a57080c094ae9d92265', class: "dda-sidemenu-gov-logo" }, h("a", { key: '827000661949876ee2ef140665243ee3e5cd3571', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo dda-mb-2" }, h("img", { key: '420d364a247b50cbeb590338bde2203e54797ee4', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'c791779a7b204b807c9ed497717a3e91c1835439', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '91cb1fd161897559a85eb632d2d77c7d5ca49c7d' }, this.accessibility_button_id && (h("li", { key: '927a4045d6ee032c3b95d0c7a19e300cadf0c6b9' }, h("button", { key: '4af8d8eed00a40ed281b8efc81281ea62baaa3f6', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '0bd5daf86009b0a6f895b1a56974e5c36a50ec7e', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'd702a07e54f3ba8800880b5883a457a39ab081f6', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: '93f6a4161a7a960ee94144bb5474f5f76d4b28d0' }, h("button", { key: '3cd59d02e08967a810b4cc9b20a76ec1b4ead1ba', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '2d93126df5228944ce934ab3b06e396cb4699b69' }, h("dda-link-button", { key: '19c32bb297878743d379bfebb2972d3888e854bc', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
|
|
363
372
|
// href={this.loginLink}
|
|
364
|
-
href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '
|
|
373
|
+
href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '1f2df4dc3905ddb948e8bb55abb764238e131298', type: "button", name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: 'ba70e57cb7cffa77ee5dad748611f8e204ca943f', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isMobileAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "mobile-accessibility-content" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalThemeMobile", group_name: "themeselectionMobile", input_id: "NormalThemeMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "hydrated" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlindMobile", group_name: "themeselectionMobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeaknessMobile", group_name: "themeselectionMobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeaknessMobile", group_name: "themeselectionMobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }))))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleMobileAccessibilty }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))) : null), this.quickLinks && (h("dda-header-menu", { key: '8ce70c1329af918f148a721b446749f95726466c', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "show-Quick-Links-Icon": this.showQuickLinksIcon, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: '6ade94ce121e760e02dbc7b3c9f95b9b055d4c62', class: "dda-mobile-entt-logo" }, h("a", { key: 'd6dbcd698634f25bcfe7a5797caa52db31ece40b', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '5247234ab6d0e4ef3e725bb6fb8e681d796da37b', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '2adc2e0fecae54e51a825d83883c728ed6d33d64', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '6188b81b90ee5d93334862fb5657b4b2bb50472b', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: '563bfd7e62ca7249cff9363451afa622d21e7ec7', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.mobileMenuSearchUrl, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.mobileMenuSearchUrl) : ''), class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: '98773ae4ea5cc8b14e526013114f5a2daf329cbd', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'c3ece4911b5d9342544c5a7a815cdf6b0dc7828f', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '9e4a5228941be09ae4c18dfe0507ef213a8ae7ff', class: "dda-toolbar-menu" }, h("ul", { key: 'ae73001a8659b0dcee9c6c3e461bd4503f31ee3e' }, this.search_input_name && (h("li", { key: '301c3ca831b60722f8a37f9fbdf45a6b34bd6af8' }, h("dda-tooltip", { key: 'c7422723142be2307bb5de6c9081fb85037be4fa', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '6ef5d28bb31736f71de9d84948723a30242082bb', class: "dda-search dda-header-search" }, h("label", { key: 'e548283a91365210457a77267c6962f7857bc1c6', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: '1e4df1482d119718cb0f6b14ebadec67e6972ce9', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'dfe13ea20eb058532ba8558c574fcf9b1a470b37', placeholder: this.search_input_placeholder || 'Search', type: "text", input_id: "ddaSearch", value: this.search_value, input_name: this.search_input_name, aria_label: "input", input_role: "search", error_message: "Error text", validation_type: "normal", validation_id: "validationId", input_status: "normal", size: "default", custom_class: "dda-header-search-input tool-btn", component_mode: "",
|
|
365
374
|
// handleInput={(event) => console.log(event.target.value,"")}
|
|
366
375
|
onKeyPress: e => {
|
|
367
376
|
if (e.key === 'Enter') {
|
|
368
377
|
this.searchhandler(e.target.value); // Pass the value to the searchhandler
|
|
369
378
|
}
|
|
370
|
-
} }), h("span", { key: '
|
|
379
|
+
} }), h("span", { key: 'bbd9ba0cb19e35cb55131e501d0ecc8db1d1d78b', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'ba5daef408a4e62e5de995120da79c298e09e261' }, h("dda-tooltip", { key: '2c30e312db252a119a5d10e34290cd8ea59b9236', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: 'df5f622b45c938efc370aa2da396881ff3d19a7e', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", onClick: this.toggleAccessibilty, id: this.accessibility_button_id }, h("i", { key: '900722b19eece12242382e4d6670a6298d102a9c', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'c60cf2232f5856ef39a69f4a22bb23f3f9290574', class: "visually-hidden" }, this.accessibility_button_text))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalTheme", group_name: "themeselection", input_id: "NormalTheme", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlind", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeakness", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeakness", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler })))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))) : null)), this.language_text && (h("li", { key: '966aa43db152dad8c71bff787d184cd9e55021ae' }, h("dda-tooltip", { key: 'f4d03817adc85b557d3139560c23a2baaa5244fd', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: '3cb66d8904d8819263660a3d03d1d7dbec958455', button_color: "onsurface-secondary", custom_class: "tool-btn", button_text: this.language_text, button_shape: "circle", size: "sm", onClick: this.languagehandler })))), this.loginText && (h("li", { key: '0758d5790051c654618e3d959943d2020c13838c' }, h("dda-tooltip", { key: '2ea71290da3ea6530acadd5229f5908a9331971b', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: '0521688ddf1da1f7cf68eab00e91a51b2b79fb3a', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
|
|
371
380
|
// href={this.loginLink}
|
|
372
381
|
href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), this.useLoginPopup ? (h("div", { class: "dda-login-popup desktop", style: { display: this.isDesktopLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null, this.useLoginPopup ? (h("div", { class: "dda-login-popup mobile", style: { display: this.isMobileLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null)));
|
|
373
382
|
}
|