@waaelg/dga-design-system 0.4.8 → 0.5.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/LICENSE +21 -0
- package/README.md +492 -478
- package/dist/DGA-logo-icon.svg +55 -55
- package/dist/arrow_left.svg +3 -3
- package/dist/arrow_left_black.svg +3 -3
- package/dist/arrow_right.svg +3 -3
- package/dist/arrow_right_black.svg +3 -3
- package/dist/index.js +109 -85
- package/dist/index.js.map +1 -1
- package/dist/link-icon.svg +19 -19
- package/dist/saudiFlag.svg +13 -13
- package/dist/square-lock-password.svg +20 -20
- package/dist/style.css +1 -1
- package/package.json +58 -58
package/dist/DGA-logo-icon.svg
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
<svg width="21" height="31" viewBox="0 0 21 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g id="DGA logo">
|
|
3
|
-
<path id="Vector" d="M11.3686 15.0182C11.213 15.1314 11.114 15.3152 11.114 15.5132V20.5334C11.114 20.8728 11.3827 21.1415 11.7221 21.1415C12.0615 21.1415 12.3302 20.8728 12.3302 20.5334V15.8243L17.6615 12.091C17.8454 12.1899 18.0433 12.2324 18.2696 12.2324C18.9908 12.2324 19.5848 11.6526 19.5848 10.9172C19.5848 10.196 19.005 9.60205 18.2696 9.60205C17.5484 9.60205 16.9544 10.1819 16.9544 10.9172C16.9544 10.9738 16.9544 11.0303 16.9686 11.0728L11.3686 15.0182Z" fill="url(#paint0_linear_51_98)"/>
|
|
4
|
-
<path id="Vector_2" d="M7.59282 13.6889V18.695C7.16857 18.9213 6.88574 19.3455 6.88574 19.8546C6.88574 20.5758 7.46554 21.1697 8.2009 21.1697C8.92211 21.1697 9.51605 20.5899 9.51605 19.8546C9.51605 19.3455 9.23322 18.9071 8.80898 18.695V14.0142L16.6999 8.49898C16.8555 8.38585 16.9545 8.20201 16.9545 8.00403V4.27068C16.9545 3.93129 16.6858 3.6626 16.3464 3.6626C16.007 3.6626 15.7383 3.93129 15.7383 4.27068V7.67878L7.84736 13.194C7.67766 13.2929 7.57867 13.4768 7.59282 13.6889Z" fill="url(#paint1_linear_51_98)"/>
|
|
5
|
-
<path id="Vector_3" d="M17.0393 15.3576L15.0312 16.7718C14.7484 16.9697 14.6918 17.3374 14.8898 17.6203C15.0029 17.79 15.2009 17.8748 15.3847 17.8748C15.512 17.8748 15.6251 17.8465 15.7383 17.7617L17.7464 16.3475C18.0292 16.1495 18.0858 15.7819 17.8878 15.499C17.7039 15.2303 17.3221 15.1596 17.0393 15.3576Z" fill="url(#paint2_linear_51_98)"/>
|
|
6
|
-
<path id="Vector_4" d="M20.8858 18.9071C20.6878 18.6243 20.306 18.5536 20.0231 18.7516L10.5059 25.4122L0.988723 18.7516C0.705894 18.5536 0.324069 18.6243 0.126088 18.9071C-0.0718928 19.19 -0.00118027 19.5718 0.281649 19.7698L9.43119 26.1759L6.75844 28.0567C6.5746 27.9577 6.36248 27.9153 6.15036 27.9153C5.41501 27.9153 4.82106 28.5092 4.82106 29.2446C4.82106 29.9799 5.41501 30.5738 6.15036 30.5738C6.88572 30.5738 7.47966 29.9799 7.47966 29.2446C7.47966 29.188 7.47966 29.1314 7.46552 29.0749L10.5201 26.9395L13.5746 29.0749C13.5746 29.1314 13.5605 29.188 13.5605 29.2446C13.5605 29.9799 14.1544 30.5738 14.8898 30.5738C15.6251 30.5738 16.2191 29.9799 16.2191 29.2446C16.2191 28.5092 15.6251 27.9153 14.8898 27.9153C14.6635 27.9153 14.4655 27.9718 14.2817 28.0567L11.609 26.1759L20.7585 19.7698C21.0131 19.5718 21.0838 19.19 20.8858 18.9071Z" fill="url(#paint3_linear_51_98)"/>
|
|
7
|
-
<path id="Vector_5" d="M3.97253 4.46872L5.98062 3.05457C6.26345 2.85659 6.32002 2.48891 6.12204 2.20608C6.00891 2.03639 5.81093 1.95154 5.62709 1.95154C5.49981 1.95154 5.38668 1.97982 5.27355 2.06467L3.26546 3.47882C2.98263 3.6768 2.92606 4.04447 3.12404 4.3273C3.30788 4.59599 3.6897 4.6667 3.97253 4.46872Z" fill="url(#paint4_linear_51_98)"/>
|
|
8
|
-
<path id="Vector_6" d="M12.2029 2.47476V5.82629L4.31192 11.3415C4.15636 11.4546 4.05737 11.6384 4.05737 11.8364V15.5698C4.05737 15.9092 4.32606 16.1778 4.66545 16.1778C5.00485 16.1778 5.27354 15.9092 5.27354 15.5698V12.1617L13.1645 6.64649C13.32 6.53336 13.419 6.34952 13.419 6.15154V2.47476C13.8433 2.24849 14.1261 1.82425 14.1261 1.31516C14.1261 0.593945 13.5463 0 12.8109 0C12.0897 0 11.4958 0.579803 11.4958 1.31516C11.5099 1.81011 11.7928 2.24849 12.2029 2.47476Z" fill="url(#paint5_linear_51_98)"/>
|
|
9
|
-
<path id="Vector_7" d="M2.72812 10.196C3.44933 10.196 4.04327 9.61623 4.04327 8.88087C4.04327 8.8243 4.04328 8.76774 4.02914 8.72531L9.62916 4.80812C9.78471 4.69499 9.8837 4.51115 9.8837 4.31317V0.622242C9.8837 0.282846 9.61502 0.0141602 9.27562 0.0141602C8.93623 0.0141602 8.66754 0.282846 8.66754 0.622242V4.00206L3.3362 7.72127C3.15236 7.62228 2.95438 7.57985 2.72812 7.57985C2.0069 7.57985 1.41296 8.15965 1.41296 8.89501C1.42711 9.61622 2.0069 10.196 2.72812 10.196Z" fill="url(#paint6_linear_51_98)"/>
|
|
10
|
-
</g>
|
|
11
|
-
<defs>
|
|
12
|
-
<linearGradient id="paint0_linear_51_98" x1="15.3524" y1="3.95793" x2="15.3524" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
13
|
-
<stop stop-color="#00ABAF"/>
|
|
14
|
-
<stop offset="0.24" stop-color="#0093B4"/>
|
|
15
|
-
<stop offset="0.48" stop-color="#0080BA"/>
|
|
16
|
-
<stop offset="1" stop-color="#774896"/>
|
|
17
|
-
</linearGradient>
|
|
18
|
-
<linearGradient id="paint1_linear_51_98" x1="11.9192" y1="3.9579" x2="11.9192" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
19
|
-
<stop stop-color="#00ABAF"/>
|
|
20
|
-
<stop offset="0.24" stop-color="#0093B4"/>
|
|
21
|
-
<stop offset="0.48" stop-color="#0080BA"/>
|
|
22
|
-
<stop offset="1" stop-color="#774896"/>
|
|
23
|
-
</linearGradient>
|
|
24
|
-
<linearGradient id="paint2_linear_51_98" x1="16.387" y1="3.95793" x2="16.387" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
25
|
-
<stop stop-color="#00ABAF"/>
|
|
26
|
-
<stop offset="0.24" stop-color="#0093B4"/>
|
|
27
|
-
<stop offset="0.48" stop-color="#0080BA"/>
|
|
28
|
-
<stop offset="1" stop-color="#774896"/>
|
|
29
|
-
</linearGradient>
|
|
30
|
-
<linearGradient id="paint3_linear_51_98" x1="10.5052" y1="3.95793" x2="10.5052" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
31
|
-
<stop stop-color="#29B2B2"/>
|
|
32
|
-
<stop offset="0.27" stop-color="#1091B3"/>
|
|
33
|
-
<stop offset="0.48" stop-color="#017EB5"/>
|
|
34
|
-
<stop offset="1" stop-color="#704B98"/>
|
|
35
|
-
</linearGradient>
|
|
36
|
-
<linearGradient id="paint4_linear_51_98" x1="4.62328" y1="3.95796" x2="4.62328" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
37
|
-
<stop stop-color="#00ABAF"/>
|
|
38
|
-
<stop offset="0.24" stop-color="#0093B4"/>
|
|
39
|
-
<stop offset="0.48" stop-color="#0080BA"/>
|
|
40
|
-
<stop offset="1" stop-color="#774896"/>
|
|
41
|
-
</linearGradient>
|
|
42
|
-
<linearGradient id="paint5_linear_51_98" x1="9.09284" y1="3.95794" x2="9.09284" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
43
|
-
<stop stop-color="#00ABAF"/>
|
|
44
|
-
<stop offset="0.24" stop-color="#0093B4"/>
|
|
45
|
-
<stop offset="0.48" stop-color="#0080BA"/>
|
|
46
|
-
<stop offset="1" stop-color="#774896"/>
|
|
47
|
-
</linearGradient>
|
|
48
|
-
<linearGradient id="paint6_linear_51_98" x1="5.65795" y1="3.95796" x2="5.65795" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
49
|
-
<stop stop-color="#00ABAF"/>
|
|
50
|
-
<stop offset="0.24" stop-color="#0093B4"/>
|
|
51
|
-
<stop offset="0.48" stop-color="#0080BA"/>
|
|
52
|
-
<stop offset="1" stop-color="#774896"/>
|
|
53
|
-
</linearGradient>
|
|
54
|
-
</defs>
|
|
55
|
-
</svg>
|
|
1
|
+
<svg width="21" height="31" viewBox="0 0 21 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="DGA logo">
|
|
3
|
+
<path id="Vector" d="M11.3686 15.0182C11.213 15.1314 11.114 15.3152 11.114 15.5132V20.5334C11.114 20.8728 11.3827 21.1415 11.7221 21.1415C12.0615 21.1415 12.3302 20.8728 12.3302 20.5334V15.8243L17.6615 12.091C17.8454 12.1899 18.0433 12.2324 18.2696 12.2324C18.9908 12.2324 19.5848 11.6526 19.5848 10.9172C19.5848 10.196 19.005 9.60205 18.2696 9.60205C17.5484 9.60205 16.9544 10.1819 16.9544 10.9172C16.9544 10.9738 16.9544 11.0303 16.9686 11.0728L11.3686 15.0182Z" fill="url(#paint0_linear_51_98)"/>
|
|
4
|
+
<path id="Vector_2" d="M7.59282 13.6889V18.695C7.16857 18.9213 6.88574 19.3455 6.88574 19.8546C6.88574 20.5758 7.46554 21.1697 8.2009 21.1697C8.92211 21.1697 9.51605 20.5899 9.51605 19.8546C9.51605 19.3455 9.23322 18.9071 8.80898 18.695V14.0142L16.6999 8.49898C16.8555 8.38585 16.9545 8.20201 16.9545 8.00403V4.27068C16.9545 3.93129 16.6858 3.6626 16.3464 3.6626C16.007 3.6626 15.7383 3.93129 15.7383 4.27068V7.67878L7.84736 13.194C7.67766 13.2929 7.57867 13.4768 7.59282 13.6889Z" fill="url(#paint1_linear_51_98)"/>
|
|
5
|
+
<path id="Vector_3" d="M17.0393 15.3576L15.0312 16.7718C14.7484 16.9697 14.6918 17.3374 14.8898 17.6203C15.0029 17.79 15.2009 17.8748 15.3847 17.8748C15.512 17.8748 15.6251 17.8465 15.7383 17.7617L17.7464 16.3475C18.0292 16.1495 18.0858 15.7819 17.8878 15.499C17.7039 15.2303 17.3221 15.1596 17.0393 15.3576Z" fill="url(#paint2_linear_51_98)"/>
|
|
6
|
+
<path id="Vector_4" d="M20.8858 18.9071C20.6878 18.6243 20.306 18.5536 20.0231 18.7516L10.5059 25.4122L0.988723 18.7516C0.705894 18.5536 0.324069 18.6243 0.126088 18.9071C-0.0718928 19.19 -0.00118027 19.5718 0.281649 19.7698L9.43119 26.1759L6.75844 28.0567C6.5746 27.9577 6.36248 27.9153 6.15036 27.9153C5.41501 27.9153 4.82106 28.5092 4.82106 29.2446C4.82106 29.9799 5.41501 30.5738 6.15036 30.5738C6.88572 30.5738 7.47966 29.9799 7.47966 29.2446C7.47966 29.188 7.47966 29.1314 7.46552 29.0749L10.5201 26.9395L13.5746 29.0749C13.5746 29.1314 13.5605 29.188 13.5605 29.2446C13.5605 29.9799 14.1544 30.5738 14.8898 30.5738C15.6251 30.5738 16.2191 29.9799 16.2191 29.2446C16.2191 28.5092 15.6251 27.9153 14.8898 27.9153C14.6635 27.9153 14.4655 27.9718 14.2817 28.0567L11.609 26.1759L20.7585 19.7698C21.0131 19.5718 21.0838 19.19 20.8858 18.9071Z" fill="url(#paint3_linear_51_98)"/>
|
|
7
|
+
<path id="Vector_5" d="M3.97253 4.46872L5.98062 3.05457C6.26345 2.85659 6.32002 2.48891 6.12204 2.20608C6.00891 2.03639 5.81093 1.95154 5.62709 1.95154C5.49981 1.95154 5.38668 1.97982 5.27355 2.06467L3.26546 3.47882C2.98263 3.6768 2.92606 4.04447 3.12404 4.3273C3.30788 4.59599 3.6897 4.6667 3.97253 4.46872Z" fill="url(#paint4_linear_51_98)"/>
|
|
8
|
+
<path id="Vector_6" d="M12.2029 2.47476V5.82629L4.31192 11.3415C4.15636 11.4546 4.05737 11.6384 4.05737 11.8364V15.5698C4.05737 15.9092 4.32606 16.1778 4.66545 16.1778C5.00485 16.1778 5.27354 15.9092 5.27354 15.5698V12.1617L13.1645 6.64649C13.32 6.53336 13.419 6.34952 13.419 6.15154V2.47476C13.8433 2.24849 14.1261 1.82425 14.1261 1.31516C14.1261 0.593945 13.5463 0 12.8109 0C12.0897 0 11.4958 0.579803 11.4958 1.31516C11.5099 1.81011 11.7928 2.24849 12.2029 2.47476Z" fill="url(#paint5_linear_51_98)"/>
|
|
9
|
+
<path id="Vector_7" d="M2.72812 10.196C3.44933 10.196 4.04327 9.61623 4.04327 8.88087C4.04327 8.8243 4.04328 8.76774 4.02914 8.72531L9.62916 4.80812C9.78471 4.69499 9.8837 4.51115 9.8837 4.31317V0.622242C9.8837 0.282846 9.61502 0.0141602 9.27562 0.0141602C8.93623 0.0141602 8.66754 0.282846 8.66754 0.622242V4.00206L3.3362 7.72127C3.15236 7.62228 2.95438 7.57985 2.72812 7.57985C2.0069 7.57985 1.41296 8.15965 1.41296 8.89501C1.42711 9.61622 2.0069 10.196 2.72812 10.196Z" fill="url(#paint6_linear_51_98)"/>
|
|
10
|
+
</g>
|
|
11
|
+
<defs>
|
|
12
|
+
<linearGradient id="paint0_linear_51_98" x1="15.3524" y1="3.95793" x2="15.3524" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
13
|
+
<stop stop-color="#00ABAF"/>
|
|
14
|
+
<stop offset="0.24" stop-color="#0093B4"/>
|
|
15
|
+
<stop offset="0.48" stop-color="#0080BA"/>
|
|
16
|
+
<stop offset="1" stop-color="#774896"/>
|
|
17
|
+
</linearGradient>
|
|
18
|
+
<linearGradient id="paint1_linear_51_98" x1="11.9192" y1="3.9579" x2="11.9192" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
19
|
+
<stop stop-color="#00ABAF"/>
|
|
20
|
+
<stop offset="0.24" stop-color="#0093B4"/>
|
|
21
|
+
<stop offset="0.48" stop-color="#0080BA"/>
|
|
22
|
+
<stop offset="1" stop-color="#774896"/>
|
|
23
|
+
</linearGradient>
|
|
24
|
+
<linearGradient id="paint2_linear_51_98" x1="16.387" y1="3.95793" x2="16.387" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
25
|
+
<stop stop-color="#00ABAF"/>
|
|
26
|
+
<stop offset="0.24" stop-color="#0093B4"/>
|
|
27
|
+
<stop offset="0.48" stop-color="#0080BA"/>
|
|
28
|
+
<stop offset="1" stop-color="#774896"/>
|
|
29
|
+
</linearGradient>
|
|
30
|
+
<linearGradient id="paint3_linear_51_98" x1="10.5052" y1="3.95793" x2="10.5052" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
31
|
+
<stop stop-color="#29B2B2"/>
|
|
32
|
+
<stop offset="0.27" stop-color="#1091B3"/>
|
|
33
|
+
<stop offset="0.48" stop-color="#017EB5"/>
|
|
34
|
+
<stop offset="1" stop-color="#704B98"/>
|
|
35
|
+
</linearGradient>
|
|
36
|
+
<linearGradient id="paint4_linear_51_98" x1="4.62328" y1="3.95796" x2="4.62328" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
37
|
+
<stop stop-color="#00ABAF"/>
|
|
38
|
+
<stop offset="0.24" stop-color="#0093B4"/>
|
|
39
|
+
<stop offset="0.48" stop-color="#0080BA"/>
|
|
40
|
+
<stop offset="1" stop-color="#774896"/>
|
|
41
|
+
</linearGradient>
|
|
42
|
+
<linearGradient id="paint5_linear_51_98" x1="9.09284" y1="3.95794" x2="9.09284" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
43
|
+
<stop stop-color="#00ABAF"/>
|
|
44
|
+
<stop offset="0.24" stop-color="#0093B4"/>
|
|
45
|
+
<stop offset="0.48" stop-color="#0080BA"/>
|
|
46
|
+
<stop offset="1" stop-color="#774896"/>
|
|
47
|
+
</linearGradient>
|
|
48
|
+
<linearGradient id="paint6_linear_51_98" x1="5.65795" y1="3.95796" x2="5.65795" y2="27.7715" gradientUnits="userSpaceOnUse">
|
|
49
|
+
<stop stop-color="#00ABAF"/>
|
|
50
|
+
<stop offset="0.24" stop-color="#0093B4"/>
|
|
51
|
+
<stop offset="0.48" stop-color="#0080BA"/>
|
|
52
|
+
<stop offset="1" stop-color="#774896"/>
|
|
53
|
+
</linearGradient>
|
|
54
|
+
</defs>
|
|
55
|
+
</svg>
|
package/dist/arrow_left.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M3.25047 11.9995C3.25047 11.6259 3.41613 11.2794 3.57299 11.0191C3.74227 10.7383 3.96991 10.4484 4.21965 10.1657C4.72065 9.59865 5.37434 8.98966 6.00871 8.4388C6.6468 7.88469 7.28269 7.37448 7.75772 7.00371C7.99563 6.81801 8.19411 6.66657 8.33351 6.56126C8.40323 6.50859 8.45823 6.46742 8.49605 6.43923L8.53962 6.40684L8.55118 6.39829L8.55519 6.39533C8.88869 6.14967 9.35863 6.22056 9.60429 6.55406C9.84994 6.88754 9.77875 7.35702 9.44529 7.60269L9.43256 7.61211L9.39251 7.64188C9.35709 7.66828 9.30467 7.70752 9.23767 7.75813C9.10364 7.85938 8.9115 8.00598 8.68066 8.18615C8.21819 8.54712 7.6041 9.04002 6.9922 9.57137C6.37658 10.106 5.78028 10.6648 5.34378 11.1589C5.31618 11.1901 5.28946 11.2208 5.26364 11.251L20.0005 11.251C20.4147 11.251 20.7505 11.5868 20.7505 12.001C20.7505 12.4152 20.4147 12.751 20.0005 12.751L5.26617 12.751C5.29121 12.7802 5.31708 12.8099 5.34378 12.8401C5.78028 13.3342 6.37658 13.893 6.9922 14.4276C7.6041 14.959 8.21819 15.4519 8.68066 15.8128C8.91149 15.993 9.10364 16.1396 9.23767 16.2409C9.30467 16.2915 9.35709 16.3307 9.39251 16.3571L9.43256 16.3869L9.44528 16.3963C9.77875 16.642 9.84994 17.1115 9.60429 17.4449C9.35863 17.7784 8.88869 17.8493 8.55519 17.6037L8.55118 17.6007L8.53962 17.5922L8.49605 17.5598C8.45823 17.5316 8.40323 17.4904 8.33351 17.4377C8.19411 17.3324 7.99563 17.181 7.75772 16.9953C7.28269 16.6245 6.6468 16.1143 6.00871 15.5602C5.37434 15.0093 4.72065 14.4003 4.21965 13.8333C3.96991 13.5506 3.74227 13.2607 3.57299 12.9799C3.41707 12.7212 3.25246 12.3772 3.25049 12.0062" fill="white"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.25047 11.9995C3.25047 11.6259 3.41613 11.2794 3.57299 11.0191C3.74227 10.7383 3.96991 10.4484 4.21965 10.1657C4.72065 9.59865 5.37434 8.98966 6.00871 8.4388C6.6468 7.88469 7.28269 7.37448 7.75772 7.00371C7.99563 6.81801 8.19411 6.66657 8.33351 6.56126C8.40323 6.50859 8.45823 6.46742 8.49605 6.43923L8.53962 6.40684L8.55118 6.39829L8.55519 6.39533C8.88869 6.14967 9.35863 6.22056 9.60429 6.55406C9.84994 6.88754 9.77875 7.35702 9.44529 7.60269L9.43256 7.61211L9.39251 7.64188C9.35709 7.66828 9.30467 7.70752 9.23767 7.75813C9.10364 7.85938 8.9115 8.00598 8.68066 8.18615C8.21819 8.54712 7.6041 9.04002 6.9922 9.57137C6.37658 10.106 5.78028 10.6648 5.34378 11.1589C5.31618 11.1901 5.28946 11.2208 5.26364 11.251L20.0005 11.251C20.4147 11.251 20.7505 11.5868 20.7505 12.001C20.7505 12.4152 20.4147 12.751 20.0005 12.751L5.26617 12.751C5.29121 12.7802 5.31708 12.8099 5.34378 12.8401C5.78028 13.3342 6.37658 13.893 6.9922 14.4276C7.6041 14.959 8.21819 15.4519 8.68066 15.8128C8.91149 15.993 9.10364 16.1396 9.23767 16.2409C9.30467 16.2915 9.35709 16.3307 9.39251 16.3571L9.43256 16.3869L9.44528 16.3963C9.77875 16.642 9.84994 17.1115 9.60429 17.4449C9.35863 17.7784 8.88869 17.8493 8.55519 17.6037L8.55118 17.6007L8.53962 17.5922L8.49605 17.5598C8.45823 17.5316 8.40323 17.4904 8.33351 17.4377C8.19411 17.3324 7.99563 17.181 7.75772 16.9953C7.28269 16.6245 6.6468 16.1143 6.00871 15.5602C5.37434 15.0093 4.72065 14.4003 4.21965 13.8333C3.96991 13.5506 3.74227 13.2607 3.57299 12.9799C3.41707 12.7212 3.25246 12.3772 3.25049 12.0062" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M3.25047 11.9995C3.25047 11.6259 3.41613 11.2794 3.57299 11.0191C3.74227 10.7383 3.96991 10.4484 4.21965 10.1657C4.72065 9.59865 5.37434 8.98966 6.00871 8.4388C6.6468 7.88469 7.28269 7.37448 7.75772 7.00371C7.99563 6.81801 8.19411 6.66657 8.33351 6.56126C8.40323 6.50859 8.45823 6.46742 8.49605 6.43923L8.53962 6.40684L8.55118 6.39829L8.55519 6.39533C8.88869 6.14967 9.35863 6.22056 9.60429 6.55406C9.84994 6.88754 9.77875 7.35702 9.44529 7.60269L9.43256 7.61211L9.39251 7.64188C9.35709 7.66828 9.30467 7.70752 9.23767 7.75813C9.10364 7.85938 8.9115 8.00598 8.68066 8.18615C8.21819 8.54712 7.6041 9.04002 6.9922 9.57137C6.37658 10.106 5.78028 10.6648 5.34378 11.1589C5.31618 11.1901 5.28946 11.2208 5.26364 11.251L20.0005 11.251C20.4147 11.251 20.7505 11.5868 20.7505 12.001C20.7505 12.4152 20.4147 12.751 20.0005 12.751L5.26617 12.751C5.29121 12.7802 5.31708 12.8099 5.34378 12.8401C5.78028 13.3342 6.37658 13.893 6.9922 14.4276C7.6041 14.959 8.21819 15.4519 8.68066 15.8128C8.91149 15.993 9.10364 16.1396 9.23767 16.2409C9.30467 16.2915 9.35709 16.3307 9.39251 16.3571L9.43256 16.3869L9.44528 16.3963C9.77875 16.642 9.84994 17.1115 9.60429 17.4449C9.35863 17.7784 8.88869 17.8493 8.55519 17.6037L8.55118 17.6007L8.53962 17.5922L8.49605 17.5598C8.45823 17.5316 8.40323 17.4904 8.33351 17.4377C8.19411 17.3324 7.99563 17.181 7.75772 16.9953C7.28269 16.6245 6.6468 16.1143 6.00871 15.5602C5.37434 15.0093 4.72065 14.4003 4.21965 13.8333C3.96991 13.5506 3.74227 13.2607 3.57299 12.9799C3.41707 12.7212 3.25246 12.3772 3.25049 12.0062" fill="#161616"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3.25047 11.9995C3.25047 11.6259 3.41613 11.2794 3.57299 11.0191C3.74227 10.7383 3.96991 10.4484 4.21965 10.1657C4.72065 9.59865 5.37434 8.98966 6.00871 8.4388C6.6468 7.88469 7.28269 7.37448 7.75772 7.00371C7.99563 6.81801 8.19411 6.66657 8.33351 6.56126C8.40323 6.50859 8.45823 6.46742 8.49605 6.43923L8.53962 6.40684L8.55118 6.39829L8.55519 6.39533C8.88869 6.14967 9.35863 6.22056 9.60429 6.55406C9.84994 6.88754 9.77875 7.35702 9.44529 7.60269L9.43256 7.61211L9.39251 7.64188C9.35709 7.66828 9.30467 7.70752 9.23767 7.75813C9.10364 7.85938 8.9115 8.00598 8.68066 8.18615C8.21819 8.54712 7.6041 9.04002 6.9922 9.57137C6.37658 10.106 5.78028 10.6648 5.34378 11.1589C5.31618 11.1901 5.28946 11.2208 5.26364 11.251L20.0005 11.251C20.4147 11.251 20.7505 11.5868 20.7505 12.001C20.7505 12.4152 20.4147 12.751 20.0005 12.751L5.26617 12.751C5.29121 12.7802 5.31708 12.8099 5.34378 12.8401C5.78028 13.3342 6.37658 13.893 6.9922 14.4276C7.6041 14.959 8.21819 15.4519 8.68066 15.8128C8.91149 15.993 9.10364 16.1396 9.23767 16.2409C9.30467 16.2915 9.35709 16.3307 9.39251 16.3571L9.43256 16.3869L9.44528 16.3963C9.77875 16.642 9.84994 17.1115 9.60429 17.4449C9.35863 17.7784 8.88869 17.8493 8.55519 17.6037L8.55118 17.6007L8.53962 17.5922L8.49605 17.5598C8.45823 17.5316 8.40323 17.4904 8.33351 17.4377C8.19411 17.3324 7.99563 17.181 7.75772 16.9953C7.28269 16.6245 6.6468 16.1143 6.00871 15.5602C5.37434 15.0093 4.72065 14.4003 4.21965 13.8333C3.96991 13.5506 3.74227 13.2607 3.57299 12.9799C3.41707 12.7212 3.25246 12.3772 3.25049 12.0062" fill="#161616"/>
|
|
3
|
+
</svg>
|
package/dist/arrow_right.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M20.7495 11.9995C20.7495 11.6259 20.5839 11.2794 20.427 11.0191C20.2577 10.7383 20.0301 10.4484 19.7803 10.1657C19.2794 9.59864 18.6257 8.98966 17.9913 8.4388C17.3532 7.88469 16.7173 7.37448 16.2423 7.00371C16.0044 6.81801 15.8059 6.66657 15.6665 6.56126C15.5968 6.50859 15.5418 6.46742 15.5039 6.43923L15.4604 6.40684L15.4488 6.39829L15.4448 6.39533C15.1113 6.14967 14.6414 6.22056 14.3957 6.55406C14.1501 6.88754 14.2213 7.35702 14.5547 7.60269L14.5674 7.61211L14.6075 7.64188C14.6429 7.66828 14.6953 7.70752 14.7623 7.75813C14.8964 7.85938 15.0885 8.00598 15.3193 8.18615C15.7818 8.54712 16.3959 9.04002 17.0078 9.57137C17.6234 10.106 18.2197 10.6648 18.6562 11.1589C18.6838 11.1901 18.7105 11.2208 18.7364 11.251L3.99951 11.251C3.5853 11.251 3.24951 11.5868 3.24951 12.001C3.24951 12.4152 3.5853 12.751 3.99951 12.751L18.7338 12.751C18.7088 12.7802 18.6829 12.8099 18.6562 12.8401C18.2197 13.3342 17.6234 13.893 17.0078 14.4276C16.3959 14.959 15.7818 15.4519 15.3193 15.8128C15.0885 15.993 14.8964 16.1396 14.7623 16.2409C14.6953 16.2915 14.6429 16.3307 14.6075 16.3571L14.5674 16.3869L14.5547 16.3963C14.2213 16.642 14.1501 17.1115 14.3957 17.4449C14.6414 17.7784 15.1113 17.8493 15.4448 17.6037L15.4488 17.6007L15.4604 17.5922L15.5039 17.5598C15.5418 17.5316 15.5968 17.4904 15.6665 17.4377C15.8059 17.3324 16.0044 17.181 16.2423 16.9953C16.7173 16.6245 17.3532 16.1143 17.9913 15.5602C18.6257 15.0093 19.2794 14.4003 19.7803 13.8333C20.0301 13.5506 20.2577 13.2607 20.427 12.9799C20.5829 12.7212 20.7475 12.3772 20.7495 12.0062" fill="white"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20.7495 11.9995C20.7495 11.6259 20.5839 11.2794 20.427 11.0191C20.2577 10.7383 20.0301 10.4484 19.7803 10.1657C19.2794 9.59864 18.6257 8.98966 17.9913 8.4388C17.3532 7.88469 16.7173 7.37448 16.2423 7.00371C16.0044 6.81801 15.8059 6.66657 15.6665 6.56126C15.5968 6.50859 15.5418 6.46742 15.5039 6.43923L15.4604 6.40684L15.4488 6.39829L15.4448 6.39533C15.1113 6.14967 14.6414 6.22056 14.3957 6.55406C14.1501 6.88754 14.2213 7.35702 14.5547 7.60269L14.5674 7.61211L14.6075 7.64188C14.6429 7.66828 14.6953 7.70752 14.7623 7.75813C14.8964 7.85938 15.0885 8.00598 15.3193 8.18615C15.7818 8.54712 16.3959 9.04002 17.0078 9.57137C17.6234 10.106 18.2197 10.6648 18.6562 11.1589C18.6838 11.1901 18.7105 11.2208 18.7364 11.251L3.99951 11.251C3.5853 11.251 3.24951 11.5868 3.24951 12.001C3.24951 12.4152 3.5853 12.751 3.99951 12.751L18.7338 12.751C18.7088 12.7802 18.6829 12.8099 18.6562 12.8401C18.2197 13.3342 17.6234 13.893 17.0078 14.4276C16.3959 14.959 15.7818 15.4519 15.3193 15.8128C15.0885 15.993 14.8964 16.1396 14.7623 16.2409C14.6953 16.2915 14.6429 16.3307 14.6075 16.3571L14.5674 16.3869L14.5547 16.3963C14.2213 16.642 14.1501 17.1115 14.3957 17.4449C14.6414 17.7784 15.1113 17.8493 15.4448 17.6037L15.4488 17.6007L15.4604 17.5922L15.5039 17.5598C15.5418 17.5316 15.5968 17.4904 15.6665 17.4377C15.8059 17.3324 16.0044 17.181 16.2423 16.9953C16.7173 16.6245 17.3532 16.1143 17.9913 15.5602C18.6257 15.0093 19.2794 14.4003 19.7803 13.8333C20.0301 13.5506 20.2577 13.2607 20.427 12.9799C20.5829 12.7212 20.7475 12.3772 20.7495 12.0062" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M20.7495 11.9995C20.7495 11.6259 20.5839 11.2794 20.427 11.0191C20.2577 10.7383 20.0301 10.4484 19.7803 10.1657C19.2794 9.59864 18.6257 8.98966 17.9913 8.4388C17.3532 7.88469 16.7173 7.37448 16.2423 7.00371C16.0044 6.81801 15.8059 6.66657 15.6665 6.56126C15.5968 6.50859 15.5418 6.46742 15.5039 6.43923L15.4604 6.40684L15.4488 6.39829L15.4448 6.39533C15.1113 6.14967 14.6414 6.22056 14.3957 6.55406C14.1501 6.88754 14.2213 7.35702 14.5547 7.60269L14.5674 7.61211L14.6075 7.64188C14.6429 7.66828 14.6953 7.70752 14.7623 7.75813C14.8964 7.85938 15.0885 8.00598 15.3193 8.18615C15.7818 8.54712 16.3959 9.04002 17.0078 9.57137C17.6234 10.106 18.2197 10.6648 18.6562 11.1589C18.6838 11.1901 18.7105 11.2208 18.7364 11.251L3.99951 11.251C3.5853 11.251 3.24951 11.5868 3.24951 12.001C3.24951 12.4152 3.5853 12.751 3.99951 12.751L18.7338 12.751C18.7088 12.7802 18.6829 12.8099 18.6562 12.8401C18.2197 13.3342 17.6234 13.893 17.0078 14.4276C16.3959 14.959 15.7818 15.4519 15.3193 15.8128C15.0885 15.993 14.8964 16.1396 14.7623 16.2409C14.6953 16.2915 14.6429 16.3307 14.6075 16.3571L14.5674 16.3869L14.5547 16.3963C14.2213 16.642 14.1501 17.1115 14.3957 17.4449C14.6414 17.7784 15.1113 17.8493 15.4448 17.6037L15.4488 17.6007L15.4604 17.5922L15.5039 17.5598C15.5418 17.5316 15.5968 17.4904 15.6665 17.4377C15.8059 17.3324 16.0044 17.181 16.2423 16.9953C16.7173 16.6245 17.3532 16.1143 17.9913 15.5602C18.6257 15.0093 19.2794 14.4003 19.7803 13.8333C20.0301 13.5506 20.2577 13.2607 20.427 12.9799C20.5829 12.7212 20.7475 12.3772 20.7495 12.0062" fill="#161616"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20.7495 11.9995C20.7495 11.6259 20.5839 11.2794 20.427 11.0191C20.2577 10.7383 20.0301 10.4484 19.7803 10.1657C19.2794 9.59864 18.6257 8.98966 17.9913 8.4388C17.3532 7.88469 16.7173 7.37448 16.2423 7.00371C16.0044 6.81801 15.8059 6.66657 15.6665 6.56126C15.5968 6.50859 15.5418 6.46742 15.5039 6.43923L15.4604 6.40684L15.4488 6.39829L15.4448 6.39533C15.1113 6.14967 14.6414 6.22056 14.3957 6.55406C14.1501 6.88754 14.2213 7.35702 14.5547 7.60269L14.5674 7.61211L14.6075 7.64188C14.6429 7.66828 14.6953 7.70752 14.7623 7.75813C14.8964 7.85938 15.0885 8.00598 15.3193 8.18615C15.7818 8.54712 16.3959 9.04002 17.0078 9.57137C17.6234 10.106 18.2197 10.6648 18.6562 11.1589C18.6838 11.1901 18.7105 11.2208 18.7364 11.251L3.99951 11.251C3.5853 11.251 3.24951 11.5868 3.24951 12.001C3.24951 12.4152 3.5853 12.751 3.99951 12.751L18.7338 12.751C18.7088 12.7802 18.6829 12.8099 18.6562 12.8401C18.2197 13.3342 17.6234 13.893 17.0078 14.4276C16.3959 14.959 15.7818 15.4519 15.3193 15.8128C15.0885 15.993 14.8964 16.1396 14.7623 16.2409C14.6953 16.2915 14.6429 16.3307 14.6075 16.3571L14.5674 16.3869L14.5547 16.3963C14.2213 16.642 14.1501 17.1115 14.3957 17.4449C14.6414 17.7784 15.1113 17.8493 15.4448 17.6037L15.4488 17.6007L15.4604 17.5922L15.5039 17.5598C15.5418 17.5316 15.5968 17.4904 15.6665 17.4377C15.8059 17.3324 16.0044 17.181 16.2423 16.9953C16.7173 16.6245 17.3532 16.1143 17.9913 15.5602C18.6257 15.0093 19.2794 14.4003 19.7803 13.8333C20.0301 13.5506 20.2577 13.2607 20.427 12.9799C20.5829 12.7212 20.7475 12.3772 20.7495 12.0062" fill="#161616"/>
|
|
3
|
+
</svg>
|
package/dist/index.js
CHANGED
|
@@ -32,7 +32,7 @@ class c {
|
|
|
32
32
|
this.root.removeEventListener("click", this.handleClick), this.root.removeEventListener("keydown", this.handleKeydown);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
class
|
|
35
|
+
class $ {
|
|
36
36
|
constructor(t) {
|
|
37
37
|
this.accordion = t, this.controller = new c(t);
|
|
38
38
|
}
|
|
@@ -52,7 +52,7 @@ class x {
|
|
|
52
52
|
this.controller.destroy();
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
class
|
|
55
|
+
class B {
|
|
56
56
|
constructor(t = document) {
|
|
57
57
|
this.root = t, this.handleCloseClick = this.handleCloseClick.bind(this), this.init();
|
|
58
58
|
}
|
|
@@ -63,41 +63,41 @@ class D {
|
|
|
63
63
|
const e = t.target.closest("[data-alert-close]");
|
|
64
64
|
if (!e)
|
|
65
65
|
return;
|
|
66
|
-
const
|
|
67
|
-
|
|
66
|
+
const s = e.closest(".dga-alert");
|
|
67
|
+
s && (s.style.display = "none");
|
|
68
68
|
}
|
|
69
69
|
destroy() {
|
|
70
70
|
this.root.removeEventListener("click", this.handleCloseClick);
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
function h(
|
|
74
|
-
return
|
|
73
|
+
function h(i) {
|
|
74
|
+
return i.startsWith("#") || i.startsWith("var(") ? i : `var(--${i})`;
|
|
75
75
|
}
|
|
76
|
-
function u(
|
|
77
|
-
return `conic-gradient(${
|
|
76
|
+
function u(i = []) {
|
|
77
|
+
return `conic-gradient(${i.map(
|
|
78
78
|
(e) => `${h(e.color)} ${e.from} ${e.to}`
|
|
79
79
|
).join(", ")})`;
|
|
80
80
|
}
|
|
81
|
-
function g(
|
|
82
|
-
return `<div class="dga-pie-chart__labels">${
|
|
81
|
+
function g(i = []) {
|
|
82
|
+
return `<div class="dga-pie-chart__labels">${i.map(
|
|
83
83
|
(e) => `<span class="dga-pie-chart__label"><span class="dga-pie-chart__circle" style="background-color: ${h(
|
|
84
84
|
e.color
|
|
85
85
|
)}"></span>${e.label}</span>`
|
|
86
86
|
).join("")}</div>`;
|
|
87
87
|
}
|
|
88
|
-
function
|
|
89
|
-
if (!
|
|
88
|
+
function A(i) {
|
|
89
|
+
if (!i) return [];
|
|
90
90
|
try {
|
|
91
|
-
const t = JSON.parse(
|
|
91
|
+
const t = JSON.parse(i);
|
|
92
92
|
return Array.isArray(t) ? t : [];
|
|
93
93
|
} catch {
|
|
94
94
|
return console.warn("dga-pie-chart: invalid data attribute JSON"), [];
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
function p(
|
|
98
|
-
|
|
97
|
+
function p(i, t = [], { hole: e = !1 } = {}) {
|
|
98
|
+
i && (i.classList.add("dga-pie-chart"), i.setAttribute("data-hole", e ? "true" : "false"), i.style.background = u(t), i.innerHTML = g(t));
|
|
99
99
|
}
|
|
100
|
-
class
|
|
100
|
+
class H {
|
|
101
101
|
constructor(t, e = []) {
|
|
102
102
|
this.chart = t, this.data = e, this.init();
|
|
103
103
|
}
|
|
@@ -112,14 +112,14 @@ class T {
|
|
|
112
112
|
return g(this.data);
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
|
-
async function b(
|
|
115
|
+
async function b(i) {
|
|
116
116
|
try {
|
|
117
117
|
if (navigator.clipboard?.writeText)
|
|
118
|
-
return await navigator.clipboard.writeText(
|
|
118
|
+
return await navigator.clipboard.writeText(i), !0;
|
|
119
119
|
} catch {
|
|
120
120
|
}
|
|
121
121
|
const t = document.createElement("textarea");
|
|
122
|
-
t.value =
|
|
122
|
+
t.value = i, t.setAttribute("readonly", ""), t.style.position = "absolute", t.style.left = "-9999px", document.body.appendChild(t), t.select();
|
|
123
123
|
const e = document.execCommand("copy");
|
|
124
124
|
return document.body.removeChild(t), e;
|
|
125
125
|
}
|
|
@@ -127,13 +127,13 @@ const d = `<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
|
|
|
127
127
|
<rect x="9" y="9" width="11" height="11" rx="2" stroke-width="1.75"></rect>
|
|
128
128
|
<path d="M6 15H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1" stroke-width="1.75" stroke-linecap="round"></path>
|
|
129
129
|
</svg>`;
|
|
130
|
-
async function m(
|
|
131
|
-
const e =
|
|
132
|
-
|
|
133
|
-
|
|
130
|
+
async function m(i, t = 1200) {
|
|
131
|
+
const e = i.getAttribute("aria-label") || "Copy code";
|
|
132
|
+
i.setAttribute("aria-label", "Copied"), i.setAttribute("data-copied", "true"), window.setTimeout(() => {
|
|
133
|
+
i.setAttribute("aria-label", e), i.setAttribute("data-copied", "false");
|
|
134
134
|
}, t);
|
|
135
135
|
}
|
|
136
|
-
class
|
|
136
|
+
class M {
|
|
137
137
|
constructor(t = document) {
|
|
138
138
|
this.root = t, this.handleCopyClick = this.handleCopyClick.bind(this), this.init();
|
|
139
139
|
}
|
|
@@ -145,9 +145,9 @@ class S {
|
|
|
145
145
|
".dga-code-snippet-inline__copy, .dga-code-snippet-multiline__copy"
|
|
146
146
|
);
|
|
147
147
|
if (!e) return;
|
|
148
|
-
const
|
|
148
|
+
const s = e.closest(".dga-code-snippet-inline"), n = e.closest(".dga-code-snippet-multiline");
|
|
149
149
|
let o = "";
|
|
150
|
-
|
|
150
|
+
s ? o = s.querySelector(
|
|
151
151
|
".dga-code-snippet-inline__content"
|
|
152
152
|
)?.textContent?.trim() || "" : n && (o = n.querySelector(
|
|
153
153
|
".dga-code-snippet-multiline__code code"
|
|
@@ -157,7 +157,7 @@ class S {
|
|
|
157
157
|
this.root.removeEventListener("click", this.handleCopyClick);
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
|
-
class
|
|
160
|
+
class O {
|
|
161
161
|
constructor(t = {}) {
|
|
162
162
|
if (this.navbar = t.navbar || document.querySelector(".dga-navbar"), this.verifyBar = t.verifyBar || null, !this.navbar) {
|
|
163
163
|
console.warn("DGA Navbar elements not found");
|
|
@@ -184,8 +184,8 @@ class B {
|
|
|
184
184
|
}
|
|
185
185
|
toggleDropdown(t) {
|
|
186
186
|
t.preventDefault(), t.stopPropagation(), this.verifyBar && this.verifyBar.isOpen && this.verifyBar.closePanel();
|
|
187
|
-
const e = t.currentTarget,
|
|
188
|
-
this.closeAllDropdowns(), n || (
|
|
187
|
+
const e = t.currentTarget, s = e.parentElement, n = s.classList.contains("active");
|
|
188
|
+
this.closeAllDropdowns(), n || (s.classList.add("active"), e.classList.add("dga-menu-item-selected"), e.setAttribute("aria-expanded", "true"), s.querySelector(".dga-dropdown").style.top = `${this.navbarHeight + this.navbarTop}px`);
|
|
189
189
|
}
|
|
190
190
|
toggleMobileMenu(t) {
|
|
191
191
|
t.stopPropagation(), this.verifyBar && this.verifyBar.isOpen && this.verifyBar.closePanel(), this.menu.classList.toggle("dga-menu-open"), this.menu.classList.contains("dga-menu-open") ? (document.body.classList.add("no-scroll"), this.menu.style.height = `calc(100vh - ${this.navbarHeight}px - ${this.navbarTop}px)`) : (document.body.classList.remove("no-scroll"), this.menu.style.height = "0px"), this.menu.style.top = `${this.navbarTop + this.navbarHeight}px`;
|
|
@@ -202,9 +202,9 @@ class B {
|
|
|
202
202
|
closeAllDropdowns(t) {
|
|
203
203
|
if (t && t.target.closest(".dga-dropdown-content"))
|
|
204
204
|
return;
|
|
205
|
-
this.navbar.querySelectorAll(".dga-menu > li.active").forEach((
|
|
206
|
-
|
|
207
|
-
const n =
|
|
205
|
+
this.navbar.querySelectorAll(".dga-menu > li.active").forEach((s) => {
|
|
206
|
+
s.classList.remove("active");
|
|
207
|
+
const n = s.querySelector(".dga-menu-item");
|
|
208
208
|
n?.classList.remove("dga-menu-item-selected"), n?.setAttribute("aria-expanded", "false");
|
|
209
209
|
});
|
|
210
210
|
}
|
|
@@ -232,7 +232,7 @@ class B {
|
|
|
232
232
|
return this.navbar.querySelectorAll(".dga-menu > li.active").length > 0;
|
|
233
233
|
}
|
|
234
234
|
}
|
|
235
|
-
class
|
|
235
|
+
class G {
|
|
236
236
|
constructor(t = {}) {
|
|
237
237
|
if (this.isOpen = !1, this.verifyBar = document.getElementById("dga-verify-bar"), this.menu = t.menu || null, this.btn = document.getElementById("dga-verifyBtn"), this.content = document.getElementById("dga-verify-bar_content"), this.boundToggle = () => {
|
|
238
238
|
this.isOpen ? this.closePanel() : this.openPanel();
|
|
@@ -255,11 +255,11 @@ class M {
|
|
|
255
255
|
this.btn?.removeEventListener("click", this.boundToggle);
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
|
-
function a(
|
|
259
|
-
return String(
|
|
258
|
+
function a(i = "") {
|
|
259
|
+
return String(i).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
260
260
|
}
|
|
261
|
-
const
|
|
262
|
-
class
|
|
261
|
+
const C = "info-color";
|
|
262
|
+
class k extends HTMLElement {
|
|
263
263
|
static get observedAttributes() {
|
|
264
264
|
return ["variant", "title", "dismissible"];
|
|
265
265
|
}
|
|
@@ -287,9 +287,9 @@ class _ extends HTMLElement {
|
|
|
287
287
|
this.isConnected && this._render();
|
|
288
288
|
}
|
|
289
289
|
_render() {
|
|
290
|
-
const t = this.getAttribute("variant") ||
|
|
290
|
+
const t = this.getAttribute("variant") || C, e = this.getAttribute("title") || "", s = this.hasAttribute("dismissible"), n = this._bodyContent || "";
|
|
291
291
|
this.classList.add("dga-alert"), this.setAttribute("data-variant", t);
|
|
292
|
-
const o = e ? `<h4 class="dga-alert-title">${a(e)}</h4>` : "", r =
|
|
292
|
+
const o = e ? `<h4 class="dga-alert-title">${a(e)}</h4>` : "", r = s ? '<button class="dga-alert-close" type="button" data-alert-close aria-label="Dismiss alert">×</button>' : "";
|
|
293
293
|
this.innerHTML = `
|
|
294
294
|
<span class="dga-alert-icon" aria-hidden="true"></span>
|
|
295
295
|
<div class="dga-alert-content">
|
|
@@ -305,8 +305,8 @@ class _ extends HTMLElement {
|
|
|
305
305
|
);
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
|
-
customElements.define("dga-alert",
|
|
309
|
-
class
|
|
308
|
+
customElements.define("dga-alert", k);
|
|
309
|
+
class w extends HTMLElement {
|
|
310
310
|
static get observedAttributes() {
|
|
311
311
|
return ["title", "size", "open"];
|
|
312
312
|
}
|
|
@@ -317,10 +317,10 @@ class C extends HTMLElement {
|
|
|
317
317
|
this.isConnected && this._render();
|
|
318
318
|
}
|
|
319
319
|
_render() {
|
|
320
|
-
const t = this.getAttribute("title") || "", e = this.getAttribute("size") || "md",
|
|
320
|
+
const t = this.getAttribute("title") || "", e = this.getAttribute("size") || "md", s = this.hasAttribute("open"), n = this._bodyContent || "";
|
|
321
321
|
this.innerHTML = `
|
|
322
|
-
<div class="dga-acc-item${
|
|
323
|
-
<button class="dga-acc-header" data-size="${a(e)}" aria-expanded="${
|
|
322
|
+
<div class="dga-acc-item${s ? " dga-acc-item--active" : ""}">
|
|
323
|
+
<button class="dga-acc-header" data-size="${a(e)}" aria-expanded="${s ? "true" : "false"}">
|
|
324
324
|
<span>${a(t)}</span>
|
|
325
325
|
</button>
|
|
326
326
|
<div class="dga-acc-content">
|
|
@@ -330,7 +330,7 @@ class C extends HTMLElement {
|
|
|
330
330
|
`;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
-
class
|
|
333
|
+
class L extends HTMLElement {
|
|
334
334
|
constructor() {
|
|
335
335
|
super(), this._controller = null;
|
|
336
336
|
}
|
|
@@ -341,9 +341,9 @@ class A extends HTMLElement {
|
|
|
341
341
|
this._controller?.destroy(), this._controller = null;
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
|
-
customElements.define("dga-accordion-item",
|
|
345
|
-
customElements.define("dga-accordion",
|
|
346
|
-
class
|
|
344
|
+
customElements.define("dga-accordion-item", w);
|
|
345
|
+
customElements.define("dga-accordion", L);
|
|
346
|
+
class E extends HTMLElement {
|
|
347
347
|
static get observedAttributes() {
|
|
348
348
|
return ["code", "multiline"];
|
|
349
349
|
}
|
|
@@ -386,8 +386,8 @@ class k extends HTMLElement {
|
|
|
386
386
|
));
|
|
387
387
|
}
|
|
388
388
|
}
|
|
389
|
-
customElements.define("dga-code-snippet",
|
|
390
|
-
class
|
|
389
|
+
customElements.define("dga-code-snippet", E);
|
|
390
|
+
class x extends HTMLElement {
|
|
391
391
|
static get observedAttributes() {
|
|
392
392
|
return ["data", "hole"];
|
|
393
393
|
}
|
|
@@ -398,18 +398,43 @@ class L extends HTMLElement {
|
|
|
398
398
|
this.isConnected && this._render();
|
|
399
399
|
}
|
|
400
400
|
_render() {
|
|
401
|
-
const t =
|
|
401
|
+
const t = A(this.getAttribute("data")), e = this.hasAttribute("hole") && this.getAttribute("hole") !== "false";
|
|
402
402
|
p(this, t, { hole: e });
|
|
403
403
|
}
|
|
404
404
|
}
|
|
405
|
-
customElements.define("dga-pie-chart",
|
|
406
|
-
const
|
|
405
|
+
customElements.define("dga-pie-chart", x);
|
|
406
|
+
const S = {
|
|
407
407
|
"flag-src": "saudiFlag.svg",
|
|
408
408
|
"link-icon-src": "link-icon.svg",
|
|
409
409
|
"lock-icon-src": "square-lock-password.svg",
|
|
410
410
|
"logo-src": "DGA-logo-icon.svg"
|
|
411
|
+
}, D = {
|
|
412
|
+
ar: {
|
|
413
|
+
flagAlt: "علم المملكة العربية السعودية",
|
|
414
|
+
banner: "موقع حكومي رسمي تابع لحكومة المملكة العربية السعودية",
|
|
415
|
+
cta: "كيف تتحقق",
|
|
416
|
+
domainHeading: "روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ",
|
|
417
|
+
domainBody: "جميع روابط المواقع الرسمية التابعة للجهات الحكومية في المملكة العربية السعودية تنتهي بـ",
|
|
418
|
+
httpsHeading: "المواقع الالكترونية الحكومية تستخدم بروتوكول",
|
|
419
|
+
httpsHeadingSuffix: "للتشفير و الأمان.",
|
|
420
|
+
httpsBody: "المواقع الالكترونية الآمنة في المملكة العربية السعودية تستخدم بروتوكول HTTPS للتشفير.",
|
|
421
|
+
logoAlt: "شعار هيئة الحكومة الرقمية",
|
|
422
|
+
registeredWith: "مسجل لدى هيئة الحكومة الرقمية برقم :"
|
|
423
|
+
},
|
|
424
|
+
en: {
|
|
425
|
+
flagAlt: "Flag of the Kingdom of Saudi Arabia",
|
|
426
|
+
banner: "This is an official government website of the Kingdom of Saudi Arabia",
|
|
427
|
+
cta: "How to verify",
|
|
428
|
+
domainHeading: "Official Saudi government website links end with",
|
|
429
|
+
domainBody: "All official website links belonging to government entities in the Kingdom of Saudi Arabia end with",
|
|
430
|
+
httpsHeading: "Government websites use the",
|
|
431
|
+
httpsHeadingSuffix: "protocol for encryption and security.",
|
|
432
|
+
httpsBody: "Secure websites in the Kingdom of Saudi Arabia use the HTTPS protocol for encryption.",
|
|
433
|
+
logoAlt: "Digital Government Authority logo",
|
|
434
|
+
registeredWith: "Registered with the Digital Government Authority under number:"
|
|
435
|
+
}
|
|
411
436
|
};
|
|
412
|
-
class
|
|
437
|
+
class T extends HTMLElement {
|
|
413
438
|
static get observedAttributes() {
|
|
414
439
|
return [
|
|
415
440
|
"registration-number",
|
|
@@ -419,7 +444,8 @@ class w extends HTMLElement {
|
|
|
419
444
|
"flag-src",
|
|
420
445
|
"link-icon-src",
|
|
421
446
|
"lock-icon-src",
|
|
422
|
-
"logo-src"
|
|
447
|
+
"logo-src",
|
|
448
|
+
"lang"
|
|
423
449
|
];
|
|
424
450
|
}
|
|
425
451
|
constructor() {
|
|
@@ -435,20 +461,20 @@ class w extends HTMLElement {
|
|
|
435
461
|
this.isConnected && this._render();
|
|
436
462
|
}
|
|
437
463
|
_render() {
|
|
438
|
-
const t = a(
|
|
464
|
+
const t = this.getAttribute("lang") === "en" ? "en" : "ar", e = t === "en" ? "ltr" : "rtl", s = D[t], n = a(
|
|
439
465
|
this.getAttribute("registration-number") || "20250105758"
|
|
440
|
-
),
|
|
466
|
+
), o = this.getAttribute("registration-link") || "https://raqmi.dga.gov.sa/platforms/platforms/9ebc5e60-9081-4653-bfb9-08dd2a2f8633/platform-license", r = a(this._normalizeLink(o)), l = a(this.getAttribute("domain") || ".edu.sa"), v = a(this._imageSrc("flag-src")), y = a(this._imageSrc("link-icon-src")), f = a(this._imageSrc("lock-icon-src")), _ = a(this._imageSrc("logo-src"));
|
|
441
467
|
this.innerHTML = `
|
|
442
|
-
<div id="dga-verify-bar" class="dga-bg-gray-100 closed">
|
|
468
|
+
<div id="dga-verify-bar" dir="${e}" class="dga-bg-gray-100 closed">
|
|
443
469
|
<div class="dga-container dga-py-2">
|
|
444
470
|
<div id="dga-verify-bar_bar" class="dga-row">
|
|
445
471
|
<div class="dga-col">
|
|
446
472
|
<div class="dga-d-flex dga-align-items-center dga-gap-2">
|
|
447
|
-
<span><img src="${
|
|
448
|
-
<span class="dga-text-sm"
|
|
473
|
+
<span><img src="${v}" alt="${s.flagAlt}" /></span>
|
|
474
|
+
<span class="dga-text-sm">${s.banner}</span>
|
|
449
475
|
<span>
|
|
450
476
|
<button id="dga-verifyBtn" class="dga-btn dga-btn-subtle dga-text-primary-500" data-verify-toggle aria-expanded="false">
|
|
451
|
-
|
|
477
|
+
${s.cta}
|
|
452
478
|
</button>
|
|
453
479
|
</span>
|
|
454
480
|
</div>
|
|
@@ -458,15 +484,14 @@ class w extends HTMLElement {
|
|
|
458
484
|
<div id="dga-verify-bar_content" class="dga-row dga-pt-10 dga-pb-8" data-verify-content style="display: ${this.isOpen ? "flex" : "none"};">
|
|
459
485
|
<div class="dga-col-md-6 dga-pb-8">
|
|
460
486
|
<div class="dga-d-flex dga-gap-4">
|
|
461
|
-
<div><img src="${
|
|
487
|
+
<div><img src="${y}" alt="" /></div>
|
|
462
488
|
<div class="dga-w-full dga-d-flex dga-flex-col dga-gap-2">
|
|
463
489
|
<h3 class="dga-text-xl dga-fw-bold">
|
|
464
|
-
|
|
465
|
-
<span class="dga-text-primary-500">${
|
|
490
|
+
${s.domainHeading}
|
|
491
|
+
<span class="dga-text-primary-500">${l}</span>
|
|
466
492
|
</h3>
|
|
467
493
|
<p>
|
|
468
|
-
|
|
469
|
-
العربية السعودية تنتهي بـ ${n}
|
|
494
|
+
${s.domainBody} ${l}
|
|
470
495
|
</p>
|
|
471
496
|
</div>
|
|
472
497
|
</div>
|
|
@@ -474,15 +499,14 @@ class w extends HTMLElement {
|
|
|
474
499
|
|
|
475
500
|
<div class="dga-col-md-6 dga-pb-8">
|
|
476
501
|
<div class="dga-d-flex dga-gap-4">
|
|
477
|
-
<div><img src="${
|
|
502
|
+
<div><img src="${f}" alt="" /></div>
|
|
478
503
|
<div class="dga-w-full dga-d-flex dga-flex-col dga-gap-2">
|
|
479
504
|
<h3 class="dga-text-xl dga-fw-bold">
|
|
480
|
-
|
|
481
|
-
<span class="dga-text-primary-500">HTTPS</span>
|
|
505
|
+
${s.httpsHeading}
|
|
506
|
+
<span class="dga-text-primary-500">HTTPS</span> ${s.httpsHeadingSuffix}
|
|
482
507
|
</h3>
|
|
483
508
|
<p>
|
|
484
|
-
|
|
485
|
-
بروتوكول HTTPS للتشفير.
|
|
509
|
+
${s.httpsBody}
|
|
486
510
|
</p>
|
|
487
511
|
</div>
|
|
488
512
|
</div>
|
|
@@ -490,9 +514,9 @@ class w extends HTMLElement {
|
|
|
490
514
|
|
|
491
515
|
<div class="dga-col-12">
|
|
492
516
|
<div class="dga-d-flex dga-align-items-center dga-gap-3 dga-bg-white dga-text-md dga-rounded-md dga-py-2 dga-px-7">
|
|
493
|
-
<img src="${
|
|
494
|
-
|
|
495
|
-
<a href="${
|
|
517
|
+
<img src="${_}" alt="${s.logoAlt}" />
|
|
518
|
+
${s.registeredWith}
|
|
519
|
+
<a href="${r}" class="dga-link">${n}</a>
|
|
496
520
|
</div>
|
|
497
521
|
</div>
|
|
498
522
|
</div>
|
|
@@ -503,8 +527,8 @@ class w extends HTMLElement {
|
|
|
503
527
|
_imageSrc(t) {
|
|
504
528
|
const e = this.getAttribute(t);
|
|
505
529
|
if (e) return e;
|
|
506
|
-
const
|
|
507
|
-
return `${n.endsWith("/") ? n : `${n}/`}${
|
|
530
|
+
const s = S[t], n = this.getAttribute("assets-base") || "/";
|
|
531
|
+
return `${n.endsWith("/") ? n : `${n}/`}${s}`;
|
|
508
532
|
}
|
|
509
533
|
_open() {
|
|
510
534
|
this._content.style.display = "flex", this.isOpen = !0, this._btn?.setAttribute("aria-expanded", "true"), this._wrapper?.classList.replace("closed", "opend");
|
|
@@ -520,15 +544,15 @@ class w extends HTMLElement {
|
|
|
520
544
|
}
|
|
521
545
|
}
|
|
522
546
|
}
|
|
523
|
-
customElements.define("dga-verify-bar",
|
|
524
|
-
const
|
|
547
|
+
customElements.define("dga-verify-bar", T);
|
|
548
|
+
const q = !0;
|
|
525
549
|
export {
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
550
|
+
$ as DGAAccordion,
|
|
551
|
+
B as DGAAlert,
|
|
552
|
+
H as DGAChart,
|
|
553
|
+
M as DGACodeSnippet,
|
|
554
|
+
O as DGAMenuDropDown,
|
|
555
|
+
G as DGAVerifyBar,
|
|
556
|
+
q as DGA_WEB_COMPONENTS_REGISTERED
|
|
533
557
|
};
|
|
534
558
|
//# sourceMappingURL=index.js.map
|