@dubai-design-system/components-js 3.1.11 → 3.1.13
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-home-banner.cjs.entry.js +10 -2
- package/dist/cjs/dda-home-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda-input.cjs.entry.js +1 -1
- package/dist/cjs/dda-link-button_2.cjs.entry.js +3 -3
- package/dist/cjs/dda-number-field.cjs.entry.js +1 -1
- package/dist/cjs/dda-pagination.cjs.entry.js +1 -1
- package/dist/cjs/dda-phonefield.cjs.entry.js +1 -1
- package/dist/cjs/dda-progressbar.cjs.entry.js +1 -1
- package/dist/cjs/dda-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/dda-search-input.cjs.entry.js +1 -1
- package/dist/cjs/dda-segmented-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-select.cjs.entry.js +1 -1
- package/dist/cjs/dda-sticky-footer.cjs.entry.js +1 -1
- package/dist/cjs/dda-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-textarea.cjs.entry.js +1 -1
- package/dist/cjs/dda-toggle.cjs.entry.js +1 -1
- package/dist/cjs/dda-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dda-ui-card.cjs.entry.js +1 -1
- package/dist/cjs/dda-vertical-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/dda-home-banner/dda-home-banner.js +12 -3
- package/dist/collection/components/dda-home-banner/dda-home-banner.js.map +1 -1
- package/dist/collection/components/dda-input/dda-input.js +1 -1
- package/dist/collection/components/dda-link-button/dda-link-button.js +2 -2
- package/dist/collection/components/dda-number-field/dda-number-field.js +1 -1
- package/dist/collection/components/dda-pagination/dda-pagination.js +1 -1
- package/dist/collection/components/dda-phonefield/dda-phonefield.js +1 -1
- package/dist/collection/components/dda-progressbar/dda-progressbar.js +1 -1
- package/dist/collection/components/dda-radiobutton/dda-radiobutton.js +1 -1
- package/dist/collection/components/dda-range-slider/dda-range-slider.js +2 -2
- package/dist/collection/components/dda-search-input/dda-search-input.js +1 -1
- package/dist/collection/components/dda-select/dda-select.js +1 -1
- package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +1 -1
- package/dist/collection/components/dda-tabs/dda-tabs.js +1 -1
- package/dist/collection/components/dda-textarea/dda-textarea.js +1 -1
- package/dist/collection/components/dda-toggle/dda-toggle.js +1 -1
- package/dist/collection/components/dda-tooltip/dda-tooltip.js +1 -1
- package/dist/collection/components/dda-ui-card/dda-ui-card.js +1 -1
- package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js +1 -1
- package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js +1 -1
- package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js +1 -1
- package/dist/components/dda-header.js +3 -3
- package/dist/components/dda-home-banner.js +12 -3
- package/dist/components/dda-home-banner.js.map +1 -1
- package/dist/components/dda-horizontal-stepper.js +1 -1
- package/dist/components/dda-input.js +1 -1
- package/dist/components/dda-link-button.js +1 -1
- package/dist/components/dda-number-field.js +1 -1
- package/dist/components/dda-pagination.js +1 -1
- package/dist/components/dda-phonefield.js +1 -1
- package/dist/components/dda-progressbar.js +1 -1
- package/dist/components/dda-radiobutton.js +1 -1
- package/dist/components/dda-range-slider.js +2 -2
- package/dist/components/dda-search-input.js +1 -1
- package/dist/components/dda-segmented-tabs.js +1 -1
- package/dist/components/dda-select.js +1 -1
- package/dist/components/dda-sticky-footer.js +2 -2
- package/dist/components/dda-tabs.js +1 -1
- package/dist/components/dda-textarea.js +1 -1
- package/dist/components/dda-toggle.js +1 -1
- package/dist/components/dda-tooltip.js +1 -1
- package/dist/components/dda-ui-card.js +1 -1
- package/dist/components/dda-vertical-stepper.js +1 -1
- package/dist/components/{p-86a1d7c5.js → p-2084265f.js} +2 -2
- package/dist/components/{p-86a1d7c5.js.map → p-2084265f.js.map} +1 -1
- package/dist/components/{p-4dafa457.js → p-76a543e8.js} +3 -3
- package/dist/components/{p-4dafa457.js.map → p-76a543e8.js.map} +1 -1
- package/dist/components/{p-f0b65dc4.js → p-ca8f2482.js} +2 -2
- package/dist/components/{p-f0b65dc4.js.map → p-ca8f2482.js.map} +1 -1
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/dda.esm.js.map +1 -1
- package/dist/dda/{p-d3b077f7.entry.js → p-031a2e3f.entry.js} +2 -2
- package/dist/dda/{p-ac49a87d.entry.js → p-07daedaf.entry.js} +2 -2
- package/dist/dda/{p-b02a3af4.entry.js → p-2bdc66b4.entry.js} +2 -2
- package/dist/dda/{p-7c7c5d3d.entry.js → p-390e6db2.entry.js} +2 -2
- package/dist/dda/{p-37429bf0.entry.js → p-4002b74b.entry.js} +2 -2
- package/dist/dda/p-6f20288a.entry.js +2 -0
- package/dist/dda/{p-407d0a31.entry.js → p-7f9b8b3c.entry.js} +2 -2
- package/dist/dda/{p-75ef2ff9.entry.js → p-a1cb2504.entry.js} +2 -2
- package/dist/dda/{p-3ebf9abe.entry.js → p-ac96b2be.entry.js} +2 -2
- package/dist/dda/p-b0a36910.entry.js +2 -0
- package/dist/dda/{p-31db1748.entry.js → p-bc3c40cc.entry.js} +2 -2
- package/dist/dda/{p-403ed569.entry.js → p-cb8e90e3.entry.js} +2 -2
- package/dist/dda/{p-2cb7bcdb.entry.js → p-de507976.entry.js} +2 -2
- package/dist/dda/{p-c079aaa1.entry.js → p-df1b5657.entry.js} +2 -2
- package/dist/dda/{p-f2ffcf8b.entry.js → p-e06c0211.entry.js} +2 -2
- package/dist/dda/{p-d874a7e1.entry.js → p-e492f18f.entry.js} +2 -2
- package/dist/dda/p-e492f18f.entry.js.map +1 -0
- package/dist/dda/{p-891e1404.entry.js → p-eab200a5.entry.js} +2 -2
- package/dist/dda/{p-a94edf32.entry.js → p-f190ffc6.entry.js} +2 -2
- package/dist/dda/{p-17dfd16f.entry.js → p-fda0c56d.entry.js} +2 -2
- package/dist/esm/dda-home-banner.entry.js +10 -2
- package/dist/esm/dda-home-banner.entry.js.map +1 -1
- package/dist/esm/dda-horizontal-stepper.entry.js +1 -1
- package/dist/esm/dda-input.entry.js +1 -1
- package/dist/esm/dda-link-button_2.entry.js +3 -3
- package/dist/esm/dda-number-field.entry.js +1 -1
- package/dist/esm/dda-pagination.entry.js +1 -1
- package/dist/esm/dda-phonefield.entry.js +1 -1
- package/dist/esm/dda-progressbar.entry.js +1 -1
- package/dist/esm/dda-range-slider.entry.js +2 -2
- package/dist/esm/dda-search-input.entry.js +1 -1
- package/dist/esm/dda-segmented-tabs.entry.js +1 -1
- package/dist/esm/dda-select.entry.js +1 -1
- package/dist/esm/dda-sticky-footer.entry.js +1 -1
- package/dist/esm/dda-tabs.entry.js +1 -1
- package/dist/esm/dda-textarea.entry.js +1 -1
- package/dist/esm/dda-toggle.entry.js +1 -1
- package/dist/esm/dda-tooltip.entry.js +1 -1
- package/dist/esm/dda-ui-card.entry.js +1 -1
- package/dist/esm/dda-vertical-stepper.entry.js +1 -1
- package/dist/esm/dda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/dda-home-banner/dda-home-banner.d.ts +1 -0
- package/package.json +2 -5
- package/dist/dda/p-4773fe82.entry.js +0 -2
- package/dist/dda/p-d874a7e1.entry.js.map +0 -1
- package/dist/dda/p-f229bbfa.entry.js +0 -2
- /package/dist/dda/{p-d3b077f7.entry.js.map → p-031a2e3f.entry.js.map} +0 -0
- /package/dist/dda/{p-ac49a87d.entry.js.map → p-07daedaf.entry.js.map} +0 -0
- /package/dist/dda/{p-b02a3af4.entry.js.map → p-2bdc66b4.entry.js.map} +0 -0
- /package/dist/dda/{p-7c7c5d3d.entry.js.map → p-390e6db2.entry.js.map} +0 -0
- /package/dist/dda/{p-37429bf0.entry.js.map → p-4002b74b.entry.js.map} +0 -0
- /package/dist/dda/{p-4773fe82.entry.js.map → p-6f20288a.entry.js.map} +0 -0
- /package/dist/dda/{p-407d0a31.entry.js.map → p-7f9b8b3c.entry.js.map} +0 -0
- /package/dist/dda/{p-75ef2ff9.entry.js.map → p-a1cb2504.entry.js.map} +0 -0
- /package/dist/dda/{p-3ebf9abe.entry.js.map → p-ac96b2be.entry.js.map} +0 -0
- /package/dist/dda/{p-f229bbfa.entry.js.map → p-b0a36910.entry.js.map} +0 -0
- /package/dist/dda/{p-31db1748.entry.js.map → p-bc3c40cc.entry.js.map} +0 -0
- /package/dist/dda/{p-403ed569.entry.js.map → p-cb8e90e3.entry.js.map} +0 -0
- /package/dist/dda/{p-2cb7bcdb.entry.js.map → p-de507976.entry.js.map} +0 -0
- /package/dist/dda/{p-c079aaa1.entry.js.map → p-df1b5657.entry.js.map} +0 -0
- /package/dist/dda/{p-f2ffcf8b.entry.js.map → p-e06c0211.entry.js.map} +0 -0
- /package/dist/dda/{p-891e1404.entry.js.map → p-eab200a5.entry.js.map} +0 -0
- /package/dist/dda/{p-a94edf32.entry.js.map → p-f190ffc6.entry.js.map} +0 -0
- /package/dist/dda/{p-17dfd16f.entry.js.map → p-fda0c56d.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"dda-home-banner.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ghEAAghE,CAAC;AACviE,4BAAe,aAAa;;ACD5B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMXA,eAAa;IAL1B;;;QAOW,iBAAY,GAAW,CAAC,CAAC;QAClC,WAAM,GAAkB,EAAE,CAAC;KAoD5B;IAlDC,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;;QAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;KACjE;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;SACvB;KACF;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KAClE;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KACvF;IAED,QAAQ,CAAC,KAAK;QACZ,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,IAClH,8DAAa,CACT,EACN,4DAAK,KAAK,EAAE,YAAY,IACtB,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,mBAAiB,CACnC,EACT,6DACG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;YACxB,OAAO,WAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAQ,CAAC;SACrH,CAAC,CACC,EACL,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,oBAAkB,CACpC,CACL,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaHomeBanner"],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/global/global.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".home-slider {\r\n position: relative;\r\n max-width: 100%;\r\n overflow: hidden;\r\n display: block;\r\n}\r\n\r\n.home-slider::before {\r\n content: '';\r\n width: 100%;\r\n height: 80%;\r\n position: absolute;\r\n bottom: 0;\r\n background: rgb(0, 0, 0);\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n z-index: 1;\r\n}\r\n\r\n.home-slider img,\r\n.home-slider video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.slider-item {\r\n display: none;\r\n width: 100%;\r\n transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n.slider-item.active {\r\n display: block;\r\n}\r\n\r\n.slider-item img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n}\r\n\r\n.home-slider slide {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n}\r\n\r\n.home-slider .slide-wrap {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.home-slider .dda-slider-container {\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n}\r\n\r\n.home-slider .dda-slides {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100vh;\r\n display: flex;\r\n transition: all 0.7s ease-in-out;\r\n}\r\n\r\n.slide-content {\r\n width: 90vw;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.slide-content h2 {\r\n font-size: var(--dda-fs-display-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-700);\r\n}\r\n.slide-content p {\r\n font-size: var(--dda-fs-headline-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-300);\r\n}\r\n.slider-nav {\r\n width: 100%;\r\n text-align: center;\r\n position: absolute;\r\n bottom: 250px;\r\n left: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n height: 30px;\r\n z-index: 3;\r\n}\r\n.slider-nav .prev,\r\n.slider-nav .next {\r\n height: 28px;\r\n width: 28px;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n background: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n background: rgba(0, 0, 0, 0);\r\n border-radius: 50%;\r\n font-size: 25px;\r\n transition: all 0.2s linear;\r\n}\r\n.slider-nav .prev:hover,\r\n.slider-nav .next:hover {\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n.slider-nav ul {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n.slider-nav .dots {\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(256,256,256,0.2);\r\n overflow: hidden;\r\n text-indent: -100px;\r\n margin: 0;\r\n padding: 0;\r\n border: 0px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.2s linear;\r\n}\r\n\r\n.slider-nav .dots.active {\r\n background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n .slider-nav {\r\n bottom: 100px;\r\n }\r\n}","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n height: 1550px;\r\n} */\r\n","import { Host, Component, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n @State() currentSlide: number = 0;\r\n slides: HTMLElement[] = [];\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n // Listen for slot changes\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0; // Reset slide index if slides are updated\r\n }\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index) {\r\n this.currentSlide = index;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-slider-container\">\r\n <div class=\"dda-slides\" style={{ innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' }}>\r\n <slot></slot>\r\n </div>\r\n <div class={'slider-nav'}>\r\n <button class=\"prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n <ul>\r\n {this.slides.map((_, index) => {\r\n return <div class={this.currentSlide == index ? 'dots active' : 'dots'} onClick={() => this.setSlide(index)}></div>;\r\n })}\r\n </ul>\r\n <button class=\"next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
1
|
+
{"file":"dda-home-banner.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ghEAAghE,CAAC;AACviE,4BAAe,aAAa;;ACD5B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMXA,eAAa;IAL1B;;;QAOW,iBAAY,GAAW,CAAC,CAAC;QACzB,aAAQ,GAAY,IAAI,CAAC;QAClC,WAAM,GAAkB,EAAE,CAAC;KAoE5B;IAlEC,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;;QAGpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;;;;;;KAOjE;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;SACvB;KACF;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KAClE;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KACvF;IAED,QAAQ,CAAC,KAAK;QACZ,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,IAClH,8DAAa,CACT,EACN,4DAAK,KAAK,EAAE,YAAY,IACtB,+DACE,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE;gBACP,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB,IAED,0DAAG,KAAK,EAAC,gBAAgB,2BAAyB,CAC3C,EAET,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,mBAAiB,CACnC,EACT,6DACG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;YACxB,OAAO,WAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK,GAAG,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAQ,CAAC;SACrH,CAAC,CACC,EACL,+DAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClD,0DAAG,KAAK,EAAC,gBAAgB,oBAAkB,CACpC,CACL,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DdaHomeBanner"],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/global/global.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".home-slider {\r\n position: relative;\r\n max-width: 100%;\r\n overflow: hidden;\r\n display: block;\r\n}\r\n\r\n.home-slider::before {\r\n content: '';\r\n width: 100%;\r\n height: 80%;\r\n position: absolute;\r\n bottom: 0;\r\n background: rgb(0, 0, 0);\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n z-index: 1;\r\n}\r\n\r\n.home-slider img,\r\n.home-slider video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.slider-item {\r\n display: none;\r\n width: 100%;\r\n transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n.slider-item.active {\r\n display: block;\r\n}\r\n\r\n.slider-item img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n}\r\n\r\n.home-slider slide {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n}\r\n\r\n.home-slider .slide-wrap {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.home-slider .dda-slider-container {\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n}\r\n\r\n.home-slider .dda-slides {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100vh;\r\n display: flex;\r\n transition: all 0.7s ease-in-out;\r\n}\r\n\r\n.slide-content {\r\n width: 90vw;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.slide-content h2 {\r\n font-size: var(--dda-fs-display-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-700);\r\n}\r\n.slide-content p {\r\n font-size: var(--dda-fs-headline-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-300);\r\n}\r\n.slider-nav {\r\n width: 100%;\r\n text-align: center;\r\n position: absolute;\r\n bottom: 250px;\r\n left: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n height: 30px;\r\n z-index: 3;\r\n}\r\n.slider-nav .prev,\r\n.slider-nav .next {\r\n height: 28px;\r\n width: 28px;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n background: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n background: rgba(0, 0, 0, 0);\r\n border-radius: 50%;\r\n font-size: 25px;\r\n transition: all 0.2s linear;\r\n}\r\n.slider-nav .prev:hover,\r\n.slider-nav .next:hover {\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n.slider-nav ul {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n.slider-nav .dots {\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(256,256,256,0.2);\r\n overflow: hidden;\r\n text-indent: -100px;\r\n margin: 0;\r\n padding: 0;\r\n border: 0px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.2s linear;\r\n}\r\n\r\n.slider-nav .dots.active {\r\n background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n .slider-nav {\r\n bottom: 100px;\r\n }\r\n}","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n height: 1550px;\r\n} */\r\n","import { Host, Component, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n @State() currentSlide: number = 0;\r\n @State() autoPlay: boolean = true;\r\n slides: HTMLElement[] = [];\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n\r\n // Listen for slot changes\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n\r\n // while (this.autoPlay == true) {\r\n // setTimeout(() => {\r\n // this.nextSlide();\r\n // }, 300);\r\n // }\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0; // Reset slide index if slides are updated\r\n }\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index) {\r\n this.currentSlide = index;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-slider-container\">\r\n <div class=\"dda-slides\" style={{ innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' }}>\r\n <slot></slot>\r\n </div>\r\n <div class={'slider-nav'}>\r\n <button\r\n class=\"prev\"\r\n onClick={() => {\r\n this.autoPlay = false;\r\n }}\r\n >\r\n <i class=\"material-icons\">motion_photos_paused</i>\r\n </button>\r\n\r\n <button class=\"prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n <ul>\r\n {this.slides.map((_, index) => {\r\n return <div class={this.currentSlide == index ? 'dots active' : 'dots'} onClick={() => this.setSlide(index)}></div>;\r\n })}\r\n </ul>\r\n <button class=\"next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -17,7 +17,7 @@ const DdaHorizontalStepper$1 = /*@__PURE__*/ proxyCustomElement(class DdaHorizon
|
|
|
17
17
|
this.parsedSteps = JSON.parse(this.steps);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: 'e558148129b0a5f0dbe7200e338b8c32679c6425' }, h("div", { key: 'b532d52fe4624327e4b65c35a68577731bd4135b', class: `${this.custom_class} ${this.component_mode} h-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `h-step ${index === this.current_step ? 'active' : ''} ${index < this.current_step ? 'completed' : ''}` }, h("div", { class: "h-step-indicator" }, h("div", { class: "circle" })), h("div", { class: "h-step-content" }, h("div", { class: "h-step-title" }, step.title), h("div", { class: "h-step-subtitle" }, step.subtitle), h("div", { class: "h-step-description" }, step.description))))))));
|
|
21
21
|
}
|
|
22
22
|
static get style() { return DdaHorizontalStepperStyle0 + DdaHorizontalStepperStyle1; }
|
|
23
23
|
}, [0, "dda-horizontal-stepper", {
|
|
@@ -27,7 +27,7 @@ const DdaInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaInput extends H {
|
|
|
27
27
|
this.component_mode,
|
|
28
28
|
this.input_name,
|
|
29
29
|
].filter(Boolean).join(' ');
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: 'c838b8a07577496db39728ebdc0cb02bdba80fae' }, h("div", { key: 'b1f666331c769fe7055a5a4a087d65f1042f4a2f', class: inputClass }, this.label && h("label", { key: '2873761b22c8a531c2287612022a39fd1f011f2e', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("input", { key: '9d6c8c7709f694e4d6c2691afb21a7bca1af6222', "aria-label": this.aria_label, id: this.input_id, name: this.input_name, type: this.type, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-text" }), this.helper_text && h("span", { key: '9dd1e939a2fdaf285f147eb89d74868ca8959d71', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'cc44559c32eaeacdb054bab78982c923796c6208', class: "dda-error-message" }, this.error_message))));
|
|
31
31
|
}
|
|
32
32
|
static get style() { return DdaInputStyle0 + DdaInputStyle1; }
|
|
33
33
|
}, [0, "dda-input", {
|
|
@@ -54,7 +54,7 @@ const DdaNumberField$1 = /*@__PURE__*/ proxyCustomElement(class DdaNumberField e
|
|
|
54
54
|
this.custom_class ? `${this.custom_class}` : '',
|
|
55
55
|
this.component_mode,
|
|
56
56
|
].filter(Boolean).join(' ');
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: 'fac2d1e0014a0e99d3eedfcda5d446f73c5463f2' }, h("div", { key: 'b79d4136aeb93f9c1354dc112ec3da3d1001006a', class: containerClass }, this.label && h("label", { key: 'f576bb73238badebe81bc00c8d87230a1976be4c', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'd13568de896c7a463fc0a295859bd320d878d727', class: "dda-input-field-group dda-number-field" }, h("input", { key: 'ec7f08e5f706dcc3307f02baee8294eab82624a6', id: this.input_id, name: this.input_name, "aria-label": this.aria_label, type: "text", placeholder: this.placeholder, value: this.value, pattern: "[0-9]*", onInput: event => this.handleInput(event), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), class: "dda-field-group-input" }), h("div", { key: '7e48600a56ffba92c7d874d9321095e1b793bc80', class: "dda-input-dropdown-btn" }, h("button", { key: '8746cd8c1c0381d0458d0913586e4cca1e5b7923', name: this.toggle_button_name, type: "button", class: "dda-dropdown-select", onClick: () => this.toggleCurrencyDropdown() }, this.selected_currency, " ", h("i", { key: '7e21542fecb39124fc097e1a9b38799277dba770', class: `material-icons` }, this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.isCurrencyDropdownOpen && (h("div", { key: '06dc8da0fab29f3cad1966a39434857fa111dffb', class: "dda-input-dropdown-list" }, this.parsedCurrencies.length > 0 ? (this.parsedCurrencies.map(option => (h("button", { name: this.currency_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`, onClick: () => this.selectCurrency(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))))), this.helper_text && h("span", { key: '77b6930c49338d18d1775d83996ad698665d2b40', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '47a769327dfebf822489af60d7873b22ab489795', class: "dda-error-message" }, this.error_message))));
|
|
58
58
|
}
|
|
59
59
|
static get style() { return DdaNumberFieldStyle0 + DdaNumberFieldStyle1; }
|
|
60
60
|
}, [0, "dda-number-field", {
|
|
@@ -63,7 +63,7 @@ const DdaPagination$1 = /*@__PURE__*/ proxyCustomElement(class DdaPagination ext
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
|
-
return (h(Host, { key: '
|
|
66
|
+
return (h(Host, { key: '42960bbbb544ab27ab7177fa35a6b5813504a2b2' }, h("div", { key: '900489627fcf66ce517a934955743ae043b475be', class: `dda-pagination-container` }, this.renderPagination())));
|
|
67
67
|
}
|
|
68
68
|
static get watchers() { return {
|
|
69
69
|
"total_pages": ["validateTotalPages"],
|
|
@@ -230,7 +230,7 @@ const DdaPhoneField = /*@__PURE__*/ proxyCustomElement(class DdaPhoneField exten
|
|
|
230
230
|
}
|
|
231
231
|
render() {
|
|
232
232
|
const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.phone_number ? 'dda-input-focus-filled' : ''}`;
|
|
233
|
-
return (h(Host, { key: '
|
|
233
|
+
return (h(Host, { key: '913d9ac77cd0769f5b51b96cb37438ec841116e6' }, h("div", { key: 'a97deebc7049ca84b1643e9466fa1941e3ed82db', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: '2a9b5eda2c70c3fe518ca1bd74ef8aea5db98f68', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: '146610b786d473e3697f6e9e9fb539325f86847c', class: `dda-input-field-group dda-phone-field` }, h("div", { key: '94a2d43933ca884571e43a8a43149df9d7c09e76', class: "dda-input-dropdown-btn" }, h("button", { key: '239b5bc398ca0d8aa6064cdb88d1507403b7561f', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", onClick: () => this.toggleDropdown() }, h("img", { key: '121e5b1ef07763eff37f14d2c4ea962646186fc8', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, " ", h("i", { key: '1ec153c93d0544a67eb3c5ffd9844a15ee6c9361', class: `material-icons` }, this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down')), this.dropdown_open && (h("div", { key: '67c9ccdece9bb7d1595799006e34b44af42d380c', class: "dda-input-dropdown-list" }, this.countries.map(country => (h("button", { id: this.button_id, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: 'd2ed6736dc1fe3b3048e41e8b0ad0c91b351a320', id: this.input_id, name: this.phone_input_name, "aria-label": this.aria_label, type: "number", class: `dda-field-group-input`, placeholder: this.placeholder, inputmode: 'numeric', pattern: "[0-9]*", value: this.phone_number, onInput: this.handlephonenumberChange.bind(this), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), disabled: this.disabled })), this.helper_text && !this.validation_type && h("span", { key: '25984ba97e22701a6b404edea33069e3fda0916d', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '4c9cd900cb8a10af00af7242afb036aa3c5df00f', class: "dda-error-message" }, this.error_message))));
|
|
234
234
|
}
|
|
235
235
|
static get style() { return DdaPhonefieldStyle0 + DdaPhonefieldStyle1; }
|
|
236
236
|
}, [0, "dda-phonefield", {
|
|
@@ -19,7 +19,7 @@ const DdaProgressBar = /*@__PURE__*/ proxyCustomElement(class DdaProgressBar ext
|
|
|
19
19
|
const progressStyle = {
|
|
20
20
|
width: `${this.progress}%`,
|
|
21
21
|
};
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '4d81cf3bf4d833874d266ad9d110c8ae88e94f25' }, h("div", { key: '3216cab8fc4965b8a597ace8bd999bb8cb745892', class: `dda-progress-bar-container ${this.custom_class} ${this.component_mode}` }, h("div", { key: '1434f985da66a90e41250b7810ab4393f4ac0a05', class: "dda-progress-bar" }, h("div", { key: '261a60d7fbc7deed1710a5441c3a23bc759a3fe2', class: "dda-progress-value", style: progressStyle }, this.tooltip && (h("div", { key: 'c3de46d065ade2b2d28928dedd91ebb0a4b6bc40', class: `dda-tooltip tooltip-${this.tooltip_position}` }, this.progress, "%")))), this.show_percentage_text && (h("span", { key: '86298f76a4d82386199c3a86d0ce2e5f8d7cc361', class: "dda-percentage-text" }, this.progress, "%")))));
|
|
23
23
|
}
|
|
24
24
|
static get style() { return DdaProgressbarStyle0 + DdaProgressbarStyle1; }
|
|
25
25
|
}, [0, "dda-progressbar", {
|
|
@@ -34,10 +34,10 @@ const DdaRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class DdaRangeSlider e
|
|
|
34
34
|
return ((value - this.min) / (this.max - this.min)) * 100;
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: 'd33686bfd308c01414afd8085abec7203190af85' }, h("div", { key: '47f9cf7d4373c3caea7401badeec436f9b75244d', class: `dda-range-slider-container dda-tooltip-${this.tooltip_position} ${this.custom_class} ${this.component_mode}` }, h("div", { key: 'b439f960a6b259e9ab53ae1d33b4c32c6812f381', class: "dda-range-slider" }, h("div", { key: 'ab99895a0c45414d8dd0b94be1b3a9a1e15aa53f', class: "dda-range-slider-track", style: {
|
|
38
38
|
left: `${this.getPercentage(this.min_value)}%`,
|
|
39
39
|
right: `${100 - this.getPercentage(this.max_value)}%`,
|
|
40
|
-
} }, h("span", { key: '
|
|
40
|
+
} }, h("span", { key: '7de829a4e581365a431e05cf464ca17db5256683', class: "min-label" }, this.min_value, "%"), h("span", { key: '798488645900c2aa43cf0f386564d239ec2f1b88', class: "max-label" }, this.max_value, "%")), h("label", { key: '2dd7c0c9c02d912729273650ddeac1b7808a5039', htmlFor: this.left_input_id }, h("input", { key: '20d520ce120cb2844440980848ac84eef1a6dfc2', id: this.left_input_id, name: this.left_input_name, "aria-label": this.left_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.min_value, onInput: (event) => this.handleMinChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.min_value > this.max - this.min_value ? 5 : 3}` } })), h("label", { key: 'd9662a0a008054dfcfc85f64024a5f2f178c4be7', htmlFor: this.right_input_id }, h("input", { key: '9c7dd4d24cc2e9b5f5ea111f8e065ccf46e6ca2a', id: this.right_input_id, name: this.right_input_name, "aria-label": this.right_aria_label, type: "range", min: this.min, max: this.max, step: this.step, value: this.max_value, onInput: (event) => this.handleMaxChange(event), class: "dda-range-slider-input", style: { zIndex: `${this.max_value < this.max - this.min_value ? 5 : 3}` } }))))));
|
|
41
41
|
}
|
|
42
42
|
static get style() { return DdaRangeSliderStyle0; }
|
|
43
43
|
}, [0, "dda-range-slider", {
|
|
@@ -26,7 +26,7 @@ const DdaSearchInput$1 = /*@__PURE__*/ proxyCustomElement(class DdaSearchInput e
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: '78bc8dadccb8aaf2c624e98606c300f81ba6988d' }, h("div", { key: '5b95a978e048ca044958ead5df74dec9597189b7', class: `dda-input-container dda-input-size-${this.size} ${this.component_mode} ${this.custom_class} ${this.input_status ? `dda-input-${this.input_status}` : ''} ${this.has_error ? 'dda-validation-error' : ''}` }, this.label && h("label", { key: '39f158ff5bb1ea100729cd2f829284e6a19b4c5c', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: 'ca89eb630b2d14709908d8f6227113ab21593d11', class: "dda-search-area dda-search-action" }, h("i", { key: '8268877325d2fde619c1683ca74b75a31a5d69f5', class: "material-icons icon-left" }, "search"), h("input", { key: '7a54f329a5d35edb4169e6875c05420f5eded9bd', name: this.search_input_name, "aria-label": this.aria_label, id: this.input_id, type: "text", class: "dda-input-field dda-search-field", placeholder: this.placeholder }), h("div", { key: 'f27d459e7877b8a03d3c6b6257a004f439a5e321', class: "dda-search-btngroup" }, h("button", { key: '81d6707be74f3bbe960b778723b9b0f4f606f932', name: this.close_button_name, "aria-label": this.button_aria_label, id: this.button_id, type: "button", class: "icon-close", onClick: () => this.clearInput() }, h("i", { key: '3823bab5215aa816e97d9e68bbc68d028f683c20', class: "material-icons material-symbols-outlined" }, "close")), this.show_button && (h("button", { key: '4f1342e091e2358775b593f7c7739d8f7809b4cd', name: this.search_button_name, type: "button", class: "dda-btn btn-color-default-primary dda-btn-sm" }, "Search")))), this.helper_text && h("span", { key: 'd882e50b0c52efb34d776384f44ddf608c8b8369', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '907a535b8435522daa24cfe0bd96e3e782c0d2b8', class: "dda-error-message" }, this.error_message))));
|
|
30
30
|
}
|
|
31
31
|
get el() { return this; }
|
|
32
32
|
static get style() { return DdaSearchInputStyle0 + (DdaSearchInputStyle1 + DdaSearchInputStyle2); }
|
|
@@ -16,7 +16,7 @@ const DdaSegmentedTabs$1 = /*@__PURE__*/ proxyCustomElement(class DdaSegmentedTa
|
|
|
16
16
|
this.parsedItems = JSON.parse(this.items);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h("div", { key: '
|
|
19
|
+
return (h("div", { key: '35eb91c83cd68999016ed30b8456daf58bd7ddb9', class: `dda-segmented-group ${this.custom_class} ${this.radius_type} ${this.component_mode}` }, this.parsedItems.map(item => (item.startsWith('fo') ?
|
|
20
20
|
h("button", { name: this.button_name, class: "dda-segmented-item" }, h("i", { class: "material-icons material-symbols-outlined" }, item)) :
|
|
21
21
|
h("button", { name: this.button_name, class: "dda-segmented-item" }, item)))));
|
|
22
22
|
}
|
|
@@ -35,7 +35,7 @@ const Ddaselect = /*@__PURE__*/ proxyCustomElement(class Ddaselect extends H {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '5294030e945feccab3309ba2ee14240c2511a24a' }, h("div", { key: '9901ad40ac48a01300fe768aa7183de15e56548a', class: `dda-input-container ${this.custom_class} ${this.component_mode} ${this.disabled ? 'dda-input-disabled' : ''} ${this.is_open ? 'show' : 'hide'} dda-input-size-${this.size} dda-validation-${this.error} ` }, this.label && h("label", { key: 'caa05b4cb717553b899e48fd131e11b6c04b15db', htmlFor: this.button_id, class: "dda-input-label" }, this.label), h("div", { key: 'c3be34d274546a4cbe5bf4660a5f59470943cd7d', class: "dda-dropdown-container" }, h("button", { key: '9f8f24cd78d79806fffe6c2e5df431e0be195560', name: this.toggle_button_name, "aria-label": this.aria_label, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", onClick: () => { this.toggleSelect(); } }, this.selected || 'Select an option', h("i", { key: '5739430f79e45a5d4bb1ae905f03c1232aea92bb', class: `material-icons` }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: 'd2d7a402dbecdc59ef5b8f71f641ec0ab886e9e9', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("button", { name: this.option_select_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`, onClick: () => this.selectOption(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.helper_text && h("span", { key: 'c43e4aa0c658cfb4d8fc708cd5a48e4ce48988fd', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'a6e3f7f97e5ad6c949e7ab61b4b95887393b657f', class: "dda-error-message" }, this.error_message))));
|
|
39
39
|
}
|
|
40
40
|
static get style() { return DdaSelectStyle0 + DdaSelectStyle1; }
|
|
41
41
|
}, [0, "dda-select", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-4928c8aa.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-2084265f.js';
|
|
3
3
|
|
|
4
4
|
const ddaStickyFooterCss = "";
|
|
5
5
|
const DdaStickyFooterStyle0 = ddaStickyFooterCss;
|
|
@@ -27,7 +27,7 @@ const DdaStickyFooter$1 = /*@__PURE__*/ proxyCustomElement(class DdaStickyFooter
|
|
|
27
27
|
this.lastScrollY = currentScrollY;
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h("footer", { key: '
|
|
30
|
+
return (h("footer", { key: '6c8a5415b2ebe353cf95607f83f02d707291551e', class: { 'dda-footer': true, 'hidden': this.isHidden } }, h("div", { key: '2cfaa70faabd0a319c7b9b833208f7a10fc831b1', class: "footer-content" }, h("div", { key: 'beb0a4939cb7c1f004426272e92fd52c43a633a6', class: "dda-footer-item dda-footer-left" }, h("ul", { key: '9f93eed3711101f30e7db7e4fd201ede97b76e17' }, h("li", { key: '26576272007f4fc7bc0ffa98246181b93bb0bcd6', class: "foot-icon-btn" }, h("dda-tooltip", { key: '126381e7a1d420dbc85838323e9e6577e623dcc2', title_text: this.happinessIconTooltip, description: "", position: "top" }, h("a", { key: '00d133159e7b17fa5716c680e9eaccbb94da66bb', href: this.happinessIconHref }, h("img", { key: 'b3672961f1945f20e8b9a4fb5727c966a6790908', src: this.happinessIconSrc, alt: this.happinessIconAlt })))), h("li", { key: '369231be44081ea64b164659cc9f0a85e438e615', class: "foot-icon-btn" }, h("dda-tooltip", { key: '5878d388fb8bc366315feb33f4faf25c929ad87c', title_text: this.accessibilityIconTooltip, description: "", position: "top" }, h("a", { key: '79bc65c4fd4c0d34b6b6f6e03c5445037b4cdd7b', href: this.accessibilityIconHref }, h("img", { key: 'ec97ec5300b626a3020837f594f9661f9b9d39d3', src: this.accessibilityIconSrc, alt: this.accessibilityIconAlt })))), h("li", { key: 'd26bafd4b893dff9508d16dad8d7c70a81a2ee71', class: "foot-icon-btn" }, h("dda-tooltip", { key: '7016124bbb6dcc23fcd08e113cefaa36caca2a4b', title_text: this.servicesIconTooltip, description: "", position: "top" }, h("a", { key: '26a10032a907114e022a8bb4a89822dc075a2398', href: this.servicesIconHref }, h("img", { key: 'ef99354f03cf5e8f6b04518d11b02a6456c7dd68', src: this.servicesIconSrc, alt: this.servicesIconAlt }), this.servicesIconText && h("span", { key: '6da85363a8be1c620b6231c98ad4e3de019f4d46' }, this.servicesIconText)))))), this.hideMiddleSection == false && (h("div", { key: 'a548b547b65d77b32fc8224f4ac27f2517529292', class: "dda-footer-item dda-footer-middle" }, h("ul", { key: '74b626084046f7652cd75c0e8f3dfcb89fec9d9d', class: "foot-logo" }, h("li", { key: '267294f33d7fd511a5991d4899de13643a9eeb06' }, h("dda-tooltip", { key: '7284cb4ec12364716fec09e1e16988491ebfc260', title_text: this.firstLogoTooltip, description: "", position: "top" }, h("a", { key: '579e7aa1088a608eba1ab2d9682265a09b7fd446', href: this.firstLogoHref }, h("img", { key: 'd0d6f656a060717b1b1ed78dccdb9162c3f5be71', src: this.firstLogoSrc, alt: this.firstLogoAlt })))), h("li", { key: '69db3e5f045380da8b4e40e560be7f5e1d11d78f' }, h("dda-tooltip", { key: 'e69a8162156658fc187206ad6be9b21175b7ec58', title_text: this.secondLogoTooltip, description: "", position: "top" }, h("a", { key: '5988bb9f9b4236f1b51042138e373e005860df66', href: this.secondLogoHref }, h("img", { key: '7f844685b7e2e4341e820b8e2621c28449e4fa46', src: this.secondLogoSrc, alt: this.secondLogoAlt })))), h("li", { key: '2ca565de68b33691bbd13ab9ba9a7d8097c0152a' }, h("dda-tooltip", { key: '15f2162e2b15b1a5a6346b2413e03e48a116133f', title_text: this.thirdLogoTooltip, description: "", position: "top" }, h("a", { key: '2395bc54406e11ebdd87412c3aa2b9c7ca7dbdff', href: this.thirdLogoHref }, h("img", { key: '3bcb3c9ff27db45c9b93b4272e52418f3afa7022', src: this.thirdLogoSrc, alt: this.thirdLogoAlt }))))))), h("div", { key: '2508334b81df254d85c8d29985758c1b30c62c17', class: "dda-footer-item dda-footer-right" }, h("ul", { key: '62fe2e82a5995fb17b080ac4ab8c6a91f370141e' }, h("li", { key: '7b88ac50c202a7c38712606749ec19f9cc89dfe6', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'd1d3f80229d4d7170abb23cdfd7a496334cec348', title_text: this.locationButtonText, description: "", position: "top" }, h("a", { key: '02a35cd728fe7c223f222b2362a774f1118ab497', href: this.locationButtonHref }, h("img", { key: '2a873473bc850fcca987a0d259c261f80192d791', src: this.locationLogoSrc, alt: this.locationButtonText })))), h("li", { key: 'd38eb11c96294bf321abd73a54f5271400e72e1f', class: "foot-icon-btn" }, h("dda-tooltip", { key: '1efacc1b59b8cbb3149124077de96b881b1585b8', title_text: this.newsButtonText, description: "", position: "top" }, h("a", { key: '2cf6aa9bb37545d93d23b76a953a0f30fd63b1f2', href: this.newsButtonHref }, h("img", { key: 'bf262e826045cba48851b9f51824d14f3ed407f4', src: this.newsButtonSrc, alt: this.newsButtonText })))), h("li", { key: 'ec917442149df508401dfbfdb9c34d8501d2a6ab', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'ff513f2da9c2c89b54453b8c525df847440570d5', title_text: this.aiIconTooltip, description: "", position: "top" }, h("a", { key: '8664aa963bf1c6e110491cd76bce9c378587b298', href: this.aiIconHref }, h("img", { key: '67205c31608cae215aa5fda36063d28b45bbd163', src: this.aiIconSrc, alt: this.aiIconAlt })))), h("li", { key: '954cd714753ec4d9f80cae91b1f2ed69d7d998e3', class: "foot-icon-btn" }, h("dda-tooltip", { key: 'a3247b7f68fb0fecf0b26e68fffca304955d1a6c', title_text: this.chatIconTooltip, description: "", position: "top" }, h("a", { key: 'c34079c10db167ec883015422e138faced5fc2ac', href: this.chatIconHref }, h("img", { key: '3912f05bb5f20024f02a4197aa1ed7fb7985e3dc', src: this.chatIconSrc, alt: this.chatIconAlt })))))))));
|
|
31
31
|
}
|
|
32
32
|
static get style() { return DdaStickyFooterStyle0; }
|
|
33
33
|
}, [1, "dda-sticky-footer", {
|
|
@@ -48,7 +48,7 @@ const DdaTabs$1 = /*@__PURE__*/ proxyCustomElement(class DdaTabs extends H {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: '51ca092caada9617f6ec442c8700414e184ee046' }, h("div", { key: '3fa413cbc9870105b082cb7a07ab6fc26befd410', class: `dda-tabs-container ${this.hover_style} ${this.custom_class} ${this.component_mode}` }, this.parsedTabs.map((title, index) => (h("button", { id: this.button_id, name: this.button_name, "aria-label": this.aria_label, type: "button", class: `dda-tab-item ${this.active_tab === index ? 'active' : ''}`, onClick: () => this.setActiveTab(index) }, this.type === 'text-icon' && h("i", { class: `material-icons` }, this.parsedIcons[index] || ""), h("span", null, title)))))));
|
|
52
52
|
}
|
|
53
53
|
static get style() { return DdaTabsStyle0 + DdaTabsStyle1; }
|
|
54
54
|
}, [0, "dda-tabs", {
|
|
@@ -16418,7 +16418,7 @@ const DdaTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DdaTextarea extends
|
|
|
16418
16418
|
this.input_status ? `dda-input-${this.input_status}` : '',
|
|
16419
16419
|
this.custom_class, this.component_mode, this.textarea_name,
|
|
16420
16420
|
].filter(Boolean).join(' ');
|
|
16421
|
-
return (h(Host, { key: '
|
|
16421
|
+
return (h(Host, { key: 'f4169ee7762723fff3d47c6abba741986a298d7b' }, h("div", { key: '28466211a27bcda5cf7540c106f5e5072de5c129', class: textareaClass }, this.label && h("label", { key: 'cf246f78f3f66332b1e551f75f03bfaebd74a908', htmlFor: this.input_id, class: "dda-input-label" }, this.label), this.enable_rich_editor ? (h("div", { id: "editor", class: "dda-richeditor-field" })) : (h("textarea", { id: this.input_id, name: this.textarea_name, "aria-label": this.aria_label, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-textarea", maxLength: this.max_characters })), this.helper_text && (h("div", { key: 'e1663ec2fc389f29a4ca3ced4098c2f23f4c13c8', class: "dda-helper-text" }, h("span", { key: 'a77fcbf86cc207d4cde0a57db4bbd59d1274dd63', class: "dda-flex dda-align-center dda-gap-2" }, h("i", { key: 'e11860b7d980428d58e0b9d2e53f539540ac6b9d', class: "material-icons material-symbols-outlined" }, "info"), " ", this.helper_text), h("span", { key: '0f3e4965214f168f6f20f78e6903bc3a07863e50', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))), this.error_message && (h("div", { key: 'fad6f9a9b4eb6777614e30ed1664cc599a7497ae', class: "dda-error-message" }, h("span", { key: '3b2b7e5042fc93deb810f1fb1e9df3ce02a446d4', class: "dda-flex dda-align-center dda-gap-2" }, h("i", { key: 'b459f1fc4598d4b9e936d4e16478f8c2b4724af3', class: "material-icons material-symbols-outlined" }, "info"), " ", this.error_message), h("span", { key: '894c8da4741e5997da4a2b6989b7ac0a1dd6bdae', class: "dda-letter-count" }, this.characterCount, " / ", this.max_characters))))));
|
|
16422
16422
|
}
|
|
16423
16423
|
get el() { return this; }
|
|
16424
16424
|
static get style() { return DdaTextareaStyle0 + DdaTextareaStyle1; }
|
|
@@ -19,7 +19,7 @@ const DdaToggle$1 = /*@__PURE__*/ proxyCustomElement(class DdaToggle extends H {
|
|
|
19
19
|
this.custom_class ? `${this.custom_class}` : '',
|
|
20
20
|
this.component_mode,
|
|
21
21
|
].filter(Boolean).join(' ');
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: 'ef82e100e6786a565b6a0d378f371a6f8eeae522' }, h("label", { key: 'd1f33431a2bd5c78ad6900f10a39f7fed809940e', class: toggleClass, htmlFor: this.input_id }, h("input", { key: '48c0ff13b9e0ae8a95111660c6051f68b2e13047', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("span", { key: '38e0af80d8c371d37a2b3a82178fe24ebc36a2e3', class: "toggle" }), h("p", { key: 'c1ec1cadeb10d0ec643e8dfccc7ab4080791a64c' }, h("span", { key: 'f730434e432e91dd11ca1869ebe3474aa686a5df', class: "toggle-title" }, "Radio Button Title"), h("span", { key: '084e6dd62063fe0b4e0e0e737716bb7b64a5cdbe', class: "toggle-supporting" }, "Supporting Text")))));
|
|
23
23
|
}
|
|
24
24
|
static get style() { return DdaToggleStyle0 + DdaToggleStyle1; }
|
|
25
25
|
}, [0, "dda-toggle", {
|
|
@@ -18,7 +18,7 @@ const DdaUiCard$1 = /*@__PURE__*/ proxyCustomElement(class DdaUiCard extends H {
|
|
|
18
18
|
this.linkicon = 'arrow_forward';
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '8dbb9cb8700c4bd45ce10e4cd25957348e7a7665' }, h("div", { key: '1d646685c8c823abca05dde069afcce30fbd7abb', class: 'dda-card' }, h("div", { key: '286a41509da68cf665d52963f82b56aea9141384', class: 'dda-card-body' }, this.type !== 'custom' && (h("div", { key: '13353a01827a6484d2be9128ce0614662bbc0acd' }, !!this.icon && (h("span", { key: '472b65fa2df2fa66e0821df83b919d7b39f932bc', class: 'dda-card-icon' }, h("i", { key: 'a47bd8c92a767653058a924e989335f636099be8', class: 'material-icons' }, this.icon))), !!this.image && (h("span", { key: '255a22badbe7f01ba7efd9f7cdb2ce7a0b8526ae', class: 'dda-card-icon' }, h("img", { key: 'c439d3eeaef76881ca47881603960ce3ab582e6d', src: this.image, alt: this.maintitle }))), !!this.maintitle && h("h1", { key: 'f78517807aeb3642c01dd57d1084ab34a78e0713', class: 'dda-card-title' }, this.maintitle), !!this.subtitle && h("p", { key: 'f12cd1a9fb9b2e1994a636f92f16754600ec03de', class: 'dda-card-text-muted' }, this.subtitle), !!this.link && (h("a", { key: '5c068a24ee05d8694ea82ade806878a7c37d856c', href: this.link, class: 'dda-card-link' }, this.linktext, ' ', this.linkicon && (h("span", { key: 'cbd3c42c3cde2f5206c836db1392371fcbc638e2' }, h("i", { key: '2b9881d6afff44212dc12d5fb99e566dfa78e151', class: 'material-icons' }, this.linkicon))))))), h("slot", { key: 'cd14d3a5397946c24424cc877f4570bab0df1113' })))));
|
|
22
22
|
}
|
|
23
23
|
static get style() { return DdaUiCardStyle0; }
|
|
24
24
|
}, [4, "dda-ui-card", {
|
|
@@ -15,7 +15,7 @@ const DdaVerticalStepper$1 = /*@__PURE__*/ proxyCustomElement(class DdaVerticalS
|
|
|
15
15
|
this.parsedSteps = JSON.parse(this.steps);
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: 'b0f1015cfaebe2685ec8f64ae0bace2b50c75df3' }, h("div", { key: '9b8bddf68ddcda3f5890e309a49776bffe27a6e6', class: `${this.custom_class} ${this.component_mode} v-stepper-container` }, this.parsedSteps.map((step, index) => (h("div", { class: `v-step ${index <= this.current_Step ? 'active' : ''}` }, h("div", { class: "v-step-indicator" }, h("div", { class: "icon" }, h("i", { class: `material-icons` }, step.icon))), h("div", { class: "v-step-content" }, h("div", { class: "v-step-title" }, step.title), h("div", { class: "v-step-subtitle" }, step.subtitle), h("div", { class: "v-step-description" }, step.description)), h("div", { class: "v-step-arrow" }, h("i", { class: "material-icons material-symbols-outlined" }, "chevron_right"))))))));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return DdaVerticalStepperStyle0; }
|
|
21
21
|
}, [0, "dda-vertical-stepper", {
|
|
@@ -14,7 +14,7 @@ const DdaTooltip = /*@__PURE__*/ proxyCustomElement(class DdaTooltip extends H {
|
|
|
14
14
|
this.custom_class = '';
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: '83671bd7454b6c96eb4c7d9c23ec0b04ffb812b5' }, h("div", { key: '08771b8a5bbbd9f7745dac15aa085210098630a3', class: `dda-tooltip-container ${this.custom_class} ${this.component_mode}` }, h("slot", { key: 'fb30f62b9dda1e7554b41e95aedc983d8bc045c5' }), h("div", { key: '887bd2d6605cd2e98dc8556879569571534a636e', class: `dda-tooltip-box ${this.position}` }, h("strong", { key: 'c9fc851c2f5d45089ece5ede23020521c3547c78' }, this.title_text), h("p", { key: 'c380dcb925073119557d83d7959b0ecc34369b86' }, this.description)))));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return DdaTooltipStyle0 + DdaTooltipStyle1; }
|
|
20
20
|
}, [4, "dda-tooltip", {
|
|
@@ -41,4 +41,4 @@ defineCustomElement();
|
|
|
41
41
|
|
|
42
42
|
export { DdaTooltip as D, defineCustomElement as d };
|
|
43
43
|
|
|
44
|
-
//# sourceMappingURL=p-
|
|
44
|
+
//# sourceMappingURL=p-2084265f.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-86a1d7c5.js","mappings":";;AAAA,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,yBAAe,SAAS;;ACDxB,MAAM,aAAa,GAAG,06EAA06E,CAAC;AACj8E,yBAAe,aAAa;;MCMf,UAAU;IALvB;;;QAQU,aAAQ,GAAwC,KAAK,CAAC;QACtD,iBAAY,GAAY,EAAE,CAAC;KAgBpC;IAbC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,yBAAyB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IAC7E,8DAAa,EACb,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,QAAQ,EAAE,IAC5C,iEAAS,IAAI,CAAC,UAAU,CAAU,EAClC,4DAAI,IAAI,CAAC,WAAW,CAAK,CACrB,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/global/global.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.tsx"],"sourcesContent":["@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n height: 1550px;\r\n} */\r\n",".dda-tooltip-container {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n.dda-tooltip-box {\r\n position: absolute;\r\n visibility: hidden;\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n text-align: center;\r\n padding: 5px 12px;\r\n border-radius: 6px;\r\n z-index: 1;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.dda-tooltip-container:hover .dda-tooltip-box {\r\n visibility: visible;\r\n opacity: 1;\r\n}\r\n.dda-tooltip-box strong{\r\n font-size: 16px;\r\n color: var(--dda-neutral-0);\r\n white-space: nowrap;\r\n}\r\n.dda-tooltip-box p{\r\n font-size: 14px;\r\n color: var(--dda-neutral-variant-30);\r\n white-space: nowrap;\r\n margin: 0;\r\n}\r\n\r\n.dda-tooltip-box.top {\r\n bottom: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-bottom: 7px;\r\n}\r\n.dda-tooltip-box.top::before, .dda-tooltip-box.top::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.top::before {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-90);\r\n margin-top: 0px;\r\n}\r\n.dda-tooltip-box.top::after {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-100);\r\n margin-top: -2px;\r\n z-index: 1;\r\n}\r\n\r\n\r\n.dda-tooltip-box.bottom {\r\n top: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-top: 7px;\r\n}\r\n.dda-tooltip-box.bottom::before, .dda-tooltip-box.bottom::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.bottom::before {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-90);\r\n margin-bottom: 0px;\r\n}\r\n.dda-tooltip-box.bottom::after {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-100);\r\n margin-bottom: -2px;\r\n z-index: 1;\r\n}\r\n\r\n.dda-tooltip-box.left {\r\n top: 50%;\r\n inset-inline-end: 100%;\r\n margin-inline-end: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before, .dda-tooltip-box.left::after,\r\n.dda-tooltip-box.right::before, .dda-tooltip-box.right::after {\r\n content: \"\";\r\n border-top: 10px solid transparent;\r\n border-bottom: 10px solid transparent;\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-90);\r\n right: -9px;\r\n}\r\n.dda-tooltip-box.left::after {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n right: -8px;\r\n}\r\n\r\n.dda-tooltip-box.right {\r\n top: 50%;\r\n inset-inline-start: 100%;\r\n margin-inline-start: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.right::before {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-90);\r\n left: -9px;\r\n}\r\n.dda-tooltip-box.right::after {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n left: -8px;\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-tooltip',\r\n styleUrls: ['../../global/global.css', 'dda-tooltip.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n @Prop() title_text: string;\r\n @Prop() description: string;\r\n @Prop() position: 'top' | 'bottom' | 'left' | 'right' = 'top'; // Default to top position\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n <slot></slot>\r\n <div class={`dda-tooltip-box ${this.position}`}>\r\n <strong>{this.title_text}</strong>\r\n <p>{this.description}</p>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"],"version":3}
|
|
1
|
+
{"file":"p-2084265f.js","mappings":";;AAAA,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,yBAAe,SAAS;;ACDxB,MAAM,aAAa,GAAG,06EAA06E,CAAC;AACj8E,yBAAe,aAAa;;MCMf,UAAU;IALvB;;;QAQU,aAAQ,GAAwC,KAAK,CAAC;QACtD,iBAAY,GAAY,EAAE,CAAC;KAgBpC;IAbC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,yBAAyB,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE,IAC7E,8DAAa,EACb,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,QAAQ,EAAE,IAC5C,iEAAS,IAAI,CAAC,UAAU,CAAU,EAClC,4DAAI,IAAI,CAAC,WAAW,CAAK,CACrB,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/global/global.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.css?tag=dda-tooltip","src/components/dda-tooltip/dda-tooltip.tsx"],"sourcesContent":["@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/*Colors*/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/**/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/* Border-radius classes */\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/*Temporary*/\r\n/* body{\r\n height: 1550px;\r\n} */\r\n",".dda-tooltip-container {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n.dda-tooltip-box {\r\n position: absolute;\r\n visibility: hidden;\r\n background-color: var(--dda-neutral-100);\r\n border: solid 1px var(--dda-neutral-90);\r\n color: var(--dda-neutral-0);\r\n text-align: center;\r\n padding: 5px 12px;\r\n border-radius: 6px;\r\n z-index: 1;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n.dda-tooltip-container:hover .dda-tooltip-box {\r\n visibility: visible;\r\n opacity: 1;\r\n}\r\n.dda-tooltip-box strong{\r\n font-size: 16px;\r\n color: var(--dda-neutral-0);\r\n white-space: nowrap;\r\n}\r\n.dda-tooltip-box p{\r\n font-size: 14px;\r\n color: var(--dda-neutral-variant-30);\r\n white-space: nowrap;\r\n margin: 0;\r\n}\r\n\r\n.dda-tooltip-box.top {\r\n bottom: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-bottom: 7px;\r\n}\r\n.dda-tooltip-box.top::before, .dda-tooltip-box.top::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.top::before {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-90);\r\n margin-top: 0px;\r\n}\r\n.dda-tooltip-box.top::after {\r\n top: 100%;\r\n border-top: 8px solid var(--dda-neutral-100);\r\n margin-top: -2px;\r\n z-index: 1;\r\n}\r\n\r\n\r\n.dda-tooltip-box.bottom {\r\n top: 100%;\r\n left: 50%;\r\n transform: translate(-50%);\r\n margin-top: 7px;\r\n}\r\n.dda-tooltip-box.bottom::before, .dda-tooltip-box.bottom::after {\r\n content: \"\";\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n position: absolute;\r\n left: 50%;\r\n margin-inline-start: -10px;\r\n}\r\n.dda-tooltip-box.bottom::before {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-90);\r\n margin-bottom: 0px;\r\n}\r\n.dda-tooltip-box.bottom::after {\r\n bottom: 100%;\r\n border-bottom: 8px solid var(--dda-neutral-100);\r\n margin-bottom: -2px;\r\n z-index: 1;\r\n}\r\n\r\n.dda-tooltip-box.left {\r\n top: 50%;\r\n inset-inline-end: 100%;\r\n margin-inline-end: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before, .dda-tooltip-box.left::after,\r\n.dda-tooltip-box.right::before, .dda-tooltip-box.right::after {\r\n content: \"\";\r\n border-top: 10px solid transparent;\r\n border-bottom: 10px solid transparent;\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.left::before {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-90);\r\n right: -9px;\r\n}\r\n.dda-tooltip-box.left::after {\r\n bottom: 100%;\r\n border-left: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n right: -8px;\r\n}\r\n\r\n.dda-tooltip-box.right {\r\n top: 50%;\r\n inset-inline-start: 100%;\r\n margin-inline-start: 13px;\r\n transform: translate(0%, -50%);\r\n}\r\n.dda-tooltip-box.right::before {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-90);\r\n left: -9px;\r\n}\r\n.dda-tooltip-box.right::after {\r\n bottom: 100%;\r\n border-right: 8px solid var(--dda-neutral-100);\r\n z-index: 1;\r\n left: -8px;\r\n}","import { Component, Prop, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-tooltip',\r\n styleUrls: ['../../global/global.css', 'dda-tooltip.css'],\r\n shadow: false,\r\n})\r\nexport class DdaTooltip {\r\n @Prop() title_text: string;\r\n @Prop() description: string;\r\n @Prop() position: 'top' | 'bottom' | 'left' | 'right' = 'top'; // Default to top position\r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`dda-tooltip-container ${this.custom_class} ${this.component_mode}`}>\r\n <slot></slot>\r\n <div class={`dda-tooltip-box ${this.position}`}>\r\n <strong>{this.title_text}</strong>\r\n <p>{this.description}</p>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"],"version":3}
|
|
@@ -35,9 +35,9 @@ const DdaLinkButton = /*@__PURE__*/ proxyCustomElement(class DdaLinkButton exten
|
|
|
35
35
|
this.custom_class, // Include custom class
|
|
36
36
|
this.component_mode,
|
|
37
37
|
].filter(Boolean).join(' ');
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '2c3b12058aa3a3438285266e7e2264e6481ad805' }, h("a", { key: '147711ae985be520b6dfa5b073b0853cfdcab45d',
|
|
39
39
|
// type={this.type}
|
|
40
|
-
id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '
|
|
40
|
+
id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '39d5aca68703808fb420cdf98fd50cc62deb0b55', class: "material-icons material-symbols-outlined" }, this.start_icon), h("slot", { key: '8ae4ef6ec98bcb2cf7849153bad4ae0dc952e6b2' }), this.end_icon && h("i", { key: '3c4cfff70acf088f2e6a277dedc605ebd41d5424', class: "material-icons material-symbols-outlined" }, this.end_icon))));
|
|
41
41
|
}
|
|
42
42
|
static get style() { return DdaLinkButtonStyle0 + DdaLinkButtonStyle1; }
|
|
43
43
|
}, [4, "dda-link-button", {
|
|
@@ -73,4 +73,4 @@ defineCustomElement();
|
|
|
73
73
|
|
|
74
74
|
export { DdaLinkButton as D, defineCustomElement as d };
|
|
75
75
|
|
|
76
|
-
//# sourceMappingURL=p-
|
|
76
|
+
//# sourceMappingURL=p-76a543e8.js.map
|