@dubai-design-system/components-js 3.9.15 → 3.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dda-breadcrumb.cjs.entry.js +2 -1
- package/dist/cjs/dda-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-header-menu_3.cjs.entry.js +27 -7
- package/dist/cjs/dda-header-menu_3.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-header.cjs.entry.js +25 -23
- package/dist/cjs/dda-header.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-image-card.cjs.entry.js +8 -10
- package/dist/cjs/dda-image-card.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-information-card.cjs.entry.js +8 -10
- package/dist/cjs/dda-information-card.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-pagination.cjs.entry.js +4 -2
- package/dist/cjs/dda-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-teamsection-card.cjs.entry.js +18 -13
- package/dist/cjs/dda-teamsection-card.cjs.entry.js.map +1 -1
- package/dist/cjs/dda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/img/Team-Section-Card-1.svg +9 -9
- package/dist/collection/assets/img/icn/icn-Config.svg +9 -9
- package/dist/collection/assets/img/icn/icn-card-facebook.svg +11 -11
- package/dist/collection/assets/img/icn/icn-card-linkdin.svg +4 -4
- package/dist/collection/assets/img/icn/icn-card-telegram.svg +11 -11
- package/dist/collection/assets/img/icn/icn-card-twitter-x.svg +10 -10
- package/dist/collection/components/cards/dda-image-card/dda-image-card.js +45 -10
- package/dist/collection/components/cards/dda-image-card/dda-image-card.js.map +1 -1
- package/dist/collection/components/cards/dda-information-card/dda-information-card.js +45 -10
- package/dist/collection/components/cards/dda-information-card/dda-information-card.js.map +1 -1
- package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js +22 -1
- package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js.map +1 -1
- package/dist/collection/components/dda-cards/dda-team-section-cards/dda-teamsection-card-variant-one/dda-teamsection-card-variant-one.js +55 -13
- package/dist/collection/components/dda-cards/dda-team-section-cards/dda-teamsection-card-variant-one/dda-teamsection-card-variant-one.js.map +1 -1
- package/dist/collection/components/dda-header/dda-header.js +59 -23
- package/dist/collection/components/dda-header/dda-header.js.map +1 -1
- package/dist/collection/components/dda-header/dda-header.stories.js +8 -0
- package/dist/collection/components/dda-header/dda-header.stories.js.map +1 -1
- package/dist/collection/components/dda-header-menu/dda-header-menu.js +63 -6
- package/dist/collection/components/dda-header-menu/dda-header-menu.js.map +1 -1
- package/dist/collection/components/dda-input/dda-input.js +1 -1
- package/dist/collection/components/dda-input/dda-input.js.map +1 -1
- package/dist/collection/components/dda-pagination/dda-pagination.js +21 -2
- package/dist/collection/components/dda-pagination/dda-pagination.js.map +1 -1
- package/dist/collection/components/dda-slider/dda-slider.js +1 -1
- package/dist/components/dda-breadcrumb.js +4 -2
- package/dist/components/dda-breadcrumb.js.map +1 -1
- package/dist/components/dda-header-menu.js +1 -1
- package/dist/components/dda-header.js +28 -25
- package/dist/components/dda-header.js.map +1 -1
- package/dist/components/dda-image-card.js +11 -12
- package/dist/components/dda-image-card.js.map +1 -1
- package/dist/components/dda-information-card.js +11 -12
- package/dist/components/dda-information-card.js.map +1 -1
- package/dist/components/dda-input.js +1 -1
- package/dist/components/dda-pagination.js +5 -3
- package/dist/components/dda-pagination.js.map +1 -1
- package/dist/components/dda-teamsection-card.js +20 -14
- package/dist/components/dda-teamsection-card.js.map +1 -1
- package/dist/components/{p-359c3483.js → p-2f1766a5.js} +2 -2
- package/dist/components/p-2f1766a5.js.map +1 -0
- package/dist/components/{p-b7cfca52.js → p-923d3716.js} +29 -8
- package/dist/components/p-923d3716.js.map +1 -0
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/dda.esm.js.map +1 -1
- package/dist/dda/p-057d1267.entry.js +2 -0
- package/dist/dda/p-057d1267.entry.js.map +1 -0
- package/{www/build/p-9a324a3e.entry.js → dist/dda/p-41d6b9ac.entry.js} +2 -2
- package/dist/dda/p-41d6b9ac.entry.js.map +1 -0
- package/{www/build/p-af82ab21.entry.js → dist/dda/p-4fe70ce0.entry.js} +2 -2
- package/dist/dda/p-4fe70ce0.entry.js.map +1 -0
- package/dist/dda/p-5f012377.entry.js +2 -0
- package/dist/dda/p-5f012377.entry.js.map +1 -0
- package/dist/dda/p-902659c3.entry.js +2 -0
- package/dist/dda/p-902659c3.entry.js.map +1 -0
- package/dist/dda/p-91f118b4.entry.js +2 -0
- package/dist/dda/p-91f118b4.entry.js.map +1 -0
- package/dist/dda/p-ffee072d.entry.js +2 -0
- package/dist/dda/p-ffee072d.entry.js.map +1 -0
- package/dist/esm/dda-breadcrumb.entry.js +2 -1
- package/dist/esm/dda-breadcrumb.entry.js.map +1 -1
- package/dist/esm/dda-header-menu_3.entry.js +28 -8
- package/dist/esm/dda-header-menu_3.entry.js.map +1 -1
- package/dist/esm/dda-header.entry.js +25 -23
- package/dist/esm/dda-header.entry.js.map +1 -1
- package/dist/esm/dda-image-card.entry.js +9 -11
- package/dist/esm/dda-image-card.entry.js.map +1 -1
- package/dist/esm/dda-information-card.entry.js +9 -11
- package/dist/esm/dda-information-card.entry.js.map +1 -1
- package/dist/esm/dda-pagination.entry.js +5 -3
- package/dist/esm/dda-pagination.entry.js.map +1 -1
- package/dist/esm/dda-teamsection-card.entry.js +19 -14
- package/dist/esm/dda-teamsection-card.entry.js.map +1 -1
- package/dist/esm/dda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/cards/dda-image-card/dda-image-card.d.ts +3 -0
- package/dist/types/components/cards/dda-information-card/dda-information-card.d.ts +3 -0
- package/dist/types/components/dda-breadcrumb/dda-breadcrumb.d.ts +1 -0
- package/dist/types/components/dda-cards/dda-team-section-cards/dda-teamsection-card-variant-one/dda-teamsection-card-variant-one.d.ts +3 -0
- package/dist/types/components/dda-header/dda-header.d.ts +2 -0
- package/dist/types/components/dda-header-menu/dda-header-menu.d.ts +4 -1
- package/dist/types/components/dda-pagination/dda-pagination.d.ts +2 -0
- package/dist/types/components.d.ts +94 -0
- package/package.json +2 -2
- package/readme.md +10 -0
- package/www/build/dda.esm.js +1 -1
- package/www/build/dda.esm.js.map +1 -1
- package/www/build/p-057d1267.entry.js +2 -0
- package/www/build/p-057d1267.entry.js.map +1 -0
- package/{dist/dda/p-9a324a3e.entry.js → www/build/p-41d6b9ac.entry.js} +2 -2
- package/www/build/p-41d6b9ac.entry.js.map +1 -0
- package/{dist/dda/p-af82ab21.entry.js → www/build/p-4fe70ce0.entry.js} +2 -2
- package/www/build/p-4fe70ce0.entry.js.map +1 -0
- package/www/build/p-5f012377.entry.js +2 -0
- package/www/build/p-5f012377.entry.js.map +1 -0
- package/www/build/p-902659c3.entry.js +2 -0
- package/www/build/p-902659c3.entry.js.map +1 -0
- package/www/build/p-91f118b4.entry.js +2 -0
- package/www/build/p-91f118b4.entry.js.map +1 -0
- package/www/build/p-ffee072d.entry.js +2 -0
- package/www/build/p-ffee072d.entry.js.map +1 -0
- package/dist/components/p-359c3483.js.map +0 -1
- package/dist/components/p-b7cfca52.js.map +0 -1
- package/dist/dda/p-7dc8f091.entry.js +0 -2
- package/dist/dda/p-7dc8f091.entry.js.map +0 -1
- package/dist/dda/p-86c330a1.entry.js +0 -2
- package/dist/dda/p-86c330a1.entry.js.map +0 -1
- package/dist/dda/p-99cef84d.entry.js +0 -2
- package/dist/dda/p-99cef84d.entry.js.map +0 -1
- package/dist/dda/p-9a324a3e.entry.js.map +0 -1
- package/dist/dda/p-af82ab21.entry.js.map +0 -1
- package/dist/dda/p-d971b523.entry.js +0 -2
- package/dist/dda/p-d971b523.entry.js.map +0 -1
- package/dist/dda/p-d993427b.entry.js +0 -2
- package/dist/dda/p-d993427b.entry.js.map +0 -1
- package/www/build/p-7dc8f091.entry.js +0 -2
- package/www/build/p-7dc8f091.entry.js.map +0 -1
- package/www/build/p-86c330a1.entry.js +0 -2
- package/www/build/p-86c330a1.entry.js.map +0 -1
- package/www/build/p-99cef84d.entry.js +0 -2
- package/www/build/p-99cef84d.entry.js.map +0 -1
- package/www/build/p-9a324a3e.entry.js.map +0 -1
- package/www/build/p-af82ab21.entry.js.map +0 -1
- package/www/build/p-d971b523.entry.js +0 -2
- package/www/build/p-d971b523.entry.js.map +0 -1
- package/www/build/p-d993427b.entry.js +0 -2
- package/www/build/p-d993427b.entry.js.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#clip0_15250_281)">
|
|
3
|
-
<path d="M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z" fill="black"/>
|
|
4
|
-
<path d="M13.8926 12.8906L14.3359 10H11.5625V8.125C11.5625 7.33418 11.95 6.5625 13.1922 6.5625H14.4531V4.10156C14.4531 4.10156 13.3088 3.90625 12.2146 3.90625C9.93047 3.90625 8.4375 5.29063 8.4375 7.79688V10H5.89844V12.8906H8.4375V19.8785C9.47287 20.0405 10.5271 20.0405 11.5625 19.8785V12.8906H13.8926Z" fill="white"/>
|
|
5
|
-
</g>
|
|
6
|
-
<defs>
|
|
7
|
-
<clipPath id="clip0_15250_281">
|
|
8
|
-
<rect width="20" height="20" fill="white"/>
|
|
9
|
-
</clipPath>
|
|
10
|
-
</defs>
|
|
11
|
-
</svg>
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_15250_281)">
|
|
3
|
+
<path d="M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z" fill="black"/>
|
|
4
|
+
<path d="M13.8926 12.8906L14.3359 10H11.5625V8.125C11.5625 7.33418 11.95 6.5625 13.1922 6.5625H14.4531V4.10156C14.4531 4.10156 13.3088 3.90625 12.2146 3.90625C9.93047 3.90625 8.4375 5.29063 8.4375 7.79688V10H5.89844V12.8906H8.4375V19.8785C9.47287 20.0405 10.5271 20.0405 11.5625 19.8785V12.8906H13.8926Z" fill="white"/>
|
|
5
|
+
</g>
|
|
6
|
+
<defs>
|
|
7
|
+
<clipPath id="clip0_15250_281">
|
|
8
|
+
<rect width="20" height="20" fill="white"/>
|
|
9
|
+
</clipPath>
|
|
10
|
+
</defs>
|
|
11
|
+
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M-0.00012207 1.43266C-0.00012207 0.641875 0.661909 0 1.478 0H18.5218C19.3382 0 19.9999 0.641875 19.9999 1.43266V18.5676C19.9999 19.3586 19.3382 20 18.5218 20H1.478C0.661987 20 -0.00012207 19.3587 -0.00012207 18.5678V1.43242V1.43266Z" fill="black"/>
|
|
3
|
-
<path d="M6.07767 16.7374V7.73329H3.08485V16.7374H6.07798H6.07767ZM4.58188 6.50415C5.62532 6.50415 6.27493 5.81274 6.27493 4.94868C6.2554 4.06493 5.62532 3.39282 4.60173 3.39282C3.57743 3.39282 2.90845 4.06493 2.90845 4.9486C2.90845 5.81267 3.55782 6.50407 4.56228 6.50407H4.58165L4.58188 6.50415ZM7.73423 16.7374H10.7268V11.7096C10.7268 11.4409 10.7463 11.1714 10.8254 10.9795C11.0416 10.4416 11.5341 9.88478 12.361 9.88478C13.4437 9.88478 13.877 10.7104 13.877 11.9209V16.7374H16.8695V11.5747C16.8695 8.80915 15.3933 7.5222 13.4243 7.5222C11.81 7.5222 11.101 8.42446 10.7071 9.03899H10.727V7.7336H7.73438C7.77345 8.57829 7.73415 16.7377 7.73415 16.7377L7.73423 16.7374Z" fill="white"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M-0.00012207 1.43266C-0.00012207 0.641875 0.661909 0 1.478 0H18.5218C19.3382 0 19.9999 0.641875 19.9999 1.43266V18.5676C19.9999 19.3586 19.3382 20 18.5218 20H1.478C0.661987 20 -0.00012207 19.3587 -0.00012207 18.5678V1.43242V1.43266Z" fill="black"/>
|
|
3
|
+
<path d="M6.07767 16.7374V7.73329H3.08485V16.7374H6.07798H6.07767ZM4.58188 6.50415C5.62532 6.50415 6.27493 5.81274 6.27493 4.94868C6.2554 4.06493 5.62532 3.39282 4.60173 3.39282C3.57743 3.39282 2.90845 4.06493 2.90845 4.9486C2.90845 5.81267 3.55782 6.50407 4.56228 6.50407H4.58165L4.58188 6.50415ZM7.73423 16.7374H10.7268V11.7096C10.7268 11.4409 10.7463 11.1714 10.8254 10.9795C11.0416 10.4416 11.5341 9.88478 12.361 9.88478C13.4437 9.88478 13.877 10.7104 13.877 11.9209V16.7374H16.8695V11.5747C16.8695 8.80915 15.3933 7.5222 13.4243 7.5222C11.81 7.5222 11.101 8.42446 10.7071 9.03899H10.727V7.7336H7.73438C7.77345 8.57829 7.73415 16.7377 7.73415 16.7377L7.73423 16.7374Z" fill="white"/>
|
|
4
|
+
</svg>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#clip0_15250_290)">
|
|
3
|
-
<path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="black"/>
|
|
4
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.52666 9.89446C7.44186 8.62435 9.38579 7.78702 10.3584 7.38246C13.1355 6.22737 13.7126 6.02672 14.0887 6.02009C14.1714 6.01863 14.3564 6.03913 14.4762 6.13635C14.5774 6.21844 14.6052 6.32934 14.6185 6.40717C14.6319 6.485 14.6484 6.6623 14.6353 6.80083C14.4848 8.38207 13.8336 12.2193 13.5023 13.9903C13.3621 14.7397 13.0861 14.991 12.8189 15.0155C12.2382 15.069 11.7972 14.6318 11.2348 14.2631C10.3546 13.6861 9.85741 13.327 9.00309 12.764C8.01578 12.1134 8.65581 11.7558 9.21848 11.1714C9.36573 11.0184 11.9244 8.69115 11.9739 8.48002C11.9801 8.45362 11.9859 8.3552 11.9274 8.30323C11.8689 8.25125 11.7826 8.26903 11.7203 8.28316C11.6321 8.3032 10.226 9.23252 7.50228 11.0711C7.10319 11.3452 6.7417 11.4787 6.41782 11.4717C6.06077 11.464 5.37395 11.2698 4.86336 11.1039C4.23711 10.9003 3.73938 10.7927 3.78272 10.4469C3.8053 10.2669 4.05328 10.0827 4.52666 9.89446Z" fill="white"/>
|
|
5
|
-
</g>
|
|
6
|
-
<defs>
|
|
7
|
-
<clipPath id="clip0_15250_290">
|
|
8
|
-
<rect width="20" height="20" fill="white"/>
|
|
9
|
-
</clipPath>
|
|
10
|
-
</defs>
|
|
11
|
-
</svg>
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_15250_290)">
|
|
3
|
+
<path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="black"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.52666 9.89446C7.44186 8.62435 9.38579 7.78702 10.3584 7.38246C13.1355 6.22737 13.7126 6.02672 14.0887 6.02009C14.1714 6.01863 14.3564 6.03913 14.4762 6.13635C14.5774 6.21844 14.6052 6.32934 14.6185 6.40717C14.6319 6.485 14.6484 6.6623 14.6353 6.80083C14.4848 8.38207 13.8336 12.2193 13.5023 13.9903C13.3621 14.7397 13.0861 14.991 12.8189 15.0155C12.2382 15.069 11.7972 14.6318 11.2348 14.2631C10.3546 13.6861 9.85741 13.327 9.00309 12.764C8.01578 12.1134 8.65581 11.7558 9.21848 11.1714C9.36573 11.0184 11.9244 8.69115 11.9739 8.48002C11.9801 8.45362 11.9859 8.3552 11.9274 8.30323C11.8689 8.25125 11.7826 8.26903 11.7203 8.28316C11.6321 8.3032 10.226 9.23252 7.50228 11.0711C7.10319 11.3452 6.7417 11.4787 6.41782 11.4717C6.06077 11.464 5.37395 11.2698 4.86336 11.1039C4.23711 10.9003 3.73938 10.7927 3.78272 10.4469C3.8053 10.2669 4.05328 10.0827 4.52666 9.89446Z" fill="white"/>
|
|
5
|
+
</g>
|
|
6
|
+
<defs>
|
|
7
|
+
<clipPath id="clip0_15250_290">
|
|
8
|
+
<rect width="20" height="20" fill="white"/>
|
|
9
|
+
</clipPath>
|
|
10
|
+
</defs>
|
|
11
|
+
</svg>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#clip0_15250_277)">
|
|
3
|
-
<path d="M10 0C15.5228 5.15406e-07 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 5.15422e-07 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM8.62012 10.5977L3.80957 15.7939H4.89258L9.10352 11.2441L12.5059 15.7939H16.1904L11.1416 9.04297L15.6182 4.20605H14.5361L10.6572 8.39648L7.52441 4.20605H3.83984L8.62012 10.5977ZM14.5977 14.9961H12.9053L5.43164 5.00391H7.12402L14.5977 14.9961Z" fill="#40484F"/>
|
|
4
|
-
</g>
|
|
5
|
-
<defs>
|
|
6
|
-
<clipPath id="clip0_15250_277">
|
|
7
|
-
<rect width="20" height="20" fill="white"/>
|
|
8
|
-
</clipPath>
|
|
9
|
-
</defs>
|
|
10
|
-
</svg>
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_15250_277)">
|
|
3
|
+
<path d="M10 0C15.5228 5.15406e-07 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 5.15422e-07 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM8.62012 10.5977L3.80957 15.7939H4.89258L9.10352 11.2441L12.5059 15.7939H16.1904L11.1416 9.04297L15.6182 4.20605H14.5361L10.6572 8.39648L7.52441 4.20605H3.83984L8.62012 10.5977ZM14.5977 14.9961H12.9053L5.43164 5.00391H7.12402L14.5977 14.9961Z" fill="#40484F"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_15250_277">
|
|
7
|
+
<rect width="20" height="20" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -10,18 +10,15 @@ export class DdaImageCard {
|
|
|
10
10
|
this.custom_class = '';
|
|
11
11
|
this.file_size = '';
|
|
12
12
|
this.file_type = '';
|
|
13
|
+
this.useNavigator = 'false';
|
|
13
14
|
}
|
|
14
15
|
render() {
|
|
15
|
-
const cardClass = [
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
this.
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.left_button_color, start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100", href: this.left_button_href || '', rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))
|
|
22
|
-
: null, this.right_button_name ?
|
|
23
|
-
h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.right_button_color, start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100", href: this.right_button_href || '', rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))
|
|
24
|
-
: null)))));
|
|
16
|
+
const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');
|
|
17
|
+
return (h(Host, { key: '012eacc1c805cf0d3ade2e16097bee3cddc3b17b' }, h("div", { key: 'e7c0f4928cbcc209b4b683b13201353f89883fdc', class: cardClass }, this.image_src ? h("img", { class: "dda-card-img image-card", src: this.image_src, alt: this.header_text }) : null, h("div", { key: '3ccdecd2573f8cc0b654a96eb729f0186e00d273', class: "dda-p-3 dda-image-card-content" }, this.date_text && h("p", { key: 'ce3fa369f8437c0356033c66e43db1d2844e528d', class: "dda-card-text dda-m-0" }, this.date_text), h("p", { key: 'f1041e3774742e257f389e3609009414e420a309', class: "dda-card-title dda-m-0" }, this.header_text), this.body_text && h("p", { key: '5ffad477082b54c4391679af9821047e757df5e7', class: "dda-card-text dda-m-0" }, this.body_text), this.file_size ? h("p", { class: "dda-card-text dda-m-0" }, this.file_size) : null, this.file_type ? h("p", { class: "dda-card-text dda-m-0" }, this.file_type) : null, h("slot", { key: 'fd149ea6a287c714228d9d4ab93748c1b5a9b7bb' })), h("div", { key: '8accc64c69d32d9ee9c7fe57dc02f78f7f107e29', class: "dda-container-fluid" }, h("div", { key: '9c005af67e57ce1b0bf3c3e5dd16251ecb4f6aea', class: "dda-row" }, this.left_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.left_button_color, start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100",
|
|
18
|
+
// href={this.left_button_href || ''}
|
|
19
|
+
href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : ''), rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))) : null, this.right_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: this.right_button_color, start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100",
|
|
20
|
+
// href={this.right_button_href || ''}
|
|
21
|
+
href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : ''), rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))) : null)))));
|
|
25
22
|
}
|
|
26
23
|
static get is() { return "dda-image-card"; }
|
|
27
24
|
static get originalStyleUrls() {
|
|
@@ -557,8 +554,46 @@ export class DdaImageCard {
|
|
|
557
554
|
"attribute": "file_type",
|
|
558
555
|
"reflect": false,
|
|
559
556
|
"defaultValue": "''"
|
|
557
|
+
},
|
|
558
|
+
"useNavigator": {
|
|
559
|
+
"type": "string",
|
|
560
|
+
"mutable": false,
|
|
561
|
+
"complexType": {
|
|
562
|
+
"original": "'true' | 'false'",
|
|
563
|
+
"resolved": "\"false\" | \"true\"",
|
|
564
|
+
"references": {}
|
|
565
|
+
},
|
|
566
|
+
"required": false,
|
|
567
|
+
"optional": false,
|
|
568
|
+
"docs": {
|
|
569
|
+
"tags": [],
|
|
570
|
+
"text": ""
|
|
571
|
+
},
|
|
572
|
+
"getter": false,
|
|
573
|
+
"setter": false,
|
|
574
|
+
"attribute": "use-navigator",
|
|
575
|
+
"reflect": false,
|
|
576
|
+
"defaultValue": "'false'"
|
|
560
577
|
}
|
|
561
578
|
};
|
|
562
579
|
}
|
|
580
|
+
static get events() {
|
|
581
|
+
return [{
|
|
582
|
+
"method": "navigatorClick",
|
|
583
|
+
"name": "navigatorClick",
|
|
584
|
+
"bubbles": true,
|
|
585
|
+
"cancelable": true,
|
|
586
|
+
"composed": true,
|
|
587
|
+
"docs": {
|
|
588
|
+
"tags": [],
|
|
589
|
+
"text": ""
|
|
590
|
+
},
|
|
591
|
+
"complexType": {
|
|
592
|
+
"original": "string",
|
|
593
|
+
"resolved": "string",
|
|
594
|
+
"references": {}
|
|
595
|
+
}
|
|
596
|
+
}];
|
|
597
|
+
}
|
|
563
598
|
}
|
|
564
599
|
//# sourceMappingURL=dda-image-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-image-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-image-card/dda-image-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"dda-image-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-image-card/dda-image-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-image-card',\r\n styleUrls: ['../../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaImageCard {\r\n @Prop() image_src: string;\r\n @Prop() image_alt: string;\r\n @Prop() header_text: string;\r\n @Prop() body_text: string;\r\n @Prop() date_text: string;\r\n\r\n @Prop() left_button_color: string;\r\n @Prop() left_button_name: string;\r\n @Prop() left_button_href?: string;\r\n @Prop() left_button_rel?: string;\r\n @Prop() left_button_data_fancybox: string;\r\n @Prop() left_button_start_icon: string = '';\r\n @Prop() left_button_end_icon: string = '';\r\n @Prop() left_button_target: string = '';\r\n\r\n @Prop() right_button_color: string;\r\n @Prop() right_button_name: string;\r\n @Prop() right_button_href?: string;\r\n @Prop() right_button_rel?: string;\r\n @Prop() right_button_data_fancybox: string;\r\n @Prop() right_button_start_icon: string = '';\r\n @Prop() right_button_end_icon: string = '';\r\n @Prop() right_button_target: string = '';\r\n\r\n @Prop() left_button: string;\r\n @Prop() right_button: string;\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n\r\n @Prop() file_size: string = '';\r\n @Prop() file_type: string = '';\r\n\r\n @Event() navigatorClick?: EventEmitter<string>;\r\n @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n render() {\r\n const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={cardClass}>\r\n {this.image_src ? <img class=\"dda-card-img image-card\" src={this.image_src} alt={this.header_text} /> : null}\r\n <div class=\"dda-p-3 dda-image-card-content\">\r\n {this.date_text && <p class=\"dda-card-text dda-m-0\">{this.date_text}</p>}\r\n <p class=\"dda-card-title dda-m-0\">{this.header_text}</p>\r\n {this.body_text && <p class=\"dda-card-text dda-m-0\">{this.body_text}</p>}\r\n\r\n {this.file_size ? <p class=\"dda-card-text dda-m-0\">{this.file_size}</p> : null}\r\n {this.file_type ? <p class=\"dda-card-text dda-m-0\">{this.file_type}</p> : null}\r\n <slot></slot>\r\n </div>\r\n <div class=\"dda-container-fluid\">\r\n <div class=\"dda-row\">\r\n {this.left_button_name ? (\r\n <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n <dda-link-button\r\n button_color={this.left_button_color}\r\n start_icon={this.left_button_start_icon}\r\n end_icon={this.left_button_end_icon}\r\n custom_class=\"dda-w-100\"\r\n // href={this.left_button_href || ''}\r\n href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href}\r\n onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : '')}\r\n rel={this.left_button_rel}\r\n button_id=\"link-button\"\r\n aria_label=\"link-Button\"\r\n link_button_text={this.left_button_name}\r\n target={this.left_button_target}\r\n ></dda-link-button>\r\n </div>\r\n ) : null}\r\n\r\n {this.right_button_name ? (\r\n <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n <dda-link-button\r\n button_color={this.right_button_color}\r\n start_icon={this.right_button_start_icon}\r\n end_icon={this.right_button_end_icon}\r\n custom_class=\"dda-w-100\"\r\n // href={this.right_button_href || ''}\r\n href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href}\r\n onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : '')}\r\n rel={this.right_button_rel}\r\n button_id=\"link-button\"\r\n aria_label=\"link-Button\"\r\n link_button_text={this.right_button_name}\r\n target={this.right_button_target}\r\n ></dda-link-button>\r\n </div>\r\n ) : null}\r\n </div>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -8,18 +8,15 @@ export class DdaInformationCard {
|
|
|
8
8
|
this.right_button_end_icon = '';
|
|
9
9
|
this.right_button_target = '';
|
|
10
10
|
this.custom_class = '';
|
|
11
|
+
this.useNavigator = 'false';
|
|
11
12
|
}
|
|
12
13
|
render() {
|
|
13
|
-
const cardClass = [
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
this.
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-tertiary", start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100", href: this.left_button_href || '', rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))
|
|
20
|
-
: null, this.right_button_name ?
|
|
21
|
-
h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-primary", start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100", href: this.right_button_href || '', rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))
|
|
22
|
-
: null)), h("slot", { key: 'c4c07b37a60dc79d726b2702e79fdff1c69580a6' }))));
|
|
14
|
+
const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');
|
|
15
|
+
return (h(Host, { key: '4d14d03cc8e9d2a50d9b72b46358ca034b93468c' }, h("div", { key: 'a6af852918c027caa99c76c77a2aea0eccbce2a5', class: cardClass }, h("div", { key: '9423b2c286a34fbd1f8c2a670d1326e9f9712360', class: "dda-py-4 dda-px-3 " }, this.image_src ? h("img", { class: "dda-information-card-image", src: this.image_src, alt: this.image_alt }) : null, h("p", { key: '5cf97066fdf4ff1f3596cd24af3400d63a4b776a', class: "dda-card-title dda-m-0" }, this.header_text), this.body_text && h("p", { key: '3ff97f925d35dfd6cbe0b962648da7a1faca38c1', class: "dda-card-text dda-m-0" }, this.body_text)), h("div", { key: '7e002ac27f4007e42e8bf9fb2d59379822eaca9d', class: "dda-container-fluid" }, h("div", { key: '1ad6dbdd624b2521c1656d3a438662210fb2c462', class: "dda-row" }, this.left_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-tertiary", start_icon: this.left_button_start_icon, end_icon: this.left_button_end_icon, custom_class: "dda-w-100", href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : ''),
|
|
16
|
+
// href={this.left_button_href || ''}
|
|
17
|
+
rel: this.left_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.left_button_name, target: this.left_button_target }))) : null, this.right_button_name ? (h("div", { class: "dda-col dda-py-3 dda-card-button-wrap" }, h("dda-link-button", { button_color: "default-primary", start_icon: this.right_button_start_icon, end_icon: this.right_button_end_icon, custom_class: "dda-w-100",
|
|
18
|
+
// href={this.right_button_href || ''}
|
|
19
|
+
href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : ''), rel: this.right_button_rel, button_id: "link-button", aria_label: "link-Button", link_button_text: this.right_button_name, target: this.right_button_target }))) : null)), h("slot", { key: '5b1dc7d22fecdf01c5395c8df2ff0b1fbe6e4789' }))));
|
|
23
20
|
}
|
|
24
21
|
static get is() { return "dda-information-card"; }
|
|
25
22
|
static get originalStyleUrls() {
|
|
@@ -477,8 +474,46 @@ export class DdaInformationCard {
|
|
|
477
474
|
"setter": false,
|
|
478
475
|
"attribute": "component_mode",
|
|
479
476
|
"reflect": false
|
|
477
|
+
},
|
|
478
|
+
"useNavigator": {
|
|
479
|
+
"type": "string",
|
|
480
|
+
"mutable": false,
|
|
481
|
+
"complexType": {
|
|
482
|
+
"original": "'true' | 'false'",
|
|
483
|
+
"resolved": "\"false\" | \"true\"",
|
|
484
|
+
"references": {}
|
|
485
|
+
},
|
|
486
|
+
"required": false,
|
|
487
|
+
"optional": false,
|
|
488
|
+
"docs": {
|
|
489
|
+
"tags": [],
|
|
490
|
+
"text": ""
|
|
491
|
+
},
|
|
492
|
+
"getter": false,
|
|
493
|
+
"setter": false,
|
|
494
|
+
"attribute": "use-navigator",
|
|
495
|
+
"reflect": false,
|
|
496
|
+
"defaultValue": "'false'"
|
|
480
497
|
}
|
|
481
498
|
};
|
|
482
499
|
}
|
|
500
|
+
static get events() {
|
|
501
|
+
return [{
|
|
502
|
+
"method": "navigatorClick",
|
|
503
|
+
"name": "navigatorClick",
|
|
504
|
+
"bubbles": true,
|
|
505
|
+
"cancelable": true,
|
|
506
|
+
"composed": true,
|
|
507
|
+
"docs": {
|
|
508
|
+
"tags": [],
|
|
509
|
+
"text": ""
|
|
510
|
+
},
|
|
511
|
+
"complexType": {
|
|
512
|
+
"original": "string",
|
|
513
|
+
"resolved": "string",
|
|
514
|
+
"references": {}
|
|
515
|
+
}
|
|
516
|
+
}];
|
|
517
|
+
}
|
|
483
518
|
}
|
|
484
519
|
//# sourceMappingURL=dda-information-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-information-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-information-card/dda-information-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"dda-information-card.js","sourceRoot":"","sources":["../../../../src/components/cards/dda-information-card/dda-information-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-information-card',\r\n styleUrls: ['../../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaInformationCard {\r\n @Prop() image_src: string;\r\n @Prop() image_alt: string;\r\n @Prop() header_text: string;\r\n @Prop() body_text: string;\r\n\r\n @Prop() left_button_name: string;\r\n @Prop() left_button_href?: string;\r\n @Prop() left_button_rel?: string;\r\n @Prop() left_button_data_fancybox: string;\r\n @Prop() left_button_start_icon: string = '';\r\n @Prop() left_button_end_icon: string = '';\r\n @Prop() left_button_target: string = '';\r\n\r\n @Prop() right_button_name: string;\r\n @Prop() right_button_href?: string;\r\n @Prop() right_button_rel?: string;\r\n @Prop() right_button_data_fancybox: string;\r\n @Prop() right_button_start_icon: string = '';\r\n @Prop() right_button_end_icon: string = '';\r\n @Prop() right_button_target: string = '';\r\n\r\n @Prop() left_button: string;\r\n @Prop() right_button: string;\r\n @Prop() single_button: boolean;\r\n\r\n @Prop() custom_class?: string = '';\r\n @Prop() component_mode?: string;\r\n\r\n @Event() navigatorClick?: EventEmitter<string>;\r\n @Prop() useNavigator: 'true' | 'false' = 'false';\r\n\r\n render() {\r\n const cardClass = ['dda-card', this.custom_class ? `${this.custom_class}` : '', this.component_mode].filter(Boolean).join(' ');\r\n\r\n return (\r\n <Host>\r\n <div class={cardClass}>\r\n <div class=\"dda-py-4 dda-px-3 \">\r\n {this.image_src ? <img class=\"dda-information-card-image\" src={this.image_src} alt={this.image_alt} /> : null}\r\n <p class=\"dda-card-title dda-m-0\">{this.header_text}</p>\r\n {this.body_text && <p class=\"dda-card-text dda-m-0\">{this.body_text}</p>}\r\n </div>\r\n\r\n <div class=\"dda-container-fluid\">\r\n <div class=\"dda-row\">\r\n {this.left_button_name ? (\r\n <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n <dda-link-button\r\n button_color=\"default-tertiary\"\r\n start_icon={this.left_button_start_icon}\r\n end_icon={this.left_button_end_icon}\r\n custom_class=\"dda-w-100\"\r\n href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.left_button_href}\r\n onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.left_button_href) : '')}\r\n // href={this.left_button_href || ''}\r\n rel={this.left_button_rel}\r\n button_id=\"link-button\"\r\n aria_label=\"link-Button\"\r\n link_button_text={this.left_button_name}\r\n target={this.left_button_target}\r\n ></dda-link-button>\r\n </div>\r\n ) : null}\r\n\r\n {this.right_button_name ? (\r\n <div class=\"dda-col dda-py-3 dda-card-button-wrap\">\r\n <dda-link-button\r\n button_color=\"default-primary\"\r\n start_icon={this.right_button_start_icon}\r\n end_icon={this.right_button_end_icon}\r\n custom_class=\"dda-w-100\"\r\n // href={this.right_button_href || ''}\r\n href={this.useNavigator == 'true' ? 'javascript:void(0)' : this.right_button_href}\r\n onClick={() => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.right_button_href) : '')}\r\n rel={this.right_button_rel}\r\n button_id=\"link-button\"\r\n aria_label=\"link-Button\"\r\n link_button_text={this.right_button_name}\r\n target={this.right_button_target}\r\n ></dda-link-button>\r\n </div>\r\n ) : null}\r\n </div>\r\n </div>\r\n <slot></slot>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -5,6 +5,7 @@ export class DdaBreadcrumb {
|
|
|
5
5
|
this.separator = 'chevron_right'; // Default to chevron separator
|
|
6
6
|
this.aria_label = '';
|
|
7
7
|
this.custom_class = '';
|
|
8
|
+
this.dataBreadcrumbs = "";
|
|
8
9
|
this.breadcrumbs = [];
|
|
9
10
|
}
|
|
10
11
|
componentWillLoad() {
|
|
@@ -14,7 +15,7 @@ export class DdaBreadcrumb {
|
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
18
|
+
return (h(Host, { key: '305f32fe125cca17ab7017f1c23b65a169fc5913' }, h("div", { key: '20bb08724075f4bc8a9a7c1c3b08a285bcab5e89', class: this.component_mode }, h("nav", { key: 'd54e1bc5a299af054dece4c598aecc7a47fd6c32', "aria-label": this.aria_label, class: `${this.custom_class}` }, h("ol", { key: 'aa07901fa53ecf5c9f16a3b4f13103e829c948ec', class: "dda-breadcrumb" }, this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", { href: crumb.url }, this.design !== 'text' && h("i", { class: `material-icons`, "aria-hidden": "true" }, crumb.icon), this.design !== 'icon' && h("span", null, crumb.text)), index < this.breadcrumbs.length - 1 && (h("i", { class: `material-icons material-symbols-outlined`, "aria-hidden": "true" }, this.separator))))))))));
|
|
18
19
|
}
|
|
19
20
|
static get is() { return "dda-breadcrumb"; }
|
|
20
21
|
static get originalStyleUrls() {
|
|
@@ -127,6 +128,26 @@ export class DdaBreadcrumb {
|
|
|
127
128
|
"setter": false,
|
|
128
129
|
"attribute": "component_mode",
|
|
129
130
|
"reflect": false
|
|
131
|
+
},
|
|
132
|
+
"dataBreadcrumbs": {
|
|
133
|
+
"type": "string",
|
|
134
|
+
"mutable": false,
|
|
135
|
+
"complexType": {
|
|
136
|
+
"original": "string",
|
|
137
|
+
"resolved": "string",
|
|
138
|
+
"references": {}
|
|
139
|
+
},
|
|
140
|
+
"required": false,
|
|
141
|
+
"optional": false,
|
|
142
|
+
"docs": {
|
|
143
|
+
"tags": [],
|
|
144
|
+
"text": ""
|
|
145
|
+
},
|
|
146
|
+
"getter": false,
|
|
147
|
+
"setter": false,
|
|
148
|
+
"attribute": "data-breadcrumbs",
|
|
149
|
+
"reflect": false,
|
|
150
|
+
"defaultValue": "\"\""
|
|
130
151
|
}
|
|
131
152
|
};
|
|
132
153
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,aAAa;IAL1B;QAMU,WAAM,GAAkC,MAAM,CAAC,CAAC,yBAAyB;QACzE,cAAS,GAAmC,eAAe,CAAC,CAAC,+BAA+B;QAC5F,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"dda-breadcrumb.js","sourceRoot":"","sources":["../../../src/components/dda-breadcrumb/dda-breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,aAAa;IAL1B;QAMU,WAAM,GAAkC,MAAM,CAAC,CAAC,yBAAyB;QACzE,cAAS,GAAmC,eAAe,CAAC,CAAC,+BAA+B;QAC5F,eAAU,GAAY,EAAE,CAAC;QACzB,iBAAY,GAAY,EAAE,CAAC;QAE3B,oBAAe,GAAW,EAAE,CAAC;QAGrC,gBAAW,GAAkD,EAAE,CAAC;KAgCjE;IA9BC,iBAAiB;QACf,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjE,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc;gBAC7B,0EAAiB,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;oBAC7D,2DAAI,KAAK,EAAC,gBAAgB,IACvB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,UAAI,KAAK,EAAE,uBAAuB,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;wBACvF,SAAG,IAAI,EAAE,KAAK,CAAC,GAAG;4BACf,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,SAAG,KAAK,EAAE,gBAAgB,iBAAc,MAAM,IAAE,KAAK,CAAC,IAAI,CAAK;4BACzF,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,gBAAO,KAAK,CAAC,IAAI,CAAQ,CAClD;wBACH,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,SAAG,KAAK,EAAE,0CAA0C,iBAAc,MAAM,IAAE,IAAI,CAAC,SAAS,CAAK,CAC9F,CACE,CACN,CAAC,CACC,CACD,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-breadcrumb',\r\n styleUrls: ['dda-breadcrumb.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaBreadcrumb {\r\n @Prop() design: 'text' | 'icon-text' | 'icon' = 'text'; // Default to text design\r\n @Prop() separator: 'chevron_right' | 'pen_size_2' = 'chevron_right'; // Default to chevron separator\r\n @Prop() aria_label?: string = ''; \r\n @Prop() custom_class?: string = ''; \r\n @Prop() component_mode?: string; \r\n @Prop() dataBreadcrumbs: string = \"\";\r\n @Element() el: HTMLElement;\r\n\r\n breadcrumbs: { text: string; icon: string; url: string }[] = [];\r\n\r\n componentWillLoad() {\r\n const breadcrumbsData = this.el.getAttribute('data-breadcrumbs');\r\n if (breadcrumbsData) {\r\n this.breadcrumbs = JSON.parse(breadcrumbsData);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={this.component_mode}>\r\n <nav aria-label={this.aria_label} class={`${this.custom_class}`}>\r\n <ol class=\"dda-breadcrumb\">\r\n {this.breadcrumbs && this.breadcrumbs.map((crumb, index) => (\r\n <li class={`dda-breadcrumb-item ${index === this.breadcrumbs.length - 1 ? 'active' : ''}`}>\r\n <a href={crumb.url}>\r\n {this.design !== 'text' && <i class={`material-icons`} aria-hidden=\"true\">{crumb.icon}</i>}\r\n {this.design !== 'icon' && <span>{crumb.text}</span>}\r\n </a>\r\n {index < this.breadcrumbs.length - 1 && (\r\n <i class={`material-icons material-symbols-outlined`} aria-hidden=\"true\">{this.separator}</i>\r\n )}\r\n </li>\r\n ))}\r\n </ol>\r\n </nav>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -3,6 +3,7 @@ export class DdaImageCard {
|
|
|
3
3
|
constructor() {
|
|
4
4
|
this.custom_class = '';
|
|
5
5
|
this.card_type = 'variant-one';
|
|
6
|
+
this.useNavigator = 'false';
|
|
6
7
|
this.social_icons = [];
|
|
7
8
|
this.parsedSocialIcons = [];
|
|
8
9
|
}
|
|
@@ -44,30 +45,33 @@ export class DdaImageCard {
|
|
|
44
45
|
// </div>
|
|
45
46
|
// )}
|
|
46
47
|
// </div>
|
|
47
|
-
h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && (h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture', class: "team-member-image" })), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-one-body" }, h("div", { class: "teamsection-type-one-content" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text &&
|
|
48
|
+
h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && (h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture', class: "team-member-image" })), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-one-body" }, h("div", { class: "teamsection-type-one-content" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))))));
|
|
48
49
|
case 'variant-two':
|
|
49
|
-
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src &&
|
|
50
|
+
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' }), this.header_text && (h("div", { class: "dda-pt-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
|
|
50
51
|
case 'variant-three':
|
|
51
|
-
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src &&
|
|
52
|
+
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": this.header_text || 'Team member card' }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile picture` : 'Team member profile picture' }), this.header_text && (h("div", { class: "dda-pt-3 dda-mb-3" }, h("h5", { class: "h5 Regular" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))), ((_a = this.parsedSocialIcons) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", {
|
|
53
|
+
// href={item.SocialLink}
|
|
54
|
+
href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : ''), title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', target: "_blank", rel: "noopener noreferrer", "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link'
|
|
55
|
+
}, item.SocialIconSrc && h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || '', class: "social-icon" }), item.SocialIconText && h("span", { class: "visually-hidden" }, item.SocialIconText)))))))));
|
|
52
56
|
case 'variant-four':
|
|
53
|
-
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, h("div", { class: "dda-row no-gutters" }, h("div", { class: "dda-col-sm-4 dda-p-0" }, h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), h("div", { class: "dda-col-sm-8" }, h("div", { class: "dda-h-100 dda-d-flex dda-align-items-center" }, h("div", { class: "dda-teamsection-variant-four-body dda-py-4 dda-d-flex dda-flex-column dda-gap-4" }, h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.profession && (h("p", { class: "body Regular dda-color-primary", "aria-label": "Profession" }, this.profession))), this.body_text &&
|
|
57
|
+
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, h("div", { class: "dda-row no-gutters" }, h("div", { class: "dda-col-sm-4 dda-p-0" }, h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' })), h("div", { class: "dda-col-sm-8" }, h("div", { class: "dda-h-100 dda-d-flex dda-align-items-center" }, h("div", { class: "dda-teamsection-variant-four-body dda-py-4 dda-d-flex dda-flex-column dda-gap-4" }, h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.profession && (h("p", { class: "body Regular dda-color-primary", "aria-label": "Profession" }, this.profession))), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text), ((_b = this.parsedSocialIcons) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("ul", { class: "dda-social-icons-card", "aria-label": `${this.header_text} Social media links` }, this.parsedSocialIcons.map((item, index) => (h("li", { key: index }, h("a", {
|
|
58
|
+
// href={item.SocialLink}
|
|
59
|
+
href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.SocialLink, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(item.SocialLink) : ''), title: item.SocialLinkTitle || item.SocialIconText || 'Social media link', "aria-label": item.SocialIconText || item.SocialLinkTitle || 'Social media link', target: "_blank", rel: "noopener noreferrer"
|
|
60
|
+
}, item.SocialIconSrc && h("img", { src: item.SocialIconSrc, alt: item.SocialIconAlt || item.SocialIconText || 'Social media icon' }), item.SocialIconText && h("span", { class: "visually-hidden" }, item.SocialIconText)))))))))))));
|
|
54
61
|
case 'variant-five':
|
|
55
|
-
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src &&
|
|
62
|
+
return (h("div", { class: `${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", { class: "dda-p-3 teamsection-type-five-body" }, h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text))))));
|
|
56
63
|
case 'variant-six':
|
|
57
|
-
return (h("div", { class: `dda-teamsection-variant-six ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src &&
|
|
64
|
+
return (h("div", { class: `dda-teamsection-variant-six ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { class: "dda-rounded-circle", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", { class: "dda-col" }, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
|
|
58
65
|
case 'variant-seven':
|
|
59
|
-
return (h("div", { class: `dda-teamsection-variant-seven ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src &&
|
|
66
|
+
return (h("div", { class: `dda-teamsection-variant-seven ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), this.header_text && (h("div", null, h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)))));
|
|
60
67
|
case 'variant-eight':
|
|
61
|
-
return (h("div", { class: `dda-teamsection-variant-eight ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src &&
|
|
68
|
+
return (h("div", { class: `dda-teamsection-variant-eight ${this.component_mode}`, role: "group", "aria-label": `Team member card${this.header_text ? ` for ${this.header_text}` : ''}` }, this.image_src && h("img", { class: "", src: this.image_src, alt: this.header_text ? `${this.header_text}'s profile photo` : 'Team member profile photo' }), h("div", null, this.header_text && (h("h5", { class: "h5 Regular", "aria-label": "Team member name" }, this.header_text)), this.body_text && h("p", { class: "body-text body Regular" }, this.body_text)), this.body_text_two && h("p", { class: "body-text body Regular" }, this.body_text_two)));
|
|
62
69
|
// Add 'full' case if needed later.
|
|
63
70
|
}
|
|
64
71
|
}
|
|
65
72
|
render() {
|
|
66
|
-
const cardClass = [
|
|
67
|
-
|
|
68
|
-
this.custom_class,
|
|
69
|
-
].filter(Boolean).join(' ');
|
|
70
|
-
return (h(Host, { key: 'c1c1c638ea305d82acfc619d6a824ad01603e547' }, h("div", { key: 'abe271e2669750f18e245c651ad2baa075bf8467', class: cardClass }, this.renderCards())));
|
|
73
|
+
const cardClass = ['dda-teamsection-card', this.custom_class].filter(Boolean).join(' ');
|
|
74
|
+
return (h(Host, { key: '46a1513dcf4e312c29d97098d058ab1a0279681e' }, h("div", { key: '4ebf1e12a7c77022d258233805286bfc95a7ad0d', class: cardClass }, this.renderCards())));
|
|
71
75
|
}
|
|
72
76
|
static get is() { return "dda-teamsection-card"; }
|
|
73
77
|
static get originalStyleUrls() {
|
|
@@ -255,6 +259,26 @@ export class DdaImageCard {
|
|
|
255
259
|
"reflect": false,
|
|
256
260
|
"defaultValue": "'variant-one'"
|
|
257
261
|
},
|
|
262
|
+
"useNavigator": {
|
|
263
|
+
"type": "string",
|
|
264
|
+
"mutable": false,
|
|
265
|
+
"complexType": {
|
|
266
|
+
"original": "'true' | 'false'",
|
|
267
|
+
"resolved": "\"false\" | \"true\"",
|
|
268
|
+
"references": {}
|
|
269
|
+
},
|
|
270
|
+
"required": false,
|
|
271
|
+
"optional": false,
|
|
272
|
+
"docs": {
|
|
273
|
+
"tags": [],
|
|
274
|
+
"text": ""
|
|
275
|
+
},
|
|
276
|
+
"getter": false,
|
|
277
|
+
"setter": false,
|
|
278
|
+
"attribute": "use-navigator",
|
|
279
|
+
"reflect": false,
|
|
280
|
+
"defaultValue": "'false'"
|
|
281
|
+
},
|
|
258
282
|
"social_icons": {
|
|
259
283
|
"type": "any",
|
|
260
284
|
"mutable": false,
|
|
@@ -282,6 +306,24 @@ export class DdaImageCard {
|
|
|
282
306
|
"parsedSocialIcons": {}
|
|
283
307
|
};
|
|
284
308
|
}
|
|
309
|
+
static get events() {
|
|
310
|
+
return [{
|
|
311
|
+
"method": "navigatorClick",
|
|
312
|
+
"name": "navigatorClick",
|
|
313
|
+
"bubbles": true,
|
|
314
|
+
"cancelable": true,
|
|
315
|
+
"composed": true,
|
|
316
|
+
"docs": {
|
|
317
|
+
"tags": [],
|
|
318
|
+
"text": ""
|
|
319
|
+
},
|
|
320
|
+
"complexType": {
|
|
321
|
+
"original": "string",
|
|
322
|
+
"resolved": "string",
|
|
323
|
+
"references": {}
|
|
324
|
+
}
|
|
325
|
+
}];
|
|
326
|
+
}
|
|
285
327
|
static get watchers() {
|
|
286
328
|
return [{
|
|
287
329
|
"propName": "social_icons",
|