@dubai-design-system/components-js 3.11.1 → 3.11.3
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 +2 -2
- package/dist/cjs/dda-header-menu_3.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-header.cjs.entry.js +22 -10
- package/dist/cjs/dda-header.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-select.cjs.entry.js +1 -1
- package/dist/cjs/dda-select.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-header/dda-header-main.css +1 -1
- package/dist/collection/components/dda-header/dda-header.js +74 -9
- package/dist/collection/components/dda-header/dda-header.js.map +1 -1
- package/dist/collection/components/dda-header-menu/dda-header-menu.js +2 -2
- package/dist/collection/components/dda-header-menu/dda-header-menu.js.map +1 -1
- package/dist/collection/components/dda-select/dda-select.js +1 -1
- package/dist/collection/components/dda-select/dda-select.js.map +1 -1
- package/dist/components/dda-header-menu.js +1 -1
- package/dist/components/dda-header.js +25 -11
- package/dist/components/dda-header.js.map +1 -1
- package/dist/components/dda-select.js +1 -1
- package/dist/components/dda-select.js.map +1 -1
- package/dist/components/{p-256a4938.js → p-c30037a8.js} +3 -3
- package/dist/components/p-c30037a8.js.map +1 -0
- package/dist/dda/dda.css +2 -18
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/dda.esm.js.map +1 -1
- package/dist/dda/p-5a8cfeec.entry.js +2 -0
- package/dist/dda/p-5a8cfeec.entry.js.map +1 -0
- package/{www/build/p-2a57fd0d.entry.js → dist/dda/p-a5199deb.entry.js} +2 -2
- package/dist/dda/p-a5199deb.entry.js.map +1 -0
- package/dist/dda/p-bb94fb97.entry.js +2 -0
- package/dist/dda/p-bb94fb97.entry.js.map +1 -0
- package/dist/esm/dda-header-menu_3.entry.js +2 -2
- package/dist/esm/dda-header-menu_3.entry.js.map +1 -1
- package/dist/esm/dda-header.entry.js +22 -10
- package/dist/esm/dda-header.entry.js.map +1 -1
- package/dist/esm/dda-select.entry.js +1 -1
- package/dist/esm/dda-select.entry.js.map +1 -1
- package/dist/esm/dda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/dda-header/dda-header.d.ts +4 -0
- package/dist/types/components.d.ts +6 -0
- package/package.json +2 -2
- package/readme.md +14 -0
- package/www/build/dda.css +2 -18
- package/www/build/dda.esm.js +1 -1
- package/www/build/dda.esm.js.map +1 -1
- package/www/build/{p-0786b5b7.css → p-44246d95.css} +2 -18
- package/www/build/p-5a8cfeec.entry.js +2 -0
- package/www/build/p-5a8cfeec.entry.js.map +1 -0
- package/{dist/dda/p-2a57fd0d.entry.js → www/build/p-a5199deb.entry.js} +2 -2
- package/www/build/p-a5199deb.entry.js.map +1 -0
- package/www/build/p-bb94fb97.entry.js +2 -0
- package/www/build/p-bb94fb97.entry.js.map +1 -0
- package/dist/components/p-256a4938.js.map +0 -1
- package/dist/dda/p-2a57fd0d.entry.js.map +0 -1
- package/dist/dda/p-a38e72e8.entry.js +0 -2
- package/dist/dda/p-a38e72e8.entry.js.map +0 -1
- package/dist/dda/p-eb27762f.entry.js +0 -2
- package/dist/dda/p-eb27762f.entry.js.map +0 -1
- package/www/build/p-2a57fd0d.entry.js.map +0 -1
- package/www/build/p-a38e72e8.entry.js +0 -2
- package/www/build/p-a38e72e8.entry.js.map +0 -1
- package/www/build/p-eb27762f.entry.js +0 -2
- package/www/build/p-eb27762f.entry.js.map +0 -1
|
@@ -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-c30037a8.js';
|
|
4
4
|
import { d as defineCustomElement$5 } from './p-93bcdccb.js';
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-42b74b87.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-a28f59c6.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:\"Dubai\", Helvetica, sans-serif;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-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.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-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 {
|
|
@@ -14,6 +14,7 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
14
14
|
super();
|
|
15
15
|
this.__registerHost();
|
|
16
16
|
this.languageSwitch = createEvent(this, "languageSwitch", 7);
|
|
17
|
+
this.loginClick = createEvent(this, "loginClick", 7);
|
|
17
18
|
this.navigatorClick = createEvent(this, "navigatorClick", 7);
|
|
18
19
|
this.smTextSize = createEvent(this, "smTextSize", 7);
|
|
19
20
|
this.baseTextSize = createEvent(this, "baseTextSize", 7);
|
|
@@ -38,6 +39,7 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
38
39
|
this.useNavigator = 'false';
|
|
39
40
|
this.mobileMenuSearchId = 'mobileSearch';
|
|
40
41
|
this.mobileMenuSearchUrl = 'javascript:void(0)';
|
|
42
|
+
this.selected_contrast = "normal";
|
|
41
43
|
this.hideOtherMenu = false;
|
|
42
44
|
this.parsedOtherMenuItems = [];
|
|
43
45
|
this.parsedDropDownMenuItems = [];
|
|
@@ -125,24 +127,31 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
125
127
|
this.languageSwitch.emit();
|
|
126
128
|
};
|
|
127
129
|
this.smTexthandler = () => {
|
|
130
|
+
this.selected_text_size = "small";
|
|
128
131
|
this.smTextSize.emit();
|
|
129
132
|
};
|
|
130
133
|
this.baseTexthandler = () => {
|
|
134
|
+
this.selected_text_size = "normal";
|
|
131
135
|
this.baseTextSize.emit();
|
|
132
136
|
};
|
|
133
137
|
this.lgTexthandler = () => {
|
|
138
|
+
this.selected_text_size = "large";
|
|
134
139
|
this.lgTextSize.emit();
|
|
135
140
|
};
|
|
136
141
|
this.normalContrasthandler = () => {
|
|
142
|
+
this.selected_contrast = "normal";
|
|
137
143
|
this.normalContrast.emit();
|
|
138
144
|
};
|
|
139
145
|
this.blindContrasthandler = () => {
|
|
146
|
+
this.selected_contrast = "colorblind";
|
|
140
147
|
this.blindContrast.emit();
|
|
141
148
|
};
|
|
142
149
|
this.redContrasthandler = () => {
|
|
150
|
+
this.selected_contrast = "redweakness";
|
|
143
151
|
this.redContrast.emit();
|
|
144
152
|
};
|
|
145
153
|
this.greenContrasthandler = () => {
|
|
154
|
+
this.selected_contrast = "greenweakness";
|
|
146
155
|
this.greenContrast.emit();
|
|
147
156
|
};
|
|
148
157
|
this.accessibilitymenuhandler = () => {
|
|
@@ -154,12 +163,15 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
154
163
|
this.searchhandler = searchval => {
|
|
155
164
|
this.searchfunctionality.emit(searchval);
|
|
156
165
|
};
|
|
166
|
+
this.toggleLogin = () => {
|
|
167
|
+
this.loginClick.emit();
|
|
168
|
+
};
|
|
157
169
|
this.renderSubMenu = (subMenu, parentLi) => {
|
|
158
170
|
if (!subMenu || subMenu.length === 0)
|
|
159
171
|
return null;
|
|
160
|
-
return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && h("
|
|
172
|
+
return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && h("h6", { class: "dda-side-nav__title" }, subMenu[0].headerLabel), h("ol", null, subMenu.map((item, index) => {
|
|
161
173
|
const currentIndex = `${parentLi}-${index}`;
|
|
162
|
-
return (h("li", { key: currentIndex }, h("a", { href: this.useNavigator ==
|
|
174
|
+
return (h("li", { key: currentIndex }, h("a", { href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.href, class: `${item.subLinkClass} ${item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}`, onClick: e => {
|
|
163
175
|
this.handleMenuClick(e, item, currentIndex);
|
|
164
176
|
} }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
|
|
165
177
|
}))));
|
|
@@ -258,18 +270,18 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
258
270
|
}
|
|
259
271
|
else {
|
|
260
272
|
console.log('check navigator', this.useNavigator, this.navigatorClick);
|
|
261
|
-
if (this.useNavigator ==
|
|
273
|
+
if (this.useNavigator == 'true') {
|
|
262
274
|
this.navigatorClick.emit(item.href);
|
|
263
275
|
}
|
|
264
276
|
}
|
|
265
277
|
}
|
|
266
278
|
render() {
|
|
267
279
|
const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
|
|
268
|
-
return (h("header", { key: '
|
|
280
|
+
return (h("header", { key: '5b3a3813776b22c58ad7e4a2aefad2b39b761a3a', class: 'dda-header' }, h("div", { key: '971e102a55c77ec014c622e30b39e8f6fa95c370', class: "dda-head-logo" }, h("a", { key: '6757fa31aae9e45f318697b69d28b546da11159c', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo" }, h("img", { key: 'a5c8833849236777cfa78bdb44a15888d81ebe6b', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: '21fa8096c11780cbec19f19d1f63f9d4a13a0318', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '1ac6a9058edbb62416b86dca33608ef8996e58b1', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: 'e05bdf61cf1f17af4626fa83ad1b6028c7c81a59', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: '3910bceaa2c18c9b282a3e3f7c60faf869d47fae', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: '461e1fd23356c18774be40ea282459b42f2691d3', class: "dda-menu-container" }, h("div", { key: '345eda9d0b3a68dfee74aeafa3f22f14bcc3f634', class: "dda-main-navigation" }, h("div", { key: '3bd8dffbda85e83640e8f2c96bf486142dfdff4f', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '9bc8b4eca9dd792d7fb38c6b28c9ccca71819509', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: 'aecac2047e399458ed27721e453958379da37729', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: '1c99b38cfe929568d1a8c59a198afb36a5fc03a8', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '73a7fa9fca06df34eb1097bab60c90e0a8266812', class: "hamburger-line" }), h("span", { key: '2884ca405ab7168c6740b051284cdefd1c6b89aa', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: 'b1d1982a8efa8e647011e4cc3c61f4b44a34eaff', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '54e31cecc2fb10b0eccf43f953954bc5b3dbcc3b', class: "dda-sidemenu-content" }, h("h6", { key: 'd3afb136281500a34d90816f17e6d2283ff255b1', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '9e699de177dd5c3dfdb1fe3b6000fc1bb648d73d', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
|
|
269
281
|
const currentIndex = `menu-${index}`;
|
|
270
282
|
return (h("li", { key: currentIndex, id: `header_${menu.label}` }, h("a", {
|
|
271
283
|
// href={menu.href}
|
|
272
|
-
href: this.useNavigator ==
|
|
284
|
+
href: this.useNavigator == 'true' ? 'javascript:void(0)' : menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: e => {
|
|
273
285
|
if (menu.subMenu && menu.subMenu.length > 0) {
|
|
274
286
|
e.preventDefault();
|
|
275
287
|
const current = e.currentTarget;
|
|
@@ -288,19 +300,19 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
288
300
|
this.toggleSidebarSubMenu(currentIndex);
|
|
289
301
|
}
|
|
290
302
|
else {
|
|
291
|
-
if (this.useNavigator ==
|
|
303
|
+
if (this.useNavigator == 'true') {
|
|
292
304
|
this.navigatorClick.emit(menu.href);
|
|
293
305
|
}
|
|
294
306
|
}
|
|
295
307
|
}
|
|
296
308
|
}, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
|
|
297
|
-
})), this.hideOtherMenu == false && h("p", { key: '7b948023a69c525a925ec5ed1e16be53247824f8', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: '24b3239603e6e63bbc3b1466a39b3ff0fa980b56', 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, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(itemlist.href) : "" }, itemlist.label))))))), h("div", { key: 'a642a9bd5a19ae73f30ad304d9a3ffa3ebfc6bfa', class: "dda-sidemenu-bottom" }, h("div", { key: 'b9124e37e11679ca02a7aed1aff2d5d3f40d55c7', class: "dda-sidemenu-gov-logo" }, h("a", { key: '5cdced20b8e20795023c21f26be09738b301fb49', 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: 'e35667da5a2ab4b16964a3a8ba9bd36b58af5754', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: '29d24a79ecad7192986aff73cfe40685e4fd234a', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'd27d6549ca3c36b6a41889b495ececdfb880fe83' }, this.accessibility_button_id && (h("li", { key: '33e38e43a1280d5639503f5132589528705888d2' }, h("button", { key: '0bd39c2522d90a54791cff5c7970e50f08b43e9a', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '4cf9cc02d768ebc4cad0cca3f0d335bd8573ea0b', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'e6abfd1c4197a5983382bb71fa668da9b30a68fe', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: 'f3200292e65f25625e0967fb163d622c164b1c3a' }, h("button", { key: '0b93e773b7ce02deda37a52e2a97bbe223d15ee0', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '9c373a95f9622fe5e564aac19df0dabc0d067886' }, h("dda-link-button", { key: '7e3baaca4d7e775b6dd5aeba799d104f1a32a5f4', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '9f040d397435fd4c4d250a4d50cd22f8697eafa6', 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: '4a111ed3e872d77feba712bf436fa14a2b6816e5', 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("p", { 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: true, 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: false, 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: false, 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: false, 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("p", { 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("p", { 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: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "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: '4736381c58195033efaf5d3c7157ce12d536be6f', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) })), h("div", { key: 'beb8812806d83a8cf926bf73267d3f23eaaea1d4', class: "dda-mobile-entt-logo" }, h("a", { key: 'b8b558b72c8c09f9635c07b27ff3bc5701217898', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.secondLogoHref) : "", class: "entt-logo" }, h("img", { key: '4656e0909c8a1446eb072de7d7561c853df2fb33', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'af50f82c652803eadd9ac776ee848a8b3e24c07c', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: 'd5f83006305e5a527814157c5e5c135dce5aeb98', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: '33f75a6cb279429c1645536e8f83722d53afec60', 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: '684d7dd95b924b6efb81d2f5fd6b50e3ececd3e9', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '69599948bfc6e5483b23d3c2b3146fc67ed8c1e2', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '1a16ea763aa52de38c7071215d0aceea5d6be0d4', class: "dda-toolbar-menu" }, h("ul", { key: '49c96b4848f5f822f77486ba220bd9a3e4a80e49' }, this.search_input_name && (h("li", { key: 'bba9b19c0b22366f10ca0964e2e7d1350e528ab8' }, h("dda-tooltip", { key: '9d95f12f5c70c353ea30a5ea4abf9e9df81753e1', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: 'a5f99f07a404f26affad4e59700cb20809ddb0bc', class: "dda-search dda-header-search" }, h("label", { key: '32fde277170ffa38654412dd37c8f98979fa4ccb', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: 'e6a8bcadcd18d5b5e0366610d0ee28a8043e828a', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'afd257ca8b019923378b0b86755d20c654b060a9', 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: "",
|
|
309
|
+
})), this.hideOtherMenu == false && h("h6", { key: 'e8a089963257075dcb92ac460d8c01109115035b', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: '6c1146ecd2ec22c528ccc950655d0ff68f6d8d9c', 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, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(itemlist.href) : '') }, itemlist.label))))))), h("div", { key: '22eee46a71a8b1949745f312bdc2cff5002abe38', class: "dda-sidemenu-bottom" }, h("div", { key: '732447c0c6e07ee78afb06e80757721f5dc11e5b', class: "dda-sidemenu-gov-logo" }, h("a", { key: '9370ac9680b5091a886682ae63da1065247b3bbd', 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: '4ddc8180372e059717c92c09729c9a97e9de5fa5', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'd5914d8167adc1d63e1cafdcc2339e8afcc6bee3', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'e7edddffc2b0b97bfab95bf25f20356fca6f362b' }, this.accessibility_button_id && (h("li", { key: 'a89c92d5c17031a591d7ea103b7a6af68d85aa55' }, h("button", { key: 'b31628dcbc66c74aee46890b2d4b74133b9db91d', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: 'f9822507c8ef644ec69387b9934f25aa24c2b569', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '311ef8ff33c0f7a2fad5074d688f450090036626', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: '2b51194553515bd3f27f027e7702a33dfe423c47' }, h("button", { key: 'b151d47feaf27abcc8b88781641205d50b12b6f7', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: 'c6631083330da8be5dabdb1637c7f92e17c578dc' }, h("dda-link-button", { key: 'f5f233738ce7408c9387d90dc0af5d7064037b72', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn", link_button_text: this.loginText, onClick: this.toggleLogin, href: this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '5fd9ea00c8d6684225eb8dbca2c6b5bf211d1bf1', 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: 'b5be5b1bd68cea8f629069055cc256a043caf541', 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: 'fdbcfe6ab93ebff747cf38c75b58c321355b9c53', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: '465f1028ecdde4f35fef3ceed0940c6945a7ffc6', class: "dda-mobile-entt-logo" }, h("a", { key: 'fe1467675d5bbc3f8c34dd56de2e5706c7dd49c3', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '61599183bdf54c1276b2b2773a4f56098f075c54', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '4283106fa7ea1946369bffab4991ce2509eea277', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: 'da2f3a3f8804664266a30e85b53a09eb0dcaea27', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: '84a3d68be0af96516eaa4a8eaf49200296907326', 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: 'd18824918b0f3f2519b906aeefc5432bab6fc3a3', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'e946965ceb576074acd2a5cfda084fb5fd136684', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '128845fd6b5b23b536c6d82badff6d6eb30c2940', class: "dda-toolbar-menu" }, h("ul", { key: '505b5230f451c2985485d3c2c36d4afe5eda85e8' }, this.search_input_name && (h("li", { key: 'a3a2b1ec44f00a78ccc136d869c99ade2618f3af' }, h("dda-tooltip", { key: '3892729103daadc7d8374748f919a0e3412dd204', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '8ddcf9225a880f595b1b235bab2fc407398efb6a', class: "dda-search dda-header-search" }, h("label", { key: 'aace4820df1ab0d1289ba85bb6e269bd5b066513', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: '90c3085af23a8984aa6dac13f07936e34b56bb29', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'aa3ad19ddce4a1248155fd1a7aaab1b10a9cdecb', 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: "",
|
|
298
310
|
// handleInput={(event) => console.log(event.target.value,"")}
|
|
299
|
-
onKeyPress:
|
|
311
|
+
onKeyPress: e => {
|
|
300
312
|
if (e.key === 'Enter') {
|
|
301
313
|
this.searchhandler(e.target.value); // Pass the value to the searchhandler
|
|
302
314
|
}
|
|
303
|
-
} }), h("span", { key: '
|
|
315
|
+
} }), h("span", { key: '4e2685a5599d65fc32e0f0c22c99652fd18e5c23', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'f5299b335fac79b0e797b566fd2c2da16aa596a1' }, h("dda-tooltip", { key: '4ddb7685688b2bb9d512d7f1ba05e8c14259da7d', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '031fa52d02ffd1767757d2c8c1dc2058ad7884df', 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: '2d5c9c677dffe41a62d5bfe1ab057aef53eb80ab', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '06b73b92e55c757827e9b18f5247e14f11abcdd0', 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: '34f7535b38286b1053442d5c9d85dae9c5f99b03' }, h("dda-tooltip", { key: 'c2bcf53cdf5671c0797bdf1244fbcf3e3c794e7e', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: '83a9660dca131f30c2a5905c2744351cfd2decf5', 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: 'df36c7a1b07a4541b3a3d9252fee89d00c9a59a3' }, h("dda-tooltip", { key: '7e354257b66f1baae6a5b295f72ee7390a8837fa', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: '646861568427a1bc3134aa59a205b8ca5e1f9583', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin, href: this.loginLink, button_shape: "circle", size: "sm" })))))))));
|
|
304
316
|
}
|
|
305
317
|
static get style() { return DdaHeaderStyle0; }
|
|
306
318
|
}, [0, "dda-header", {
|
|
@@ -350,6 +362,8 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
|
|
|
350
362
|
"contrast_color_blind_text": [1],
|
|
351
363
|
"contrast_red_weakness_text": [1],
|
|
352
364
|
"contrast_green_weakness_text": [1],
|
|
365
|
+
"selected_contrast": [1],
|
|
366
|
+
"selected_text_size": [1],
|
|
353
367
|
"screen_reader_title": [1],
|
|
354
368
|
"screen_reader_description": [1],
|
|
355
369
|
"text_size_title": [1],
|