@crowdfarming/oliva-ds 1.23.0 → 1.24.0-rc.1
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/fesm2022/crowdfarming-oliva-ds.mjs +115 -36
- package/fesm2022/crowdfarming-oliva-ds.mjs.map +1 -1
- package/lib/icon/src/lib/icon/svg/arrows.constant.d.ts +3 -0
- package/lib/icon/src/lib/icon/svg/commerce.constant.d.ts +7 -0
- package/lib/icon/src/lib/icon/svg/design.constant.d.ts +3 -0
- package/lib/icon/src/lib/icon/svg/index.d.ts +17 -0
- package/lib/icon/src/lib/icon/svg/media.constant.d.ts +1 -0
- package/lib/icon/src/lib/icon/svg/securityWarnings.constant.d.ts +1 -0
- package/lib/icon/src/lib/icon/svg/systemDevices.constant.d.ts +1 -0
- package/lib/icon/src/lib/icon/svg/weatherNature.constant.d.ts +1 -0
- package/lib/input-search/src/lib/input-search/input-search.component.d.ts +3 -1
- package/lib/link/src/lib/link/link.component.d.ts +17 -15
- package/lib/select/src/lib/select/select.component.d.ts +1 -1
- package/package.json +1 -1
- package/themes/crowdfarming.css +8 -8
- package/themes/farmeneur.css +49 -49
|
@@ -1038,7 +1038,7 @@ const socialIcons = {
|
|
|
1038
1038
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
1039
1039
|
<feGaussianBlur stdDeviation="0.23504" result="effect1_foregroundBlur_541_1506"/>
|
|
1040
1040
|
</filter>
|
|
1041
|
-
<radialGradient id="paint0_radial_541_1506" cx="0" cy="0" r="1"
|
|
1041
|
+
<radialGradient id="paint0_radial_541_1506" cx="0" cy="0" r="1" gradientTransform="matrix(-0.436381 -10.4579 15.6897 -0.62757 9.40223 19.3164)" gradientUnits="userSpaceOnUse">
|
|
1042
1042
|
<stop offset="0.141612" stop-color="#1ABD4D"/>
|
|
1043
1043
|
<stop offset="0.247515" stop-color="#6EC30D"/>
|
|
1044
1044
|
<stop offset="0.311547" stop-color="#8AC502"/>
|
|
@@ -1050,11 +1050,11 @@ const socialIcons = {
|
|
|
1050
1050
|
<stop offset="0.771242" stop-color="#FDCE05"/>
|
|
1051
1051
|
<stop offset="0.860566" stop-color="#FFCE0A"/>
|
|
1052
1052
|
</radialGradient>
|
|
1053
|
-
<radialGradient id="paint1_radial_541_1506" cx="0" cy="0" r="1"
|
|
1053
|
+
<radialGradient id="paint1_radial_541_1506" cx="0" cy="0" r="1" gradientTransform="matrix(7.41096 -1.78112e-05 -1.04164e-05 9.3706 19.1881 7.09785)" gradientUnits="userSpaceOnUse">
|
|
1054
1054
|
<stop offset="0.408458" stop-color="#FB4E5A"/>
|
|
1055
1055
|
<stop offset="1" stop-color="#FF4540"/>
|
|
1056
1056
|
</radialGradient>
|
|
1057
|
-
<radialGradient id="paint2_radial_541_1506" cx="0" cy="0" r="1"
|
|
1057
|
+
<radialGradient id="paint2_radial_541_1506" cx="0" cy="0" r="1" gradientTransform="matrix(-10.3833 5.63055 7.80391 13.7952 15.1409 0.0537589)" gradientUnits="userSpaceOnUse">
|
|
1058
1058
|
<stop offset="0.231273" stop-color="#FF4541"/>
|
|
1059
1059
|
<stop offset="0.311547" stop-color="#FF4540"/>
|
|
1060
1060
|
<stop offset="0.457516" stop-color="#FF4640"/>
|
|
@@ -1064,7 +1064,7 @@ const socialIcons = {
|
|
|
1064
1064
|
<stop offset="0.860566" stop-color="#FF6C29"/>
|
|
1065
1065
|
<stop offset="1" stop-color="#FF8C18"/>
|
|
1066
1066
|
</radialGradient>
|
|
1067
|
-
<radialGradient id="paint3_radial_541_1506" cx="0" cy="0" r="1"
|
|
1067
|
+
<radialGradient id="paint3_radial_541_1506" cx="0" cy="0" r="1" gradientTransform="matrix(-18.8304 -24.0666 -9.07344 6.80533 12.3781 21.2782)" gradientUnits="userSpaceOnUse">
|
|
1068
1068
|
<stop offset="0.131546" stop-color="#0CBA65"/>
|
|
1069
1069
|
<stop offset="0.209784" stop-color="#0BB86D"/>
|
|
1070
1070
|
<stop offset="0.297297" stop-color="#09B479"/>
|
|
@@ -1075,7 +1075,7 @@ const socialIcons = {
|
|
|
1075
1075
|
<stop offset="0.768727" stop-color="#258BF1"/>
|
|
1076
1076
|
<stop offset="0.858506" stop-color="#3086FF"/>
|
|
1077
1077
|
</radialGradient>
|
|
1078
|
-
<radialGradient id="paint4_radial_541_1506" cx="0" cy="0" r="1"
|
|
1078
|
+
<radialGradient id="paint4_radial_541_1506" cx="0" cy="0" r="1" gradientTransform="matrix(-1.33258 11.2456 15.8814 1.80397 11.3035 3.39357)" gradientUnits="userSpaceOnUse">
|
|
1079
1079
|
<stop offset="0.366013" stop-color="#FF4E3A"/>
|
|
1080
1080
|
<stop offset="0.457516" stop-color="#FF8A1B"/>
|
|
1081
1081
|
<stop offset="0.540305" stop-color="#FFA312"/>
|
|
@@ -1085,14 +1085,14 @@ const socialIcons = {
|
|
|
1085
1085
|
<stop offset="0.915033" stop-color="#FECF08"/>
|
|
1086
1086
|
<stop offset="1" stop-color="#FDCD01"/>
|
|
1087
1087
|
</radialGradient>
|
|
1088
|
-
<radialGradient id="paint5_radial_541_1506" cx="0" cy="0" r="1"
|
|
1088
|
+
<radialGradient id="paint5_radial_541_1506" cx="0" cy="0" r="1" gradientTransform="matrix(-3.85186 4.17093 -12.0157 -10.637 9.42964 3.27691)" gradientUnits="userSpaceOnUse">
|
|
1089
1089
|
<stop offset="0.315904" stop-color="#FF4C3C"/>
|
|
1090
1090
|
<stop offset="0.603818" stop-color="#FF692C"/>
|
|
1091
1091
|
<stop offset="0.726837" stop-color="#FF7825"/>
|
|
1092
1092
|
<stop offset="0.884534" stop-color="#FF8D1B"/>
|
|
1093
1093
|
<stop offset="1" stop-color="#FF9F13"/>
|
|
1094
1094
|
</radialGradient>
|
|
1095
|
-
<radialGradient id="paint6_radial_541_1506" cx="0" cy="0" r="1"
|
|
1095
|
+
<radialGradient id="paint6_radial_541_1506" cx="0" cy="0" r="1" gradientTransform="matrix(-10.3833 -5.63055 7.80391 -13.7952 15.1408 23.946)" gradientUnits="userSpaceOnUse">
|
|
1096
1096
|
<stop offset="0.231273" stop-color="#0FBC5F"/>
|
|
1097
1097
|
<stop offset="0.311547" stop-color="#0FBC5F"/>
|
|
1098
1098
|
<stop offset="0.366013" stop-color="#0FBC5E"/>
|
|
@@ -1705,6 +1705,10 @@ const weatherNatureIcons = {
|
|
|
1705
1705
|
'plant-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1706
1706
|
<path d="M25.6762 19.8837C24.4774 20.6125 23.1005 20.9958 21.6975 20.9912C20.5221 20.9819 19.3601 20.7415 18.2775 20.2837C17.4431 21.4616 16.9966 22.8703 17 24.3137V28C17.0003 28.1371 16.9724 28.2728 16.9181 28.3986C16.8637 28.5245 16.7841 28.6378 16.6841 28.7316C16.5841 28.8254 16.4659 28.8976 16.3368 28.9438C16.2077 28.9899 16.0705 29.0091 15.9337 29C15.6767 28.9776 15.4376 28.8589 15.2644 28.6676C15.0913 28.4764 14.9968 28.2267 15 27.9687V26.4137L10.1725 21.5862C9.45486 21.854 8.6959 21.994 7.92999 22C6.87557 22.0026 5.84091 21.7141 4.93999 21.1662C2.21624 19.5112 0.749985 15.7025 1.03374 10.9737C1.04802 10.7291 1.15164 10.4982 1.32493 10.3249C1.49821 10.1517 1.72909 10.048 1.97374 10.0337C6.70249 9.755 10.5112 11.2162 12.1612 13.94C12.8095 15.0076 13.0925 16.2573 12.9675 17.5C12.9597 17.5963 12.9242 17.6883 12.8653 17.7648C12.8064 17.8413 12.7265 17.8992 12.6354 17.9313C12.5443 17.9634 12.4459 17.9685 12.3519 17.9458C12.258 17.9232 12.1727 17.8739 12.1062 17.8037L9.70624 15.2912C9.51717 15.1116 9.26542 15.013 9.00466 15.0163C8.7439 15.0196 8.49476 15.1247 8.31036 15.3091C8.12596 15.4935 8.02088 15.7427 8.01755 16.0034C8.01421 16.2642 8.11286 16.5159 8.29248 16.705L15.0275 23.6112C15.035 23.5137 15.0437 23.4162 15.0537 23.32C15.2724 21.4659 16.0905 19.734 17.3837 18.3875L23.7075 11.705C23.8951 11.5175 24.0006 11.2632 24.0007 10.9979C24.0008 10.7327 23.8956 10.4783 23.7081 10.2906C23.5206 10.103 23.2663 9.9975 23.0011 9.99738C22.7358 9.99727 22.4814 10.1025 22.2937 10.29L16.1687 16.7675C16.1074 16.8324 16.0298 16.8798 15.944 16.9046C15.8583 16.9294 15.7674 16.9308 15.6809 16.9086C15.5944 16.8864 15.5154 16.8414 15.4521 16.7783C15.3889 16.7153 15.3437 16.6364 15.3212 16.55C14.7287 14.365 14.99 12.19 16.1212 10.3225C18.3537 6.6375 23.5487 4.665 30.0187 5.045C30.2634 5.05928 30.4943 5.16291 30.6675 5.33619C30.8408 5.50947 30.9444 5.74035 30.9587 5.985C31.3337 12.4562 29.3612 17.6512 25.6762 19.8837Z" fill="#070707"/>
|
|
1707
1707
|
</svg>
|
|
1708
|
+
`,
|
|
1709
|
+
'drop-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1710
|
+
<path d="M21.75 5.96874C20.206 4.18554 18.4682 2.57981 16.5688 1.18124C16.4006 1.06346 16.2003 1.00027 15.995 1.00027C15.7897 1.00027 15.5894 1.06346 15.4213 1.18124C13.5253 2.58039 11.7909 4.1861 10.25 5.96874C6.81375 9.91499 5 14.075 5 18C5 20.9174 6.15893 23.7153 8.22183 25.7782C10.2847 27.8411 13.0826 29 16 29C18.9174 29 21.7153 27.8411 23.7782 25.7782C25.8411 23.7153 27 20.9174 27 18C27 14.075 25.1863 9.91499 21.75 5.96874ZM16 27C13.6139 26.9973 11.3262 26.0483 9.63896 24.361C7.95171 22.6738 7.00265 20.3861 7 18C7 10.8462 13.9338 4.87499 16 3.24999C18.0662 4.87499 25 10.8437 25 18C24.9974 20.3861 24.0483 22.6738 22.361 24.361C20.6738 26.0483 18.3861 26.9973 16 27ZM22.9862 19.1675C22.7269 20.6159 22.0301 21.95 20.9896 22.9904C19.949 24.0307 18.6147 24.7273 17.1663 24.9862C17.1113 24.9951 17.0557 24.9996 17 25C16.7492 24.9999 16.5075 24.9056 16.323 24.7357C16.1384 24.5658 16.0245 24.3328 16.0037 24.0828C15.9829 23.8328 16.0569 23.5841 16.2108 23.3861C16.3648 23.1881 16.5876 23.0552 16.835 23.0137C18.9062 22.665 20.6637 20.9075 21.015 18.8325C21.0594 18.5709 21.2059 18.3377 21.4223 18.1842C21.6387 18.0306 21.9072 17.9693 22.1688 18.0137C22.4303 18.0582 22.6635 18.2047 22.8171 18.4211C22.9706 18.6374 23.0319 18.9059 22.9875 19.1675H22.9862Z" fill="#070707"/>
|
|
1711
|
+
</svg>
|
|
1708
1712
|
`
|
|
1709
1713
|
};
|
|
1710
1714
|
|
|
@@ -1779,6 +1783,10 @@ const mediaIcons = {
|
|
|
1779
1783
|
'slidershorizontal-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1780
1784
|
<path d="M5 11H9.125C9.3453 11.8604 9.8457 12.623 10.5473 13.1676C11.2489 13.7122 12.1118 14.0078 13 14.0078C13.8882 14.0078 14.7511 13.7122 15.4527 13.1676C16.1543 12.623 16.6547 11.8604 16.875 11H27C27.2652 11 27.5196 10.8946 27.7071 10.7071C27.8946 10.5196 28 10.2652 28 10C28 9.73478 27.8946 9.48043 27.7071 9.29289C27.5196 9.10536 27.2652 9 27 9H16.875C16.6547 8.13959 16.1543 7.37696 15.4527 6.83236C14.7511 6.28776 13.8882 5.99216 13 5.99216C12.1118 5.99216 11.2489 6.28776 10.5473 6.83236C9.8457 7.37696 9.3453 8.13959 9.125 9H5C4.73478 9 4.48043 9.10536 4.29289 9.29289C4.10536 9.48043 4 9.73478 4 10C4 10.2652 4.10536 10.5196 4.29289 10.7071C4.48043 10.8946 4.73478 11 5 11ZM13 8C13.3956 8 13.7822 8.1173 14.1111 8.33706C14.44 8.55682 14.6964 8.86918 14.8478 9.23463C14.9991 9.60009 15.0387 10.0022 14.9616 10.3902C14.8844 10.7781 14.6939 11.1345 14.4142 11.4142C14.1345 11.6939 13.7781 11.8844 13.3902 11.9616C13.0022 12.0387 12.6001 11.9991 12.2346 11.8478C11.8692 11.6964 11.5568 11.44 11.3371 11.1111C11.1173 10.7822 11 10.3956 11 10C11 9.46957 11.2107 8.96086 11.5858 8.58579C11.9609 8.21071 12.4696 8 13 8ZM27 21H24.875C24.6547 20.1396 24.1543 19.377 23.4527 18.8324C22.7511 18.2878 21.8882 17.9922 21 17.9922C20.1118 17.9922 19.2489 18.2878 18.5473 18.8324C17.8457 19.377 17.3453 20.1396 17.125 21H5C4.73478 21 4.48043 21.1054 4.29289 21.2929C4.10536 21.4804 4 21.7348 4 22C4 22.2652 4.10536 22.5196 4.29289 22.7071C4.48043 22.8946 4.73478 23 5 23H17.125C17.3453 23.8604 17.8457 24.623 18.5473 25.1676C19.2489 25.7122 20.1118 26.0078 21 26.0078C21.8882 26.0078 22.7511 25.7122 23.4527 25.1676C24.1543 24.623 24.6547 23.8604 24.875 23H27C27.2652 23 27.5196 22.8946 27.7071 22.7071C27.8946 22.5196 28 22.2652 28 22C28 21.7348 27.8946 21.4804 27.7071 21.2929C27.5196 21.1054 27.2652 21 27 21ZM21 24C20.6044 24 20.2178 23.8827 19.8889 23.6629C19.56 23.4432 19.3036 23.1308 19.1522 22.7654C19.0009 22.3999 18.9613 21.9978 19.0384 21.6098C19.1156 21.2219 19.3061 20.8655 19.5858 20.5858C19.8655 20.3061 20.2219 20.1156 20.6098 20.0384C20.9978 19.9613 21.3999 20.0009 21.7654 20.1522C22.1308 20.3036 22.4432 20.56 22.6629 20.8889C22.8827 21.2178 23 21.6044 23 22C23 22.5304 22.7893 23.0391 22.4142 23.4142C22.0391 23.7893 21.5304 24 21 24Z" fill="#070707"/>
|
|
1781
1785
|
</svg>
|
|
1786
|
+
`,
|
|
1787
|
+
'headset-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1788
|
+
<path d="M25.2362 6.8325C24.04 5.62422 22.6172 4.66377 21.0492 4.00613C19.4813 3.3485 17.799 3.00659 16.0987 3H16C12.5522 3 9.24558 4.36964 6.80761 6.80761C4.36964 9.24558 3 12.5522 3 16V23C3 23.7956 3.31607 24.5587 3.87868 25.1213C4.44129 25.6839 5.20435 26 6 26H8C8.79565 26 9.55871 25.6839 10.1213 25.1213C10.6839 24.5587 11 23.7956 11 23V18C11 17.2044 10.6839 16.4413 10.1213 15.8787C9.55871 15.3161 8.79565 15 8 15H5.045C5.23785 12.9149 6.02104 10.928 7.30278 9.27213C8.58452 7.61626 10.3117 6.36004 12.2819 5.65071C14.2521 4.94137 16.3836 4.80832 18.4267 5.26713C20.4698 5.72595 22.3398 6.75763 23.8175 8.24125C25.6236 10.0566 26.7345 12.4488 26.9562 15H24C23.2044 15 22.4413 15.3161 21.8787 15.8787C21.3161 16.4413 21 17.2044 21 18V23C21 23.7956 21.3161 24.5587 21.8787 25.1213C22.4413 25.6839 23.2044 26 24 26H27C27 26.7956 26.6839 27.5587 26.1213 28.1213C25.5587 28.6839 24.7956 29 24 29H17C16.7348 29 16.4804 29.1054 16.2929 29.2929C16.1054 29.4804 16 29.7348 16 30C16 30.2652 16.1054 30.5196 16.2929 30.7071C16.4804 30.8946 16.7348 31 17 31H24C25.3261 31 26.5979 30.4732 27.5355 29.5355C28.4732 28.5979 29 27.3261 29 26V16C29.0065 14.2995 28.6774 12.6144 28.0316 11.0412C27.3857 9.46811 26.4358 8.03788 25.2362 6.8325ZM8 17C8.26522 17 8.51957 17.1054 8.70711 17.2929C8.89464 17.4804 9 17.7348 9 18V23C9 23.2652 8.89464 23.5196 8.70711 23.7071C8.51957 23.8946 8.26522 24 8 24H6C5.73478 24 5.48043 23.8946 5.29289 23.7071C5.10536 23.5196 5 23.2652 5 23V17H8ZM24 24C23.7348 24 23.4804 23.8946 23.2929 23.7071C23.1054 23.5196 23 23.2652 23 23V18C23 17.7348 23.1054 17.4804 23.2929 17.2929C23.4804 17.1054 23.7348 17 24 17H27V24H24Z" fill="#070707"/>
|
|
1789
|
+
</svg>
|
|
1782
1790
|
`
|
|
1783
1791
|
};
|
|
1784
1792
|
|
|
@@ -1837,6 +1845,18 @@ const designIcons = {
|
|
|
1837
1845
|
'resize-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1838
1846
|
<path d="M17 14H6C5.73478 14 5.48043 14.1054 5.29289 14.2929C5.10536 14.4804 5 14.7348 5 15V26C5 26.2652 5.10536 26.5196 5.29289 26.7071C5.48043 26.8946 5.73478 27 6 27H17C17.2652 27 17.5196 26.8946 17.7071 26.7071C17.8946 26.5196 18 26.2652 18 26V15C18 14.7348 17.8946 14.4804 17.7071 14.2929C17.5196 14.1054 17.2652 14 17 14ZM16 25H7V16H16V25ZM27 23V25C27 25.5304 26.7893 26.0391 26.4142 26.4142C26.0391 26.7893 25.5304 27 25 27H22C21.7348 27 21.4804 26.8946 21.2929 26.7071C21.1054 26.5196 21 26.2652 21 26C21 25.7348 21.1054 25.4804 21.2929 25.2929C21.4804 25.1054 21.7348 25 22 25H25V23C25 22.7348 25.1054 22.4804 25.2929 22.2929C25.4804 22.1054 25.7348 22 26 22C26.2652 22 26.5196 22.1054 26.7071 22.2929C26.8946 22.4804 27 22.7348 27 23ZM27 14V18C27 18.2652 26.8946 18.5196 26.7071 18.7071C26.5196 18.8946 26.2652 19 26 19C25.7348 19 25.4804 18.8946 25.2929 18.7071C25.1054 18.5196 25 18.2652 25 18V14C25 13.7348 25.1054 13.4804 25.2929 13.2929C25.4804 13.1054 25.7348 13 26 13C26.2652 13 26.5196 13.1054 26.7071 13.2929C26.8946 13.4804 27 13.7348 27 14ZM27 7V9C27 9.26522 26.8946 9.51957 26.7071 9.70711C26.5196 9.89464 26.2652 10 26 10C25.7348 10 25.4804 9.89464 25.2929 9.70711C25.1054 9.51957 25 9.26522 25 9V7H23C22.7348 7 22.4804 6.89464 22.2929 6.70711C22.1054 6.51957 22 6.26522 22 6C22 5.73478 22.1054 5.48043 22.2929 5.29289C22.4804 5.10536 22.7348 5 23 5H25C25.5304 5 26.0391 5.21071 26.4142 5.58579C26.7893 5.96086 27 6.46957 27 7ZM19 6C19 6.26522 18.8946 6.51957 18.7071 6.70711C18.5196 6.89464 18.2652 7 18 7H14C13.7348 7 13.4804 6.89464 13.2929 6.70711C13.1054 6.51957 13 6.26522 13 6C13 5.73478 13.1054 5.48043 13.2929 5.29289C13.4804 5.10536 13.7348 5 14 5H18C18.2652 5 18.5196 5.10536 18.7071 5.29289C18.8946 5.48043 19 5.73478 19 6ZM5 10V7C5 6.46957 5.21071 5.96086 5.58579 5.58579C5.96086 5.21071 6.46957 5 7 5H9C9.26522 5 9.51957 5.10536 9.70711 5.29289C9.89464 5.48043 10 5.73478 10 6C10 6.26522 9.89464 6.51957 9.70711 6.70711C9.51957 6.89464 9.26522 7 9 7H7V10C7 10.2652 6.89464 10.5196 6.70711 10.7071C6.51957 10.8946 6.26522 11 6 11C5.73478 11 5.48043 10.8946 5.29289 10.7071C5.10536 10.5196 5 10.2652 5 10Z" fill="#070707"/>
|
|
1839
1847
|
</svg>
|
|
1848
|
+
`,
|
|
1849
|
+
'selectionall-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1850
|
+
<path d="M13 5C13 4.73478 13.1054 4.48043 13.2929 4.29289C13.4804 4.10536 13.7348 4 14 4H18C18.2652 4 18.5196 4.10536 18.7071 4.29289C18.8946 4.48043 19 4.73478 19 5C19 5.26522 18.8946 5.51957 18.7071 5.70711C18.5196 5.89464 18.2652 6 18 6H14C13.7348 6 13.4804 5.89464 13.2929 5.70711C13.1054 5.51957 13 5.26522 13 5ZM18 26H14C13.7348 26 13.4804 26.1054 13.2929 26.2929C13.1054 26.4804 13 26.7348 13 27C13 27.2652 13.1054 27.5196 13.2929 27.7071C13.4804 27.8946 13.7348 28 14 28H18C18.2652 28 18.5196 27.8946 18.7071 27.7071C18.8946 27.5196 19 27.2652 19 27C19 26.7348 18.8946 26.4804 18.7071 26.2929C18.5196 26.1054 18.2652 26 18 26ZM26 4H23C22.7348 4 22.4804 4.10536 22.2929 4.29289C22.1054 4.48043 22 4.73478 22 5C22 5.26522 22.1054 5.51957 22.2929 5.70711C22.4804 5.89464 22.7348 6 23 6H26V9C26 9.26522 26.1054 9.51957 26.2929 9.70711C26.4804 9.89464 26.7348 10 27 10C27.2652 10 27.5196 9.89464 27.7071 9.70711C27.8946 9.51957 28 9.26522 28 9V6C28 5.46957 27.7893 4.96086 27.4142 4.58579C27.0391 4.21071 26.5304 4 26 4ZM27 13C26.7348 13 26.4804 13.1054 26.2929 13.2929C26.1054 13.4804 26 13.7348 26 14V18C26 18.2652 26.1054 18.5196 26.2929 18.7071C26.4804 18.8946 26.7348 19 27 19C27.2652 19 27.5196 18.8946 27.7071 18.7071C27.8946 18.5196 28 18.2652 28 18V14C28 13.7348 27.8946 13.4804 27.7071 13.2929C27.5196 13.1054 27.2652 13 27 13ZM27 22C26.7348 22 26.4804 22.1054 26.2929 22.2929C26.1054 22.4804 26 22.7348 26 23V26H23C22.7348 26 22.4804 26.1054 22.2929 26.2929C22.1054 26.4804 22 26.7348 22 27C22 27.2652 22.1054 27.5196 22.2929 27.7071C22.4804 27.8946 22.7348 28 23 28H26C26.5304 28 27.0391 27.7893 27.4142 27.4142C27.7893 27.0391 28 26.5304 28 26V23C28 22.7348 27.8946 22.4804 27.7071 22.2929C27.5196 22.1054 27.2652 22 27 22ZM5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V14C6 13.7348 5.89464 13.4804 5.70711 13.2929C5.51957 13.1054 5.26522 13 5 13C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19ZM9 26H6V23C6 22.7348 5.89464 22.4804 5.70711 22.2929C5.51957 22.1054 5.26522 22 5 22C4.73478 22 4.48043 22.1054 4.29289 22.2929C4.10536 22.4804 4 22.7348 4 23V26C4 26.5304 4.21071 27.0391 4.58579 27.4142C4.96086 27.7893 5.46957 28 6 28H9C9.26522 28 9.51957 27.8946 9.70711 27.7071C9.89464 27.5196 10 27.2652 10 27C10 26.7348 9.89464 26.4804 9.70711 26.2929C9.51957 26.1054 9.26522 26 9 26ZM5 10C5.26522 10 5.51957 9.89464 5.70711 9.70711C5.89464 9.51957 6 9.26522 6 9V6H9C9.26522 6 9.51957 5.89464 9.70711 5.70711C9.89464 5.51957 10 5.26522 10 5C10 4.73478 9.89464 4.48043 9.70711 4.29289C9.51957 4.10536 9.26522 4 9 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V9C4 9.26522 4.10536 9.51957 4.29289 9.70711C4.48043 9.89464 4.73478 10 5 10ZM22 23H10C9.73478 23 9.48043 22.8946 9.29289 22.7071C9.10536 22.5196 9 22.2652 9 22V10C9 9.73478 9.10536 9.48043 9.29289 9.29289C9.48043 9.10536 9.73478 9 10 9H22C22.2652 9 22.5196 9.10536 22.7071 9.29289C22.8946 9.48043 23 9.73478 23 10V22C23 22.2652 22.8946 22.5196 22.7071 22.7071C22.5196 22.8946 22.2652 23 22 23ZM21 11H11V21H21V11Z" fill="#070707"/>
|
|
1851
|
+
</svg>
|
|
1852
|
+
`,
|
|
1853
|
+
'selectionall-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1854
|
+
<path d="M13 5C13 4.73478 13.1054 4.48043 13.2929 4.29289C13.4804 4.10536 13.7348 4 14 4H18C18.2652 4 18.5196 4.10536 18.7071 4.29289C18.8946 4.48043 19 4.73478 19 5C19 5.26522 18.8946 5.51957 18.7071 5.70711C18.5196 5.89464 18.2652 6 18 6H14C13.7348 6 13.4804 5.89464 13.2929 5.70711C13.1054 5.51957 13 5.26522 13 5ZM18 26H14C13.7348 26 13.4804 26.1054 13.2929 26.2929C13.1054 26.4804 13 26.7348 13 27C13 27.2652 13.1054 27.5196 13.2929 27.7071C13.4804 27.8946 13.7348 28 14 28H18C18.2652 28 18.5196 27.8946 18.7071 27.7071C18.8946 27.5196 19 27.2652 19 27C19 26.7348 18.8946 26.4804 18.7071 26.2929C18.5196 26.1054 18.2652 26 18 26ZM26 4H23C22.7348 4 22.4804 4.10536 22.2929 4.29289C22.1054 4.48043 22 4.73478 22 5C22 5.26522 22.1054 5.51957 22.2929 5.70711C22.4804 5.89464 22.7348 6 23 6H26V9C26 9.26522 26.1054 9.51957 26.2929 9.70711C26.4804 9.89464 26.7348 10 27 10C27.2652 10 27.5196 9.89464 27.7071 9.70711C27.8946 9.51957 28 9.26522 28 9V6C28 5.46957 27.7893 4.96086 27.4142 4.58579C27.0391 4.21071 26.5304 4 26 4ZM27 13C26.7348 13 26.4804 13.1054 26.2929 13.2929C26.1054 13.4804 26 13.7348 26 14V18C26 18.2652 26.1054 18.5196 26.2929 18.7071C26.4804 18.8946 26.7348 19 27 19C27.2652 19 27.5196 18.8946 27.7071 18.7071C27.8946 18.5196 28 18.2652 28 18V14C28 13.7348 27.8946 13.4804 27.7071 13.2929C27.5196 13.1054 27.2652 13 27 13ZM27 22C26.7348 22 26.4804 22.1054 26.2929 22.2929C26.1054 22.4804 26 22.7348 26 23V26H23C22.7348 26 22.4804 26.1054 22.2929 26.2929C22.1054 26.4804 22 26.7348 22 27C22 27.2652 22.1054 27.5196 22.2929 27.7071C22.4804 27.8946 22.7348 28 23 28H26C26.5304 28 27.0391 27.7893 27.4142 27.4142C27.7893 27.0391 28 26.5304 28 26V23C28 22.7348 27.8946 22.4804 27.7071 22.2929C27.5196 22.1054 27.2652 22 27 22ZM5 19C5.26522 19 5.51957 18.8946 5.70711 18.7071C5.89464 18.5196 6 18.2652 6 18V14C6 13.7348 5.89464 13.4804 5.70711 13.2929C5.51957 13.1054 5.26522 13 5 13C4.73478 13 4.48043 13.1054 4.29289 13.2929C4.10536 13.4804 4 13.7348 4 14V18C4 18.2652 4.10536 18.5196 4.29289 18.7071C4.48043 18.8946 4.73478 19 5 19ZM9 26H6V23C6 22.7348 5.89464 22.4804 5.70711 22.2929C5.51957 22.1054 5.26522 22 5 22C4.73478 22 4.48043 22.1054 4.29289 22.2929C4.10536 22.4804 4 22.7348 4 23V26C4 26.5304 4.21071 27.0391 4.58579 27.4142C4.96086 27.7893 5.46957 28 6 28H9C9.26522 28 9.51957 27.8946 9.70711 27.7071C9.89464 27.5196 10 27.2652 10 27C10 26.7348 9.89464 26.4804 9.70711 26.2929C9.51957 26.1054 9.26522 26 9 26ZM5 10C5.26522 10 5.51957 9.89464 5.70711 9.70711C5.89464 9.51957 6 9.26522 6 9V6H9C9.26522 6 9.51957 5.89464 9.70711 5.70711C9.89464 5.51957 10 5.26522 10 5C10 4.73478 9.89464 4.48043 9.70711 4.29289C9.51957 4.10536 9.26522 4 9 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V9C4 9.26522 4.10536 9.51957 4.29289 9.70711C4.48043 9.89464 4.73478 10 5 10ZM23 22V10C23 9.73478 22.8946 9.48043 22.7071 9.29289C22.5196 9.10536 22.2652 9 22 9H10C9.73478 9 9.48043 9.10536 9.29289 9.29289C9.10536 9.48043 9 9.73478 9 10V22C9 22.2652 9.10536 22.5196 9.29289 22.7071C9.48043 22.8946 9.73478 23 10 23H22C22.2652 23 22.5196 22.8946 22.7071 22.7071C22.8946 22.5196 23 22.2652 23 22Z" fill="#070707"/>
|
|
1855
|
+
</svg>
|
|
1856
|
+
`,
|
|
1857
|
+
'scissors-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1858
|
+
<path d="M19.7162 14.1412C19.6419 14.0328 19.5897 13.9107 19.5626 13.7821C19.5355 13.6534 19.5341 13.5207 19.5583 13.3914C19.5826 13.2622 19.6321 13.139 19.704 13.029C19.7759 12.9189 19.8689 12.8241 19.9775 12.75L28.435 6.96249C28.654 6.82696 28.9169 6.7812 29.1689 6.83473C29.4209 6.88827 29.6425 7.03697 29.7875 7.24985C29.9326 7.46274 29.9899 7.72338 29.9475 7.97747C29.9051 8.23155 29.7663 8.45948 29.56 8.61374L21.1012 14.4012C20.9355 14.5155 20.7388 14.5766 20.5375 14.5762C20.3756 14.5756 20.2163 14.5357 20.0732 14.4599C19.9302 14.3842 19.8077 14.2748 19.7162 14.1412ZM29.825 24.7775C29.6751 24.9963 29.4445 25.1466 29.1838 25.1953C28.9231 25.2441 28.6538 25.1873 28.435 25.0375L17 17.2125L11.6862 20.8475C12.0916 21.8771 12.1035 23.0199 11.7196 24.0577C11.3356 25.0955 10.5828 25.9554 9.60487 26.4732C8.62696 26.991 7.49256 27.1303 6.41842 26.8646C5.34427 26.5988 4.4057 25.9466 3.78203 25.0326C3.15836 24.1186 2.89332 23.0068 3.03755 21.9097C3.18178 20.8126 3.72517 19.8072 4.56389 19.0854C5.40262 18.3636 6.47787 17.9762 7.5842 17.9971C8.69053 18.018 9.75037 18.4458 10.5612 19.1987L15.2287 16L10.555 12.8012C9.74686 13.5503 8.69116 13.9755 7.58946 13.9956C6.48776 14.0157 5.41726 13.6293 4.58237 12.9102C3.74749 12.191 3.20673 11.1896 3.06335 10.0971C2.91996 9.00459 3.18401 7.89754 3.80506 6.98735C4.42611 6.07717 5.36065 5.42762 6.43023 5.16275C7.4998 4.89788 8.62946 5.03624 9.6035 5.55142C10.5775 6.0666 11.3277 6.92249 11.7107 7.95566C12.0937 8.98883 12.0828 10.1269 11.68 11.1525L29.555 23.3862C29.6643 23.4597 29.758 23.554 29.8308 23.6637C29.9035 23.7735 29.9539 23.8965 29.979 24.0258C30.0041 24.155 30.0034 24.288 29.9769 24.417C29.9505 24.546 29.8989 24.6685 29.825 24.7775ZM9.99997 22.5C10.0001 21.9216 9.79966 21.3611 9.43282 20.9139C9.06598 20.4667 8.55544 20.1605 7.98818 20.0476C7.42092 19.9346 6.83205 20.0219 6.3219 20.2944C5.81175 20.567 5.41188 21.008 5.19044 21.5423C4.96901 22.0767 4.93969 22.6712 5.10749 23.2248C5.27529 23.7783 5.62983 24.2565 6.1107 24.5779C6.59156 24.8993 7.169 25.0441 7.74462 24.9875C8.32024 24.9309 8.85842 24.6764 9.26747 24.2675C9.50047 24.036 9.68519 23.7606 9.81093 23.4572C9.93667 23.1538 10.0009 22.8284 9.99997 22.5ZM9.26747 11.2662C9.61718 10.9166 9.85535 10.4712 9.95188 9.98621C10.0484 9.50124 9.99894 8.99853 9.80974 8.54168C9.62054 8.08482 9.30011 7.69432 8.88897 7.41959C8.47783 7.14485 7.99445 6.99821 7.49997 6.99821C7.00548 6.99821 6.5221 7.14485 6.11097 7.41959C5.69983 7.69432 5.3794 8.08482 5.1902 8.54168C5.001 8.99853 4.95154 9.50124 5.04806 9.98621C5.14459 10.4712 5.38276 10.9166 5.73247 11.2662C5.96333 11.5006 6.23849 11.6866 6.54192 11.8137C6.84536 11.9407 7.17102 12.0061 7.49997 12.0061C7.82892 12.0061 8.15458 11.9407 8.45801 11.8137C8.76145 11.6866 9.0366 11.5006 9.26747 11.2662Z" fill="#070707"/>
|
|
1859
|
+
</svg>
|
|
1840
1860
|
`
|
|
1841
1861
|
};
|
|
1842
1862
|
|
|
@@ -1910,6 +1930,10 @@ const systemDevicesIcons = {
|
|
|
1910
1930
|
'bell-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1911
1931
|
<path d="M27.725 21.9925C27.0313 20.7975 26 17.4163 26 13C26 10.3478 24.9464 7.8043 23.0711 5.92893C21.1957 4.05357 18.6522 3 16 3C13.3479 3 10.8043 4.05357 8.92895 5.92893C7.05358 7.8043 6.00002 10.3478 6.00002 13C6.00002 17.4175 4.96752 20.7975 4.27377 21.9925C4.0966 22.2963 4.00268 22.6415 4.00148 22.9931C4.00027 23.3448 4.09182 23.6906 4.26689 23.9956C4.44196 24.3006 4.69437 24.5541 4.99865 24.7304C5.30293 24.9068 5.64833 24.9997 6.00002 25H11.1013C11.332 26.1289 11.9455 27.1436 12.8382 27.8722C13.7308 28.6009 14.8477 28.9989 16 28.9989C17.1523 28.9989 18.2692 28.6009 19.1618 27.8722C20.0545 27.1436 20.6681 26.1289 20.8988 25H26C26.3516 24.9995 26.6968 24.9064 27.0009 24.73C27.3051 24.5535 27.5573 24.3 27.7322 23.9951C27.9071 23.6901 27.9986 23.3444 27.9973 22.9928C27.996 22.6412 27.9021 22.2962 27.725 21.9925ZM16 27C15.3798 26.9998 14.7749 26.8074 14.2685 26.4492C13.7622 26.0911 13.3793 25.5848 13.1725 25H18.8275C18.6208 25.5848 18.2379 26.0911 17.7315 26.4492C17.2252 26.8074 16.6202 26.9998 16 27ZM6.00002 23C6.96252 21.345 8.00002 17.51 8.00002 13C8.00002 10.8783 8.84287 8.84344 10.3432 7.34315C11.8435 5.84285 13.8783 5 16 5C18.1217 5 20.1566 5.84285 21.6569 7.34315C23.1572 8.84344 24 10.8783 24 13C24 17.5063 25.035 21.3412 26 23H6.00002Z" fill="#070707"/>
|
|
1912
1932
|
</svg>
|
|
1933
|
+
`,
|
|
1934
|
+
'lightbulb-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1935
|
+
<path d="M22 29C22 29.2652 21.8947 29.5196 21.7071 29.7071C21.5196 29.8947 21.2653 30 21 30H11C10.7348 30 10.4805 29.8947 10.2929 29.7071C10.1054 29.5196 10 29.2652 10 29C10 28.7348 10.1054 28.4804 10.2929 28.2929C10.4805 28.1054 10.7348 28 11 28H21C21.2653 28 21.5196 28.1054 21.7071 28.2929C21.8947 28.4804 22 28.7348 22 29ZM27 13C27.0044 14.6671 26.6278 16.3131 25.899 17.8124C25.1702 19.3117 24.1086 20.6248 22.795 21.6513C22.5494 21.8395 22.3501 22.0815 22.2123 22.3585C22.0745 22.6356 22.0019 22.9406 22 23.25V24C22 24.5305 21.7893 25.0392 21.4143 25.4142C21.0392 25.7893 20.5305 26 20 26H12C11.4696 26 10.9609 25.7893 10.5858 25.4142C10.2108 25.0392 10 24.5305 10 24V23.25C9.99984 22.9443 9.92953 22.6426 9.79453 22.3683C9.65953 22.094 9.46342 21.8542 9.22129 21.6675C7.91104 20.6471 6.8501 19.3419 6.11876 17.8509C5.38743 16.3599 5.00487 14.722 5.00004 13.0613C4.96754 7.10377 9.78254 2.14252 15.735 2.00002C17.2017 1.96467 18.6607 2.22309 20.026 2.76004C21.3913 3.297 22.6354 4.10165 23.6851 5.12663C24.7348 6.15162 25.5688 7.37623 26.1381 8.72838C26.7074 10.0805 27.0005 11.5329 27 13ZM25 13C25.0004 11.7996 24.7606 10.6112 24.2948 9.50488C23.8289 8.39853 23.1465 7.39654 22.2876 6.55791C21.4287 5.71927 20.4107 5.06094 19.2935 4.62165C18.1764 4.18237 16.9826 3.97101 15.7825 4.00002C10.9075 4.11502 6.97379 8.17377 7.00004 13.0488C7.00461 14.407 7.31804 15.7464 7.91661 16.9656C8.51518 18.1849 9.38322 19.252 10.455 20.0863C10.9368 20.4608 11.3266 20.9406 11.5944 21.489C11.8621 22.0374 12.0009 22.6398 12 23.25V24H20V23.25C20.0014 22.638 20.1426 22.0344 20.4127 21.4853C20.6829 20.9361 21.0748 20.4559 21.5588 20.0813C22.6339 19.2411 23.5028 18.1663 24.0992 16.9391C24.6957 15.7118 25.0038 14.3645 25 13ZM22.9863 11.8325C22.727 10.3841 22.0302 9.04997 20.9896 8.00964C19.949 6.96931 18.6147 6.27276 17.1663 6.01377C17.0368 5.99194 16.9042 5.99583 16.7762 6.02522C16.6482 6.05462 16.5272 6.10893 16.4202 6.18508C16.3132 6.26122 16.2222 6.3577 16.1525 6.469C16.0828 6.58031 16.0356 6.70425 16.0138 6.83377C15.992 6.96328 15.9959 7.09583 16.0252 7.22385C16.0546 7.35186 16.109 7.47283 16.1851 7.57985C16.2612 7.68687 16.3577 7.77784 16.469 7.84757C16.5803 7.91731 16.7043 7.96444 16.8338 7.98627C18.905 8.33502 20.6625 10.0925 21.0138 12.1675C21.0534 12.4004 21.1741 12.6118 21.3546 12.7642C21.5352 12.9166 21.7638 13.0001 22 13C22.0566 12.9997 22.113 12.9951 22.1688 12.9863C22.4302 12.9416 22.6631 12.795 22.8164 12.5787C22.9697 12.3623 23.0308 12.0939 22.9863 11.8325Z" fill="#070707"/>
|
|
1936
|
+
</svg>
|
|
1913
1937
|
`
|
|
1914
1938
|
};
|
|
1915
1939
|
|
|
@@ -2012,6 +2036,34 @@ const commerceIcons = {
|
|
|
2012
2036
|
'invoice-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2013
2037
|
<path d="M3.5 16C3.23478 16 2.98043 15.8946 2.79289 15.7071C2.60536 15.5196 2.5 15.2652 2.5 15C2.5 14.7348 2.60536 14.4804 2.79289 14.2929C2.98043 14.1054 3.23478 14 3.5 14H7C7.26522 14 7.51957 13.8946 7.70711 13.7071C7.89464 13.5196 8 13.2652 8 13C8 12.7348 7.89464 12.4804 7.70711 12.2929C7.51957 12.1054 7.26522 12 7 12H5C4.20435 12 3.44129 11.6839 2.87868 11.1213C2.31607 10.5587 2 9.79565 2 9C2 8.20435 2.31607 7.44129 2.87868 6.87868C3.44129 6.31607 4.20435 6 5 6C5 5.73478 5.10536 5.48043 5.29289 5.29289C5.48043 5.10536 5.73478 5 6 5C6.26522 5 6.51957 5.10536 6.70711 5.29289C6.89464 5.48043 7 5.73478 7 6H8C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7C9 7.26522 8.89464 7.51957 8.70711 7.70711C8.51957 7.89464 8.26522 8 8 8H5C4.73478 8 4.48043 8.10536 4.29289 8.29289C4.10536 8.48043 4 8.73478 4 9C4 9.26522 4.10536 9.51957 4.29289 9.70711C4.48043 9.89464 4.73478 10 5 10H7C7.79565 10 8.55871 10.3161 9.12132 10.8787C9.68393 11.4413 10 12.2044 10 13C10 13.7956 9.68393 14.5587 9.12132 15.1213C8.55871 15.6839 7.79565 16 7 16C7 16.2652 6.89464 16.5196 6.70711 16.7071C6.51957 16.8946 6.26522 17 6 17C5.73478 17 5.48043 16.8946 5.29289 16.7071C5.10536 16.5196 5 16.2652 5 16H3.5ZM28 6H12C11.7348 6 11.4804 6.10536 11.2929 6.29289C11.1054 6.48043 11 6.73478 11 7C11 7.26522 11.1054 7.51957 11.2929 7.70711C11.4804 7.89464 11.7348 8 12 8H27V12H13C12.7348 12 12.4804 12.1054 12.2929 12.2929C12.1054 12.4804 12 12.7348 12 13C12 13.2652 12.1054 13.5196 12.2929 13.7071C12.4804 13.8946 12.7348 14 13 14H20V18H10C9.73478 18 9.48043 18.1054 9.29289 18.2929C9.10536 18.4804 9 18.7348 9 19C9 19.2652 9.10536 19.5196 9.29289 19.7071C9.48043 19.8946 9.73478 20 10 20H20V24H5V19C5 18.7348 4.89464 18.4804 4.70711 18.2929C4.51957 18.1054 4.26522 18 4 18C3.73478 18 3.48043 18.1054 3.29289 18.2929C3.10536 18.4804 3 18.7348 3 19V24C3 24.5304 3.21071 25.0391 3.58579 25.4142C3.96086 25.7893 4.46957 26 5 26H27C27.5304 26 28.0391 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V7C29 6.73478 28.8946 6.48043 28.7071 6.29289C28.5196 6.10536 28.2652 6 28 6Z" fill="#070707"/>
|
|
2014
2038
|
</svg>
|
|
2039
|
+
`,
|
|
2040
|
+
'storefront-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2041
|
+
<path d="M29 12C29.0005 11.907 28.9879 11.8144 28.9625 11.725L27.1688 5.45C27.0482 5.03364 26.7962 4.66745 26.4504 4.40612C26.1045 4.14478 25.6835 4.00232 25.25 4H6.75C6.31655 4.00232 5.89547 4.14478 5.54965 4.40612C5.20382 4.66745 4.95182 5.03364 4.83125 5.45L3.03875 11.725C3.01293 11.8144 2.99988 11.907 3 12V14C3 14.7762 3.18073 15.5418 3.52786 16.2361C3.875 16.9303 4.37902 17.5343 5 18V27C5 27.2652 5.10536 27.5196 5.29289 27.7071C5.48043 27.8946 5.73478 28 6 28H26C26.2652 28 26.5196 27.8946 26.7071 27.7071C26.8946 27.5196 27 27.2652 27 27V18C27.621 17.5343 28.125 16.9303 28.4721 16.2361C28.8193 15.5418 29 14.7762 29 14V12ZM6.75 6H25.25L26.6775 11H5.32625L6.75 6ZM13 13H19V14C19 14.7956 18.6839 15.5587 18.1213 16.1213C17.5587 16.6839 16.7957 17 16 17C15.2044 17 14.4413 16.6839 13.8787 16.1213C13.3161 15.5587 13 14.7956 13 14V13ZM11 13V14C10.9998 14.5159 10.8666 15.023 10.6132 15.4724C10.3599 15.9217 9.9949 16.2982 9.55358 16.5653C9.11226 16.8325 8.60951 16.9813 8.09388 16.9975C7.57825 17.0136 7.06717 16.8965 6.61 16.6575C6.54044 16.6034 6.46392 16.5588 6.3825 16.525C5.95884 16.2538 5.61019 15.8804 5.36861 15.4392C5.12702 14.9979 5.00027 14.503 5 14V13H11ZM25 26H7V18.9C7.3292 18.9664 7.66418 18.9999 8 19C8.77623 19 9.54179 18.8193 10.2361 18.4721C10.9303 18.125 11.5343 17.621 12 17C12.4657 17.621 13.0697 18.125 13.7639 18.4721C14.4582 18.8193 15.2238 19 16 19C16.7762 19 17.5418 18.8193 18.2361 18.4721C18.9303 18.125 19.5343 17.621 20 17C20.4657 17.621 21.0697 18.125 21.7639 18.4721C22.4582 18.8193 23.2238 19 24 19C24.3358 18.9999 24.6708 18.9664 25 18.9V26ZM25.6162 16.525C25.5359 16.5589 25.4603 16.603 25.3913 16.6562C24.9341 16.8955 24.423 17.0129 23.9073 16.9969C23.3916 16.981 22.8887 16.8323 22.4473 16.5653C22.0058 16.2982 21.6407 15.9218 21.3872 15.4725C21.1336 15.0231 21.0003 14.516 21 14V13H27V14C26.9996 14.5032 26.8727 14.9981 26.6308 15.4394C26.389 15.8806 26.0401 16.2539 25.6162 16.525Z" fill="#070707"/>
|
|
2042
|
+
</svg>
|
|
2043
|
+
`,
|
|
2044
|
+
'storefront-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2045
|
+
<path d="M28.9613 11.7262L27.1688 5.45C27.0482 5.03364 26.7962 4.66745 26.4504 4.40612C26.1045 4.14478 25.6835 4.00232 25.25 4H6.75C6.31654 4.00232 5.89547 4.14478 5.54964 4.40612C5.20382 4.66745 4.95181 5.03364 4.83125 5.45L3.03875 11.7262C3.01312 11.8152 3.00008 11.9074 3 12V14C3 14.7762 3.18073 15.5418 3.52786 16.2361C3.875 16.9303 4.37902 17.5343 5 18V27C5 27.2652 5.10536 27.5196 5.29289 27.7071C5.48043 27.8946 5.73478 28 6 28H26C26.2652 28 26.5196 27.8946 26.7071 27.7071C26.8946 27.5196 27 27.2652 27 27V18C27.621 17.5343 28.125 16.9303 28.4721 16.2361C28.8193 15.5418 29 14.7762 29 14V12C28.9999 11.9074 28.9869 11.8152 28.9613 11.7262ZM11 14C10.9998 14.5159 10.8666 15.023 10.6132 15.4724C10.3599 15.9217 9.9949 16.2982 9.55358 16.5653C9.11226 16.8325 8.6095 16.9813 8.09387 16.9975C7.57825 17.0136 7.06717 16.8965 6.61 16.6575C6.54044 16.6034 6.46392 16.5588 6.3825 16.525C5.95884 16.2538 5.61019 15.8804 5.36861 15.4392C5.12702 14.9979 5.00027 14.503 5 14V13H11V14ZM19 14C19 14.7956 18.6839 15.5587 18.1213 16.1213C17.5587 16.6839 16.7956 17 16 17C15.2044 17 14.4413 16.6839 13.8787 16.1213C13.3161 15.5587 13 14.7956 13 14V13H19V14ZM27 14C26.9996 14.5032 26.8727 14.9981 26.6308 15.4394C26.389 15.8806 26.0401 16.2539 25.6162 16.525C25.5359 16.5589 25.4603 16.603 25.3913 16.6562C24.9341 16.8955 24.423 17.0129 23.9073 16.9969C23.3916 16.981 22.8887 16.8323 22.4473 16.5653C22.0058 16.2982 21.6407 15.9218 21.3872 15.4725C21.1336 15.0231 21.0003 14.516 21 14V13H27V14Z" fill="#070707"/>
|
|
2046
|
+
</svg>
|
|
2047
|
+
`,
|
|
2048
|
+
'gift-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2049
|
+
<path d="M27 8.99998H22.615C22.6637 8.95872 22.7137 8.91873 22.7612 8.87498C23.1409 8.5377 23.4468 8.12571 23.66 7.66479C23.8731 7.20387 23.9889 6.70392 24 6.19623C24.0164 5.64082 23.9191 5.08791 23.7142 4.57146C23.5092 4.055 23.2008 3.58589 22.8079 3.19293C22.4151 2.79997 21.9461 2.49145 21.4297 2.2863C20.9133 2.08116 20.3604 1.98372 19.805 1.99998C19.2971 2.01091 18.7969 2.12658 18.3358 2.33973C17.8746 2.55289 17.4624 2.85894 17.125 3.23873C16.6581 3.77984 16.2785 4.39053 16 5.04873C15.7215 4.39053 15.3419 3.77984 14.875 3.23873C14.5376 2.85894 14.1254 2.55289 13.6642 2.33973C13.2031 2.12658 12.7029 2.01091 12.195 1.99998C11.6396 1.98372 11.0867 2.08116 10.5703 2.2863C10.0539 2.49145 9.58491 2.79997 9.19206 3.19293C8.79922 3.58589 8.49083 4.055 8.28584 4.57146C8.08085 5.08791 7.98358 5.64082 8 6.19623C8.01111 6.70392 8.12686 7.20387 8.34001 7.66479C8.55315 8.12571 8.85911 8.5377 9.23875 8.87498C9.28625 8.91623 9.33625 8.95623 9.385 8.99998H5C4.46957 8.99998 3.96086 9.21069 3.58579 9.58576C3.21071 9.96083 3 10.4695 3 11V15C3 15.5304 3.21071 16.0391 3.58579 16.4142C3.96086 16.7893 4.46957 17 5 17V25C5 25.5304 5.21071 26.0391 5.58579 26.4142C5.96086 26.7893 6.46957 27 7 27H25C25.5304 27 26.0391 26.7893 26.4142 26.4142C26.7893 26.0391 27 25.5304 27 25V17C27.5304 17 28.0391 16.7893 28.4142 16.4142C28.7893 16.0391 29 15.5304 29 15V11C29 10.4695 28.7893 9.96083 28.4142 9.58576C28.0391 9.21069 27.5304 8.99998 27 8.99998ZM18.625 4.56372C18.7833 4.38888 18.9761 4.24865 19.1912 4.15185C19.4063 4.05505 19.6391 4.00377 19.875 4.00122H19.9363C20.2127 4.00295 20.486 4.05984 20.7402 4.16856C20.9944 4.27728 21.2244 4.43565 21.4166 4.63437C21.6088 4.83309 21.7594 5.06818 21.8596 5.32586C21.9597 5.58353 22.0075 5.85861 22 6.13498C21.9975 6.37085 21.9462 6.60365 21.8494 6.81876C21.7526 7.03387 21.6123 7.22664 21.4375 7.38498C20.2512 8.43498 18.2825 8.80498 17.0625 8.93498C17.2125 7.61123 17.625 5.68747 18.625 4.56372ZM10.6138 4.60873C11.0012 4.22134 11.5259 4.00256 12.0737 3.99998H12.135C12.3709 4.00252 12.6037 4.0538 12.8188 4.1506C13.0339 4.2474 13.2267 4.38763 13.385 4.56248C14.4338 5.74748 14.8038 7.71247 14.9338 8.92747C13.7188 8.80247 11.7537 8.42747 10.5688 7.37873C10.3939 7.22039 10.2537 7.02762 10.1569 6.81251C10.0601 6.5974 10.0088 6.3646 10.0063 6.12873C9.9985 5.84777 10.0479 5.56817 10.1515 5.30688C10.255 5.04559 10.4106 4.80807 10.6088 4.60873H10.6138ZM5 11H15V15H5V11ZM7 17H15V25H7V17ZM25 25H17V17H25V25ZM27 15H17V11H27V15Z" fill="#070707"/>
|
|
2050
|
+
</svg>
|
|
2051
|
+
`,
|
|
2052
|
+
'tractor-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2053
|
+
<path d="M30 20.6763V16.75C30.0021 16.3195 29.8643 15.8999 29.6073 15.5546C29.3503 15.2092 28.988 14.9566 28.575 14.835L28.5488 14.8275L24 13.5887V9C24 8.73478 23.8946 8.48043 23.7071 8.29289C23.5196 8.10536 23.2652 8 23 8C22.7348 8 22.4804 8.10536 22.2929 8.29289C22.1054 8.48043 22 8.73478 22 9V13.0475L19 12.235V7H20C20.2652 7 20.5196 6.89464 20.7071 6.70711C20.8946 6.51957 21 6.26522 21 6C21 5.73478 20.8946 5.48043 20.7071 5.29289C20.5196 5.10536 20.2652 5 20 5H5C4.73479 5 4.48043 5.10536 4.2929 5.29289C4.10536 5.48043 4 5.73478 4 6C4 6.26522 4.10536 6.51957 4.2929 6.70711C4.48043 6.89464 4.73479 7 5 7H6V11H5C4.73479 11 4.48043 11.1054 4.2929 11.2929C4.10536 11.4804 4 11.7348 4 12C4 12.2652 4.10536 12.5196 4.2929 12.7071C4.48043 12.8946 4.73479 13 5 13H8.5C10.7536 13.0023 12.9143 13.8986 14.5079 15.4922C16.1014 17.0857 16.9977 19.2464 17 21.5V23C17 23.2652 17.1054 23.5196 17.2929 23.7071C17.4804 23.8946 17.7348 24 18 24H22.0288C22.1054 24.6949 22.3429 25.3624 22.7224 25.9496C23.102 26.5367 23.6131 27.0274 24.2153 27.3826C24.8175 27.7378 25.4941 27.9478 26.1916 27.996C26.8891 28.0442 27.5882 27.9292 28.2335 27.6601C28.8788 27.391 29.4525 26.9753 29.9091 26.4459C30.3658 25.9165 30.6928 25.288 30.8642 24.6102C31.0357 23.9324 31.0468 23.224 30.8968 22.5411C30.7468 21.8583 30.4398 21.2198 30 20.6763ZM8.5 11H8V7H17V15.3462C16.028 14.0011 14.7507 12.9057 13.2731 12.1501C11.7954 11.3946 10.1596 11.0004 8.5 11ZM19 14.3062L28 16.75V19.2625C26.8755 18.8645 25.6389 18.9292 24.5621 19.4426C23.4853 19.9559 22.6564 20.8758 22.2575 22H19V14.3062ZM26.5 26C26.0056 26 25.5222 25.8534 25.1111 25.5787C24.7 25.304 24.3795 24.9135 24.1903 24.4567C24.0011 23.9999 23.9516 23.4972 24.048 23.0123C24.1445 22.5273 24.3826 22.0819 24.7322 21.7322C25.0819 21.3826 25.5273 21.1445 26.0123 21.048C26.4972 20.9516 26.9999 21.0011 27.4567 21.1903C27.9135 21.3795 28.304 21.7 28.5787 22.1111C28.8534 22.5222 29 23.0055 29 23.5C29 24.163 28.7366 24.7989 28.2678 25.2678C27.7989 25.7366 27.163 26 26.5 26ZM8.5 15C7.21442 15 5.95772 15.3812 4.8888 16.0954C3.81988 16.8097 2.98676 17.8248 2.49479 19.0126C2.00282 20.2003 1.87409 21.5072 2.1249 22.7681C2.3757 24.029 2.99477 25.1872 3.90381 26.0962C4.81285 27.0052 5.97104 27.6243 7.23192 27.8751C8.49279 28.1259 9.79973 27.9972 10.9874 27.5052C12.1752 27.0132 13.1903 26.1801 13.9046 25.1112C14.6188 24.0423 15 22.7856 15 21.5C14.998 19.7767 14.3126 18.1246 13.094 16.906C11.8754 15.6874 10.2233 15.002 8.5 15ZM8.5 26C7.60999 26 6.73996 25.7361 5.99994 25.2416C5.25992 24.7471 4.68314 24.0443 4.34255 23.2221C4.00195 22.3998 3.91284 21.495 4.08647 20.6221C4.2601 19.7492 4.68869 18.9474 5.31802 18.318C5.94736 17.6887 6.74918 17.2601 7.6221 17.0865C8.49501 16.9128 9.39981 17.0019 10.2221 17.3425C11.0443 17.6831 11.7471 18.2599 12.2416 18.9999C12.7361 19.74 13 20.61 13 21.5C13 22.6935 12.5259 23.8381 11.682 24.682C10.8381 25.5259 9.69348 26 8.5 26ZM10 21.5C10 21.7967 9.91203 22.0867 9.74721 22.3334C9.58239 22.58 9.34812 22.7723 9.07403 22.8858C8.79994 22.9993 8.49834 23.0291 8.20737 22.9712C7.9164 22.9133 7.64912 22.7704 7.43934 22.5607C7.22956 22.3509 7.0867 22.0836 7.02882 21.7926C6.97095 21.5017 7.00065 21.2001 7.11418 20.926C7.22772 20.6519 7.41997 20.4176 7.66665 20.2528C7.91332 20.088 8.20333 20 8.5 20C8.89783 20 9.27936 20.158 9.56066 20.4393C9.84197 20.7206 10 21.1022 10 21.5Z" fill="#070707"/>
|
|
2054
|
+
</svg>
|
|
2055
|
+
`,
|
|
2056
|
+
'tractor-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2057
|
+
<path d="M10 21.5C10 21.7967 9.91203 22.0867 9.74721 22.3334C9.58239 22.58 9.34812 22.7723 9.07403 22.8858C8.79994 22.9993 8.49834 23.0291 8.20737 22.9712C7.9164 22.9133 7.64912 22.7704 7.43934 22.5607C7.22956 22.3509 7.0867 22.0836 7.02882 21.7926C6.97095 21.5017 7.00065 21.2001 7.11418 20.926C7.22772 20.6519 7.41997 20.4176 7.66665 20.2528C7.91332 20.088 8.20333 20 8.5 20C8.89783 20 9.27936 20.158 9.56066 20.4393C9.84197 20.7206 10 21.1022 10 21.5ZM15 21.5C15 22.7856 14.6188 24.0423 13.9046 25.1112C13.1903 26.1801 12.1752 27.0132 10.9874 27.5052C9.79973 27.9972 8.49279 28.1259 7.23192 27.8751C5.97104 27.6243 4.81285 27.0052 3.90381 26.0962C2.99477 25.1872 2.3757 24.029 2.1249 22.7681C1.87409 21.5072 2.00282 20.2003 2.49479 19.0126C2.98676 17.8248 3.81988 16.8097 4.8888 16.0954C5.95772 15.3812 7.21442 15 8.5 15C10.2233 15.002 11.8754 15.6874 13.094 16.906C14.3126 18.1246 14.998 19.7767 15 21.5ZM12 21.5C12 20.8078 11.7947 20.1311 11.4101 19.5555C11.0256 18.9799 10.4789 18.5313 9.83939 18.2664C9.19985 18.0015 8.49612 17.9322 7.81719 18.0673C7.13825 18.2023 6.51461 18.5356 6.02513 19.0251C5.53565 19.5146 5.2023 20.1383 5.06725 20.8172C4.93221 21.4961 5.00152 22.1999 5.26642 22.8394C5.53133 23.4789 5.97994 24.0256 6.55551 24.4101C7.13108 24.7947 7.80777 25 8.5 25C9.42826 25 10.3185 24.6313 10.9749 23.9749C11.6313 23.3185 12 22.4283 12 21.5ZM31 23.5C30.998 24.6488 30.5568 25.7533 29.7666 26.5872C28.9765 27.4211 27.8974 27.9213 26.7504 27.9852C25.6034 28.0492 24.4754 27.672 23.5975 26.931C22.7197 26.1901 22.1584 25.1414 22.0288 24H18C17.7348 24 17.4804 23.8946 17.2929 23.7071C17.1054 23.5196 17 23.2652 17 23V21.5C16.9977 19.2464 16.1014 17.0857 14.5079 15.4922C12.9143 13.8986 10.7536 13.0023 8.5 13H5C4.73479 13 4.48043 12.8946 4.2929 12.7071C4.10536 12.5196 4 12.2652 4 12C4 11.7348 4.10536 11.4804 4.2929 11.2929C4.48043 11.1054 4.73479 11 5 11H6V7H5C4.73479 7 4.48043 6.89464 4.2929 6.70711C4.10536 6.51957 4 6.26522 4 6C4 5.73478 4.10536 5.48043 4.2929 5.29289C4.48043 5.10536 4.73479 5 5 5H20C20.2652 5 20.5196 5.10536 20.7071 5.29289C20.8946 5.48043 21 5.73478 21 6C21 6.26522 20.8946 6.51957 20.7071 6.70711C20.5196 6.89464 20.2652 7 20 7H19V12.235L22 13.0475V9C22 8.73478 22.1054 8.48043 22.2929 8.29289C22.4804 8.10536 22.7348 8 23 8C23.2652 8 23.5196 8.10536 23.7071 8.29289C23.8946 8.48043 24 8.73478 24 9V13.5887L28.5488 14.8212L28.575 14.8287C28.989 14.9507 29.352 15.2042 29.6091 15.5508C29.8663 15.8975 30.0035 16.3184 30 16.75V20.6825C30.6465 21.4793 30.9995 22.474 31 23.5ZM28.5 23.5C28.5 23.1044 28.3827 22.7178 28.1629 22.3889C27.9432 22.06 27.6308 21.8036 27.2654 21.6522C26.8999 21.5009 26.4978 21.4613 26.1098 21.5384C25.7219 21.6156 25.3655 21.8061 25.0858 22.0858C24.8061 22.3655 24.6156 22.7219 24.5384 23.1098C24.4613 23.4978 24.5009 23.8999 24.6522 24.2654C24.8036 24.6308 25.06 24.9432 25.3889 25.1629C25.7178 25.3827 26.1044 25.5 26.5 25.5C27.0304 25.5 27.5391 25.2893 27.9142 24.9142C28.2893 24.5391 28.5 24.0304 28.5 23.5Z" fill="#070707"/>
|
|
2058
|
+
</svg>
|
|
2059
|
+
`,
|
|
2060
|
+
'warehouse-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2061
|
+
<path d="M30 23H29V7.23749L30.2087 6.97749C30.3399 6.95289 30.4649 6.90227 30.5762 6.82862C30.6875 6.75497 30.783 6.65978 30.8569 6.54866C30.9309 6.43754 30.9818 6.31274 31.0068 6.18162C31.0317 6.05049 31.0302 5.9157 31.0022 5.78519C30.9743 5.65467 30.9205 5.53107 30.844 5.42167C30.7675 5.31228 30.6699 5.2193 30.5569 5.14822C30.444 5.07714 30.3179 5.02939 30.1862 5.0078C30.0545 4.98621 29.9198 4.9912 29.79 5.02249L1.79 11.0225C1.54878 11.0745 1.33533 11.214 1.19069 11.4139C1.04606 11.6138 0.980465 11.8602 1.00652 12.1056C1.03258 12.351 1.14846 12.5781 1.33186 12.7432C1.51526 12.9083 1.75323 12.9998 2 13C2.07101 12.9999 2.14181 12.9923 2.21125 12.9775L3 12.8087V23H2C1.73478 23 1.48043 23.1053 1.29289 23.2929C1.10536 23.4804 1 23.7348 1 24C1 24.2652 1.10536 24.5196 1.29289 24.7071C1.48043 24.8946 1.73478 25 2 25H30C30.2652 25 30.5196 24.8946 30.7071 24.7071C30.8946 24.5196 31 24.2652 31 24C31 23.7348 30.8946 23.4804 30.7071 23.2929C30.5196 23.1053 30.2652 23 30 23ZM5 12.375L27 7.66624V23H24V16C24 15.7348 23.8946 15.4804 23.7071 15.2929C23.5196 15.1053 23.2652 15 23 15H9C8.73478 15 8.48043 15.1053 8.29289 15.2929C8.10536 15.4804 8 15.7348 8 16V23H5V12.375ZM22 19H10V17H22V19ZM10 21H22V23H10V21Z" fill="#070707"/>
|
|
2062
|
+
</svg>
|
|
2063
|
+
`,
|
|
2064
|
+
'warehouse-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2065
|
+
<path d="M30 23H29V7.23749L30.2087 6.97749C30.3399 6.95289 30.4649 6.90227 30.5762 6.82862C30.6875 6.75497 30.783 6.65978 30.8569 6.54866C30.9309 6.43754 30.9818 6.31274 31.0068 6.18162C31.0317 6.05049 31.0302 5.9157 31.0022 5.78519C30.9743 5.65467 30.9205 5.53107 30.844 5.42167C30.7675 5.31228 30.6699 5.2193 30.5569 5.14822C30.444 5.07714 30.3179 5.02939 30.1862 5.0078C30.0545 4.98621 29.9198 4.9912 29.79 5.02249L1.79 11.0225C1.54878 11.0745 1.33533 11.214 1.19069 11.4139C1.04606 11.6138 0.980465 11.8602 1.00652 12.1056C1.03258 12.351 1.14846 12.5781 1.33186 12.7432C1.51526 12.9083 1.75323 12.9998 2 13C2.07101 12.9999 2.14181 12.9923 2.21125 12.9775L3 12.8087V23H2C1.73478 23 1.48043 23.1053 1.29289 23.2929C1.10536 23.4804 1 23.7348 1 24C1 24.2652 1.10536 24.5196 1.29289 24.7071C1.48043 24.8946 1.73478 25 2 25H30C30.2652 25 30.5196 24.8946 30.7071 24.7071C30.8946 24.5196 31 24.2652 31 24C31 23.7348 30.8946 23.4804 30.7071 23.2929C30.5196 23.1053 30.2652 23 30 23ZM23 23H9V21H23V23ZM23 19H9V17H23V19Z" fill="#070707"/>
|
|
2066
|
+
</svg>
|
|
2015
2067
|
`
|
|
2016
2068
|
};
|
|
2017
2069
|
|
|
@@ -2050,6 +2102,18 @@ const arrowsIcons = {
|
|
|
2050
2102
|
'arrowleft-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2051
2103
|
<path d="M28.0001 16C28.0001 16.2652 27.8947 16.5196 27.7072 16.7071C27.5196 16.8947 27.2653 17 27.0001 17H7.4138L14.7076 24.2925C14.8005 24.3854 14.8742 24.4957 14.9244 24.6171C14.9747 24.7385 15.0006 24.8686 15.0006 25C15.0006 25.1314 14.9747 25.2615 14.9244 25.3829C14.8742 25.5043 14.8005 25.6146 14.7076 25.7075C14.6146 25.8004 14.5043 25.8741 14.383 25.9244C14.2616 25.9747 14.1314 26.0006 14.0001 26.0006C13.8687 26.0006 13.7386 25.9747 13.6172 25.9244C13.4958 25.8741 13.3855 25.8004 13.2926 25.7075L4.29255 16.7075C4.19958 16.6146 4.12582 16.5043 4.07549 16.3829C4.02517 16.2615 3.99927 16.1314 3.99927 16C3.99927 15.8686 4.02517 15.7385 4.07549 15.6171C4.12582 15.4957 4.19958 15.3854 4.29255 15.2925L13.2926 6.29251C13.4802 6.10487 13.7347 5.99945 14.0001 5.99945C14.2654 5.99945 14.5199 6.10487 14.7076 6.29251C14.8952 6.48015 15.0006 6.73464 15.0006 7.00001C15.0006 7.26537 14.8952 7.51987 14.7076 7.70751L7.4138 15H27.0001C27.2653 15 27.5196 15.1054 27.7072 15.2929C27.8947 15.4804 28.0001 15.7348 28.0001 16Z" fill="#070707"/>
|
|
2052
2104
|
</svg>
|
|
2105
|
+
`,
|
|
2106
|
+
'arrowupleft-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2107
|
+
<path d="M24.7075 24.7075C24.6146 24.8005 24.5043 24.8742 24.3829 24.9246C24.2615 24.9749 24.1314 25.0008 24 25.0008C23.8686 25.0008 23.7385 24.9749 23.6171 24.9246C23.4957 24.8742 23.3854 24.8005 23.2925 24.7075L9 10.4137V21C9 21.2652 8.89464 21.5196 8.70711 21.7071C8.51957 21.8946 8.26522 22 8 22C7.73478 22 7.48043 21.8946 7.29289 21.7071C7.10536 21.5196 7 21.2652 7 21V8C7 7.73478 7.10536 7.48043 7.29289 7.29289C7.48043 7.10536 7.73478 7 8 7H21C21.2652 7 21.5196 7.10536 21.7071 7.29289C21.8946 7.48043 22 7.73478 22 8C22 8.26522 21.8946 8.51957 21.7071 8.70711C21.5196 8.89464 21.2652 9 21 9H10.4137L24.7075 23.2925C24.8005 23.3854 24.8742 23.4957 24.9246 23.6171C24.9749 23.7385 25.0008 23.8686 25.0008 24C25.0008 24.1314 24.9749 24.2615 24.9246 24.3829C24.8742 24.5043 24.8005 24.6146 24.7075 24.7075Z" fill="#070707"/>
|
|
2108
|
+
</svg>
|
|
2109
|
+
`,
|
|
2110
|
+
'arrowelbowright-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2111
|
+
<path d="M30.0001 10V19C30.0001 19.2652 29.8947 19.5196 29.7072 19.7071C29.5196 19.8946 29.2653 20 29.0001 20C28.7349 20 28.4805 19.8946 28.293 19.7071C28.1054 19.5196 28.0001 19.2652 28.0001 19V12.4137L15.7076 24.7075C15.6147 24.8005 15.5044 24.8742 15.383 24.9246C15.2616 24.9749 15.1315 25.0008 15.0001 25.0008C14.8687 25.0008 14.7385 24.9749 14.6171 24.9246C14.4957 24.8742 14.3854 24.8005 14.2926 24.7075L2.29257 12.7075C2.10493 12.5199 1.99951 12.2654 1.99951 12C1.99951 11.7346 2.10493 11.4801 2.29257 11.2925C2.48021 11.1049 2.7347 10.9994 3.00007 10.9994C3.26543 10.9994 3.51993 11.1049 3.70757 11.2925L15.0001 22.5863L26.5863 11H20.0001C19.7349 11 19.4805 10.8946 19.293 10.7071C19.1054 10.5196 19.0001 10.2652 19.0001 10C19.0001 9.73478 19.1054 9.48043 19.293 9.29289C19.4805 9.10536 19.7349 9 20.0001 9H29.0001C29.2653 9 29.5196 9.10536 29.7072 9.29289C29.8947 9.48043 30.0001 9.73478 30.0001 10Z" fill="#070707"/>
|
|
2112
|
+
</svg>
|
|
2113
|
+
`,
|
|
2114
|
+
'arrowelbowright-fill': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2115
|
+
<path d="M30.0001 10V19C30.0002 19.1979 29.9417 19.3914 29.8318 19.556C29.7219 19.7206 29.5657 19.8489 29.3829 19.9246C29.2 20.0004 28.9988 20.0202 28.8048 19.9815C28.6107 19.9429 28.4324 19.8475 28.2926 19.7075L24.5001 15.9138L15.7076 24.7075C15.6147 24.8005 15.5044 24.8742 15.383 24.9246C15.2616 24.9749 15.1315 25.0008 15.0001 25.0008C14.8687 25.0008 14.7385 24.9749 14.6171 24.9246C14.4957 24.8742 14.3854 24.8005 14.2926 24.7075L2.29257 12.7075C2.10493 12.5199 1.99951 12.2654 1.99951 12C1.99951 11.7346 2.10493 11.4801 2.29257 11.2925C2.48021 11.1049 2.7347 10.9994 3.00007 10.9994C3.26543 10.9994 3.51993 11.1049 3.70757 11.2925L15.0001 22.5863L23.0863 14.5L19.2926 10.7075C19.1526 10.5676 19.0572 10.3894 19.0185 10.1953C18.9799 10.0012 18.9997 9.80003 19.0754 9.61721C19.1512 9.43439 19.2795 9.27815 19.4441 9.16828C19.6087 9.05841 19.8022 8.99984 20.0001 9H29.0001C29.2653 9 29.5196 9.10536 29.7072 9.29289C29.8947 9.48043 30.0001 9.73478 30.0001 10Z" fill="#070707"/>
|
|
2116
|
+
</svg>
|
|
2053
2117
|
`
|
|
2054
2118
|
};
|
|
2055
2119
|
|
|
@@ -2103,6 +2167,10 @@ const securityWarningsIcons = {
|
|
|
2103
2167
|
'warningcircle-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2104
2168
|
<path d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00477 18.1995 4.78693 15.9878 5.21137 13.854C5.63581 11.7202 6.68345 9.7602 8.22183 8.22183C9.76021 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C26.9967 18.9164 25.8367 21.7123 23.7745 23.7745C21.7123 25.8367 18.9164 26.9967 16 27ZM15 17V10C15 9.73478 15.1054 9.48043 15.2929 9.29289C15.4804 9.10536 15.7348 9 16 9C16.2652 9 16.5196 9.10536 16.7071 9.29289C16.8946 9.48043 17 9.73478 17 10V17C17 17.2652 16.8946 17.5196 16.7071 17.7071C16.5196 17.8946 16.2652 18 16 18C15.7348 18 15.4804 17.8946 15.2929 17.7071C15.1054 17.5196 15 17.2652 15 17ZM17.5 21.5C17.5 21.7967 17.412 22.0867 17.2472 22.3334C17.0824 22.58 16.8481 22.7723 16.574 22.8858C16.2999 22.9993 15.9983 23.0291 15.7074 22.9712C15.4164 22.9133 15.1491 22.7704 14.9393 22.5607C14.7296 22.3509 14.5867 22.0836 14.5288 21.7926C14.471 21.5017 14.5007 21.2001 14.6142 20.926C14.7277 20.6519 14.92 20.4176 15.1667 20.2528C15.4133 20.088 15.7033 20 16 20C16.3978 20 16.7794 20.158 17.0607 20.4393C17.342 20.7206 17.5 21.1022 17.5 21.5Z" fill="#070707"/>
|
|
2105
2169
|
</svg>
|
|
2170
|
+
`,
|
|
2171
|
+
'shieldplus-regular': `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2172
|
+
<path d="M11 16C11 15.7348 11.1054 15.4804 11.2929 15.2929C11.4804 15.1054 11.7348 15 12 15H15V12C15 11.7348 15.1054 11.4804 15.2929 11.2929C15.4804 11.1054 15.7348 11 16 11C16.2652 11 16.5196 11.1054 16.7071 11.2929C16.8946 11.4804 17 11.7348 17 12V15H20C20.2652 15 20.5196 15.1054 20.7071 15.2929C20.8946 15.4804 21 15.7348 21 16C21 16.2652 20.8946 16.5196 20.7071 16.7071C20.5196 16.8946 20.2652 17 20 17H17V20C17 20.2652 16.8946 20.5196 16.7071 20.7071C16.5196 20.8946 16.2652 21 16 21C15.7348 21 15.4804 20.8946 15.2929 20.7071C15.1054 20.5196 15 20.2652 15 20V17H12C11.7348 17 11.4804 16.8946 11.2929 16.7071C11.1054 16.5196 11 16.2652 11 16ZM28 7V14C28 20.59 24.81 24.5837 22.1338 26.7738C19.2513 29.1313 16.3838 29.9325 16.2588 29.965C16.0869 30.0118 15.9056 30.0118 15.7338 29.965C15.6088 29.9325 12.745 29.1313 9.85875 26.7738C7.19 24.5837 4 20.59 4 14V7C4 6.46957 4.21071 5.96086 4.58579 5.58579C4.96086 5.21071 5.46957 5 6 5H26C26.5304 5 27.0391 5.21071 27.4142 5.58579C27.7893 5.96086 28 6.46957 28 7ZM26 7H6V14C6 18.6625 7.7275 22.4387 11.1337 25.2262C12.5841 26.4124 14.2311 27.3351 16 27.9525C17.7924 27.3241 19.46 26.3848 20.9263 25.1775C24.2925 22.395 26 18.6337 26 14V7Z" fill="#070707"/>
|
|
2173
|
+
</svg>
|
|
2106
2174
|
`
|
|
2107
2175
|
};
|
|
2108
2176
|
|
|
@@ -2196,11 +2264,11 @@ class IconComponent {
|
|
|
2196
2264
|
this.iconSvg = this.sanitizer.bypassSecurityTrustHtml(svgString);
|
|
2197
2265
|
}
|
|
2198
2266
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: IconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
2199
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: IconComponent, isStandalone: true, selector: "lib-icon", inputs: { size: "size", icon: "icon", name: "name", color: "color" }, ngImport: i0, template: "<div\n class=\"lib-icon\"\n [ngClass]=\"size\"\n [innerHTML]=\"iconSvg\"\n></div>\n", styles: [":host{display:contents}.lib-icon{display:
|
|
2267
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: IconComponent, isStandalone: true, selector: "lib-icon", inputs: { size: "size", icon: "icon", name: "name", color: "color" }, ngImport: i0, template: "<div\n class=\"lib-icon\"\n [ngClass]=\"size\"\n [innerHTML]=\"iconSvg\"\n></div>\n", styles: [":host{display:contents}.lib-icon{display:flex;pointer-events:none}.lib-icon.lg{height:1.5rem;width:1.5rem}.lib-icon.md{height:1.25rem;width:1.25rem}.lib-icon.sm{height:1rem;width:1rem}.lib-icon.xs{height:.875rem;width:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2200
2268
|
}
|
|
2201
2269
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: IconComponent, decorators: [{
|
|
2202
2270
|
type: Component,
|
|
2203
|
-
args: [{ selector: 'lib-icon', imports: [CommonModule], template: "<div\n class=\"lib-icon\"\n [ngClass]=\"size\"\n [innerHTML]=\"iconSvg\"\n></div>\n", styles: [":host{display:contents}.lib-icon{display:
|
|
2271
|
+
args: [{ selector: 'lib-icon', imports: [CommonModule], template: "<div\n class=\"lib-icon\"\n [ngClass]=\"size\"\n [innerHTML]=\"iconSvg\"\n></div>\n", styles: [":host{display:contents}.lib-icon{display:flex;pointer-events:none}.lib-icon.lg{height:1.5rem;width:1.5rem}.lib-icon.md{height:1.25rem;width:1.25rem}.lib-icon.sm{height:1rem;width:1rem}.lib-icon.xs{height:.875rem;width:.875rem}\n"] }]
|
|
2204
2272
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { size: [{
|
|
2205
2273
|
type: Input
|
|
2206
2274
|
}], icon: [{
|
|
@@ -3219,11 +3287,11 @@ class DropdownComponent {
|
|
|
3219
3287
|
this.menuTop.set(newTop);
|
|
3220
3288
|
}
|
|
3221
3289
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3222
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "document:click": "onClickOutside($event)", "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, static: true }, { propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], ngImport: i0, template: "@if (isOpen() || isClosing()) {\n <div \n #dropdownMenu\n [id]=\"listboxId\"\n class=\"c-dropdown__menu\" \n [ngStyle]=\"menuStyles()\"\n role=\"listbox\"\n [attr.aria-labelledby]=\"dropdownId\"\n >\n\n @switch (dataSource().type) {\n @case ('default') {\n @for (option of dataSource().options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n }\n\n @case ('group') {\n @for (group of dataSource().groups; track group.header) {\n <div class=\"c-dropdown__group\" role=\"group\" [attr.aria-labelledby]=\"'group-header-' + $index\">\n <div\n role=\"presentation\" \n class=\"c-dropdown__group-header\" \n [id]=\"'group-header-' + $index\"\n [attr.aria-hidden]=\"true\">\n {{ group.header }}\n </div>\n\n @for (option of group.options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n </div>\n }\n }\n }\n </div>\n}\n\n<ng-template #optionTpl let-option>\n <div\n role=\"option\"\n class=\"c-dropdown__option\"\n [attr.tabindex]=\"option.disabled ? -1 : 0\"\n [attr.aria-selected]=\"isOptionSelected(option)\"\n [attr.aria-disabled]=\"option.disabled\"\n [class.c-dropdown__option--disabled]=\"option.disabled\"\n [class.c-dropdown__option--selected]=\"isOptionSelected(option)\"\n (click)=\"selectOption(option)\"\n (keydown)=\"onOptionKeydown($event, option)\">\n <div class=\"c-dropdown__option-content\">\n @if (option.icon) {\n <lib-icon [name]=\"option.icon\" [size]=\"'lg'\" [color]=\"option.disabled ? 'action-neutral-content-disabled' : ''\"></lib-icon>\n }\n \n <span class=\"c-dropdown__option-label\">{{ option.label }}</span>\n \n @if (option.detail) {\n <span class=\"c-dropdown__option-detail\">{{ option.detail }}</span>\n }\n </div>\n</div>\n</ng-template>", styles: [".c-dropdown{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-gap-sm);font-family:var(--typography-body-md-family),sans-serif;font-weight:var(--typography-body-md-weight);font-size:var(--typography-body-md-size);line-height:var(--typography-body-md-line-height);background-color:var(--color-background-primary);border:var(--size-border-width-sm) solid var(--color-border-neutral-default);border-radius:var(--size-border-radius-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-md);
|
|
3290
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "document:click": "onClickOutside($event)", "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, static: true }, { propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], ngImport: i0, template: "@if (isOpen() || isClosing()) {\n <div \n #dropdownMenu\n [id]=\"listboxId\"\n class=\"c-dropdown__menu\" \n [ngStyle]=\"menuStyles()\"\n role=\"listbox\"\n [attr.aria-labelledby]=\"dropdownId\"\n >\n\n @switch (dataSource().type) {\n @case ('default') {\n @for (option of dataSource().options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n }\n\n @case ('group') {\n @for (group of dataSource().groups; track group.header) {\n <div class=\"c-dropdown__group\" role=\"group\" [attr.aria-labelledby]=\"'group-header-' + $index\">\n <div\n role=\"presentation\" \n class=\"c-dropdown__group-header\" \n [id]=\"'group-header-' + $index\"\n [attr.aria-hidden]=\"true\">\n {{ group.header }}\n </div>\n\n @for (option of group.options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n </div>\n }\n }\n }\n </div>\n}\n\n<ng-template #optionTpl let-option>\n <div\n role=\"option\"\n class=\"c-dropdown__option\"\n [attr.tabindex]=\"option.disabled ? -1 : 0\"\n [attr.aria-selected]=\"isOptionSelected(option)\"\n [attr.aria-disabled]=\"option.disabled\"\n [class.c-dropdown__option--disabled]=\"option.disabled\"\n [class.c-dropdown__option--selected]=\"isOptionSelected(option)\"\n (click)=\"selectOption(option)\"\n (keydown)=\"onOptionKeydown($event, option)\">\n <div class=\"c-dropdown__option-content\">\n @if (option.icon) {\n <lib-icon [name]=\"option.icon\" [size]=\"'lg'\" [color]=\"option.disabled ? 'action-neutral-content-disabled' : ''\"></lib-icon>\n }\n \n <span class=\"c-dropdown__option-label\">{{ option.label }}</span>\n \n @if (option.detail) {\n <span class=\"c-dropdown__option-detail\">{{ option.detail }}</span>\n }\n </div>\n</div>\n</ng-template>", styles: [".c-dropdown{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-gap-sm);font-family:var(--typography-body-md-family),sans-serif;font-weight:var(--typography-body-md-weight);font-size:var(--typography-body-md-size);line-height:var(--typography-body-md-line-height);background-color:var(--color-background-primary);border:var(--size-border-width-sm) solid var(--color-border-neutral-default);border-radius:var(--size-border-radius-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-md);transition:all .2s ease-in-out;box-sizing:border-box}.c-dropdown:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-dropdown:hover:not(.c-dropdown--disabled){border-color:var(--color-border-neutral-hover)}.c-dropdown--disabled{cursor:auto;background-color:var(--color-background-neutral-disabled);border-color:var(--color-border-neutral-disabled);color:var(--color-content-neutral-disabled)}.c-dropdown--open{border-color:var(--color-border-accent-default);box-shadow:0 0 0 1px var(--color-border-accent-default)}.c-dropdown__menu{position:fixed;overflow-y:auto;overflow-x:hidden;z-index:1000;min-width:200px;max-width:320px;padding-top:var(--space-component-padding-sm);padding-bottom:var(--space-component-padding-sm);border-radius:var(--size-textfield-border-radius, 8px);border:var(--size-border-width-sm, 1px) solid var(--color-core-border-soft, #d6e0df);background:var(--color-core-background-surface-raised, #fff);box-shadow:0 0 4px 0 var(--color-effect-shadow-soft, rgba(4, 37, 34, .12)),0 2px 4px 0 var(--color-effect-shadow-strong, rgba(4, 37, 34, .16));scroll-behavior:smooth;opacity:0;transform:translateY(-8px) scale(.95);animation:dropdown-enter .2s ease-out forwards;transform-origin:top center}.c-dropdown__menu::-webkit-scrollbar{width:4px;padding:0 var(--space-component-padding-lg)}.c-dropdown__menu::-webkit-scrollbar-track{border-radius:4px;background:transparent}.c-dropdown__menu::-webkit-scrollbar-thumb{border-radius:4px;background:var(--color-core-border-soft)}.c-dropdown__menu::-webkit-scrollbar-thumb:hover{background:var(--color-core-border-default)}.c-dropdown__group{width:100%}.c-dropdown__group-header{display:flex;align-items:center;width:100%;padding:var(--space-component-padding-md) var(--space-component-padding-lg);min-height:calc(48px - var(--space-component-padding-md) * 2);gap:var(--space-component-gap-sm);color:var(--color-core-content-soft);font-family:var(--typography-label-sm-strong-family);font-size:var(--typography-label-sm-strong-size);font-style:normal;font-weight:var(--typography-label-sm-strong-weight);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing)}.c-dropdown__option{cursor:pointer;display:flex;align-items:center;font-style:normal;border:none;background-color:transparent;text-align:left;min-height:calc(40px - var(--space-component-padding-sm) * 2);width:calc(100% - var(--space-component-padding-lg) * 2);padding:var(--space-component-padding-sm) var(--space-component-padding-lg);gap:var(--space-component-gap-sm);color:var(--color-core-content-default);transition:background-color .2s ease-in-out}.c-dropdown__option-content{display:flex;align-items:center;gap:var(--space-component-gap-sm)}.c-dropdown__option-label{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-dropdown__option-detail{font-style:normal;color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-dropdown__option:hover{background:var(--color-action-neutral-background-hover)}.c-dropdown__option:focus-visible{outline:none;background:var(--color-action-neutral-background-hover);box-shadow:0 0 0 2px var(--color-effect-focus-color) inset,0 0 0 4px var(--color-effect-focus-contrast) inset}.c-dropdown__option--disabled{pointer-events:none;color:var(--color-action-neutral-content-disabled)}.c-dropdown__option--disabled:hover{background-color:transparent}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }] });
|
|
3223
3291
|
}
|
|
3224
3292
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
3225
3293
|
type: Component,
|
|
3226
|
-
args: [{ selector: 'lib-dropdown', imports: [NgTemplateOutlet, NgStyle, IconComponent], template: "@if (isOpen() || isClosing()) {\n <div \n #dropdownMenu\n [id]=\"listboxId\"\n class=\"c-dropdown__menu\" \n [ngStyle]=\"menuStyles()\"\n role=\"listbox\"\n [attr.aria-labelledby]=\"dropdownId\"\n >\n\n @switch (dataSource().type) {\n @case ('default') {\n @for (option of dataSource().options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n }\n\n @case ('group') {\n @for (group of dataSource().groups; track group.header) {\n <div class=\"c-dropdown__group\" role=\"group\" [attr.aria-labelledby]=\"'group-header-' + $index\">\n <div\n role=\"presentation\" \n class=\"c-dropdown__group-header\" \n [id]=\"'group-header-' + $index\"\n [attr.aria-hidden]=\"true\">\n {{ group.header }}\n </div>\n\n @for (option of group.options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n </div>\n }\n }\n }\n </div>\n}\n\n<ng-template #optionTpl let-option>\n <div\n role=\"option\"\n class=\"c-dropdown__option\"\n [attr.tabindex]=\"option.disabled ? -1 : 0\"\n [attr.aria-selected]=\"isOptionSelected(option)\"\n [attr.aria-disabled]=\"option.disabled\"\n [class.c-dropdown__option--disabled]=\"option.disabled\"\n [class.c-dropdown__option--selected]=\"isOptionSelected(option)\"\n (click)=\"selectOption(option)\"\n (keydown)=\"onOptionKeydown($event, option)\">\n <div class=\"c-dropdown__option-content\">\n @if (option.icon) {\n <lib-icon [name]=\"option.icon\" [size]=\"'lg'\" [color]=\"option.disabled ? 'action-neutral-content-disabled' : ''\"></lib-icon>\n }\n \n <span class=\"c-dropdown__option-label\">{{ option.label }}</span>\n \n @if (option.detail) {\n <span class=\"c-dropdown__option-detail\">{{ option.detail }}</span>\n }\n </div>\n</div>\n</ng-template>", styles: [".c-dropdown{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-gap-sm);font-family:var(--typography-body-md-family),sans-serif;font-weight:var(--typography-body-md-weight);font-size:var(--typography-body-md-size);line-height:var(--typography-body-md-line-height);background-color:var(--color-background-primary);border:var(--size-border-width-sm) solid var(--color-border-neutral-default);border-radius:var(--size-border-radius-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-md);
|
|
3294
|
+
args: [{ selector: 'lib-dropdown', imports: [NgTemplateOutlet, NgStyle, IconComponent], template: "@if (isOpen() || isClosing()) {\n <div \n #dropdownMenu\n [id]=\"listboxId\"\n class=\"c-dropdown__menu\" \n [ngStyle]=\"menuStyles()\"\n role=\"listbox\"\n [attr.aria-labelledby]=\"dropdownId\"\n >\n\n @switch (dataSource().type) {\n @case ('default') {\n @for (option of dataSource().options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n }\n\n @case ('group') {\n @for (group of dataSource().groups; track group.header) {\n <div class=\"c-dropdown__group\" role=\"group\" [attr.aria-labelledby]=\"'group-header-' + $index\">\n <div\n role=\"presentation\" \n class=\"c-dropdown__group-header\" \n [id]=\"'group-header-' + $index\"\n [attr.aria-hidden]=\"true\">\n {{ group.header }}\n </div>\n\n @for (option of group.options; track option.value) {\n <ng-container *ngTemplateOutlet=\"optionTpl; context: { $implicit: option }\"></ng-container>\n }\n </div>\n }\n }\n }\n </div>\n}\n\n<ng-template #optionTpl let-option>\n <div\n role=\"option\"\n class=\"c-dropdown__option\"\n [attr.tabindex]=\"option.disabled ? -1 : 0\"\n [attr.aria-selected]=\"isOptionSelected(option)\"\n [attr.aria-disabled]=\"option.disabled\"\n [class.c-dropdown__option--disabled]=\"option.disabled\"\n [class.c-dropdown__option--selected]=\"isOptionSelected(option)\"\n (click)=\"selectOption(option)\"\n (keydown)=\"onOptionKeydown($event, option)\">\n <div class=\"c-dropdown__option-content\">\n @if (option.icon) {\n <lib-icon [name]=\"option.icon\" [size]=\"'lg'\" [color]=\"option.disabled ? 'action-neutral-content-disabled' : ''\"></lib-icon>\n }\n \n <span class=\"c-dropdown__option-label\">{{ option.label }}</span>\n \n @if (option.detail) {\n <span class=\"c-dropdown__option-detail\">{{ option.detail }}</span>\n }\n </div>\n</div>\n</ng-template>", styles: [".c-dropdown{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-gap-sm);font-family:var(--typography-body-md-family),sans-serif;font-weight:var(--typography-body-md-weight);font-size:var(--typography-body-md-size);line-height:var(--typography-body-md-line-height);background-color:var(--color-background-primary);border:var(--size-border-width-sm) solid var(--color-border-neutral-default);border-radius:var(--size-border-radius-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-md);transition:all .2s ease-in-out;box-sizing:border-box}.c-dropdown:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-dropdown:hover:not(.c-dropdown--disabled){border-color:var(--color-border-neutral-hover)}.c-dropdown--disabled{cursor:auto;background-color:var(--color-background-neutral-disabled);border-color:var(--color-border-neutral-disabled);color:var(--color-content-neutral-disabled)}.c-dropdown--open{border-color:var(--color-border-accent-default);box-shadow:0 0 0 1px var(--color-border-accent-default)}.c-dropdown__menu{position:fixed;overflow-y:auto;overflow-x:hidden;z-index:1000;min-width:200px;max-width:320px;padding-top:var(--space-component-padding-sm);padding-bottom:var(--space-component-padding-sm);border-radius:var(--size-textfield-border-radius, 8px);border:var(--size-border-width-sm, 1px) solid var(--color-core-border-soft, #d6e0df);background:var(--color-core-background-surface-raised, #fff);box-shadow:0 0 4px 0 var(--color-effect-shadow-soft, rgba(4, 37, 34, .12)),0 2px 4px 0 var(--color-effect-shadow-strong, rgba(4, 37, 34, .16));scroll-behavior:smooth;opacity:0;transform:translateY(-8px) scale(.95);animation:dropdown-enter .2s ease-out forwards;transform-origin:top center}.c-dropdown__menu::-webkit-scrollbar{width:4px;padding:0 var(--space-component-padding-lg)}.c-dropdown__menu::-webkit-scrollbar-track{border-radius:4px;background:transparent}.c-dropdown__menu::-webkit-scrollbar-thumb{border-radius:4px;background:var(--color-core-border-soft)}.c-dropdown__menu::-webkit-scrollbar-thumb:hover{background:var(--color-core-border-default)}.c-dropdown__group{width:100%}.c-dropdown__group-header{display:flex;align-items:center;width:100%;padding:var(--space-component-padding-md) var(--space-component-padding-lg);min-height:calc(48px - var(--space-component-padding-md) * 2);gap:var(--space-component-gap-sm);color:var(--color-core-content-soft);font-family:var(--typography-label-sm-strong-family);font-size:var(--typography-label-sm-strong-size);font-style:normal;font-weight:var(--typography-label-sm-strong-weight);line-height:var(--typography-label-sm-strong-line-height);letter-spacing:var(--typography-label-sm-strong-letter-spacing)}.c-dropdown__option{cursor:pointer;display:flex;align-items:center;font-style:normal;border:none;background-color:transparent;text-align:left;min-height:calc(40px - var(--space-component-padding-sm) * 2);width:calc(100% - var(--space-component-padding-lg) * 2);padding:var(--space-component-padding-sm) var(--space-component-padding-lg);gap:var(--space-component-gap-sm);color:var(--color-core-content-default);transition:background-color .2s ease-in-out}.c-dropdown__option-content{display:flex;align-items:center;gap:var(--space-component-gap-sm)}.c-dropdown__option-label{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-dropdown__option-detail{font-style:normal;color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-dropdown__option:hover{background:var(--color-action-neutral-background-hover)}.c-dropdown__option:focus-visible{outline:none;background:var(--color-action-neutral-background-hover);box-shadow:0 0 0 2px var(--color-effect-focus-color) inset,0 0 0 4px var(--color-effect-focus-contrast) inset}.c-dropdown__option--disabled{pointer-events:none;color:var(--color-action-neutral-content-disabled)}.c-dropdown__option--disabled:hover{background-color:transparent}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}\n"] }]
|
|
3227
3295
|
}], ctorParameters: () => [], propDecorators: { dropdownButton: [{
|
|
3228
3296
|
type: ViewChild,
|
|
3229
3297
|
args: ['dropdownButton', { static: true }]
|
|
@@ -3681,6 +3749,7 @@ class InputSearchComponent {
|
|
|
3681
3749
|
required = false;
|
|
3682
3750
|
size = 'md';
|
|
3683
3751
|
fullWidth = false;
|
|
3752
|
+
clearButton = false;
|
|
3684
3753
|
emitValue = new EventEmitter();
|
|
3685
3754
|
_value = '';
|
|
3686
3755
|
onChangeFn = () => { };
|
|
@@ -3707,6 +3776,11 @@ class InputSearchComponent {
|
|
|
3707
3776
|
onBlur() {
|
|
3708
3777
|
this.onTouchedFn();
|
|
3709
3778
|
}
|
|
3779
|
+
clearInput() {
|
|
3780
|
+
this._value = '';
|
|
3781
|
+
this.onChangeFn(this._value);
|
|
3782
|
+
this.emitValue.emit(this._value);
|
|
3783
|
+
}
|
|
3710
3784
|
get inputClass() {
|
|
3711
3785
|
return [
|
|
3712
3786
|
'c-text-input__input',
|
|
@@ -3721,13 +3795,13 @@ class InputSearchComponent {
|
|
|
3721
3795
|
return this.helperText ? 'search-input-helper' : null;
|
|
3722
3796
|
}
|
|
3723
3797
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3724
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: InputSearchComponent, isStandalone: true, selector: "lib-input-search", inputs: { label: "label", placeholder: "placeholder", helperText: "helperText", alertText: "alertText", successText: "successText", error: "error", success: "success", disabled: "disabled", readonly: "readonly", required: "required", size: "size", fullWidth: "fullWidth" }, outputs: { emitValue: "emitValue" }, providers: [
|
|
3798
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: InputSearchComponent, isStandalone: true, selector: "lib-input-search", inputs: { label: "label", placeholder: "placeholder", helperText: "helperText", alertText: "alertText", successText: "successText", error: "error", success: "success", disabled: "disabled", readonly: "readonly", required: "required", size: "size", fullWidth: "fullWidth", clearButton: "clearButton" }, outputs: { emitValue: "emitValue" }, providers: [
|
|
3725
3799
|
{
|
|
3726
3800
|
provide: NG_VALUE_ACCESSOR,
|
|
3727
3801
|
useExisting: forwardRef(() => InputSearchComponent),
|
|
3728
3802
|
multi: true,
|
|
3729
3803
|
},
|
|
3730
|
-
], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n <lib-input-label\n *ngIf=\"label\"\n [required]=\"required\"\n [text]=\"label\"\n ></lib-input-label>\n\n <div class=\"c-text-input__wrapper\">\n <input\n type=\"text\"\n [value]=\"_value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [class]=\"inputClass.join(' ')\"\n [attr.aria-invalid]=\"error ? 'true' : null\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [required]=\"required\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n [attr.aria-label]=\"label ? label : 'Search input'\"\n />\n <span class=\"c-text-input__icon\">\n <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n </span>\n </div>\n\n <span\n *ngIf=\"helperText && !error && !success\"\n id=\"search-input-helper\"\n class=\"c-text-input__helper\"\n >\n <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled"] }] });
|
|
3804
|
+
], ngImport: i0, template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\" [class.c-text-input--with-clear-button]=\"clearButton\">\n <lib-input-label\n *ngIf=\"label\"\n [required]=\"required\"\n [text]=\"label\"\n ></lib-input-label>\n\n <div class=\"c-text-input__wrapper\">\n <input\n type=\"text\"\n [value]=\"_value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [class]=\"inputClass.join(' ')\"\n [attr.aria-invalid]=\"error ? 'true' : null\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [required]=\"required\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n [attr.aria-label]=\"label ? label : 'Search input'\"\n />\n <span class=\"c-text-input__icon\">\n <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n </span>\n \n <lib-button-icon\n *ngIf=\"clearButton && _value\"\n variant=\"neutral\"\n size=\"sm\"\n iconName=\"x-regular\"\n class=\"c-text-input__icon c-text-input__icon--right\"\n [disabled]=\"disabled || readonly\"\n (clicked)=\"clearInput()\"\n ariaLabel=\"Limpiar\"\n ></lib-button-icon>\n </div>\n\n <span\n *ngIf=\"helperText && !error && !success\"\n id=\"search-input-helper\"\n class=\"c-text-input__helper\"\n >\n <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input--with-clear-button .c-text-input__input{padding-right:2.5rem}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__icon--right{left:auto;right:var(--space-component-padding-sm)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled"] }, { kind: "component", type: ButtonIconComponent, selector: "lib-button-icon", inputs: ["ariaLabel", "variant", "size", "iconName", "disabled", "loading", "skeletonActive"], outputs: ["clicked"] }] });
|
|
3731
3805
|
}
|
|
3732
3806
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: InputSearchComponent, decorators: [{
|
|
3733
3807
|
type: Component,
|
|
@@ -3737,13 +3811,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
3737
3811
|
InputLabelComponent,
|
|
3738
3812
|
IconComponent,
|
|
3739
3813
|
HelperTextComponent,
|
|
3814
|
+
ButtonIconComponent,
|
|
3740
3815
|
], providers: [
|
|
3741
3816
|
{
|
|
3742
3817
|
provide: NG_VALUE_ACCESSOR,
|
|
3743
3818
|
useExisting: forwardRef(() => InputSearchComponent),
|
|
3744
3819
|
multi: true,
|
|
3745
3820
|
},
|
|
3746
|
-
], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\">\n <lib-input-label\n *ngIf=\"label\"\n [required]=\"required\"\n [text]=\"label\"\n ></lib-input-label>\n\n <div class=\"c-text-input__wrapper\">\n <input\n type=\"text\"\n [value]=\"_value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [class]=\"inputClass.join(' ')\"\n [attr.aria-invalid]=\"error ? 'true' : null\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [required]=\"required\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n [attr.aria-label]=\"label ? label : 'Search input'\"\n />\n <span class=\"c-text-input__icon\">\n <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n </span>\n </div>\n\n <span\n *ngIf=\"helperText && !error && !success\"\n id=\"search-input-helper\"\n class=\"c-text-input__helper\"\n >\n <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}\n"] }]
|
|
3821
|
+
], template: "<div class=\"c-text-input\" [class.c-text-input--full-width]=\"fullWidth\" [class.c-text-input--with-clear-button]=\"clearButton\">\n <lib-input-label\n *ngIf=\"label\"\n [required]=\"required\"\n [text]=\"label\"\n ></lib-input-label>\n\n <div class=\"c-text-input__wrapper\">\n <input\n type=\"text\"\n [value]=\"_value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [class]=\"inputClass.join(' ')\"\n [attr.aria-invalid]=\"error ? 'true' : null\"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n [required]=\"required\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n [attr.aria-label]=\"label ? label : 'Search input'\"\n />\n <span class=\"c-text-input__icon\">\n <lib-icon name=\"magnifyingglass-regular\" size=\"md\"></lib-icon>\n </span>\n \n <lib-button-icon\n *ngIf=\"clearButton && _value\"\n variant=\"neutral\"\n size=\"sm\"\n iconName=\"x-regular\"\n class=\"c-text-input__icon c-text-input__icon--right\"\n [disabled]=\"disabled || readonly\"\n (clicked)=\"clearInput()\"\n ariaLabel=\"Limpiar\"\n ></lib-button-icon>\n </div>\n\n <span\n *ngIf=\"helperText && !error && !success\"\n id=\"search-input-helper\"\n class=\"c-text-input__helper\"\n >\n <lib-helper-text [text]=\"helperText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"alertText && error\" class=\"c-text-input__alert\">\n <lib-helper-text variant=\"danger\" [text]=\"alertText\"></lib-helper-text>\n </span>\n\n <span *ngIf=\"successText && success\" class=\"c-text-input__success\">\n <lib-helper-text variant=\"success\" [text]=\"successText\"></lib-helper-text>\n </span>\n</div>\n", styles: [".c-text-input{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-component-gap-sm);max-width:300px}.c-text-input--full-width{max-width:100%}.c-text-input__input{width:100%;height:48px;box-sizing:border-box;border-radius:var(--size-textfield-border-radius);border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background:var(--color-textfield-background-default);padding:var(--space-component-padding-md) var(--space-component-padding-sm) var(--space-component-padding-md) 2rem;align-items:center;gap:var(--space-component-gap-sm);align-self:stretch;color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family);font-size:var(--typography-label-md-default-size);font-style:normal;font-weight:var(--typography-label-md-default-weight);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-text-input__input:focus-visible{border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-text-input__input--sm{height:32px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input--md{height:40px;padding:var(--space-component-padding-xs) var(--space-component-padding-xs) var(--space-component-padding-xs) 2rem}.c-text-input__input.is-error{border-color:var(--color-textfield-border-error)}.c-text-input__input.is-success{border-color:var(--color-feedback-success-surface-border)}.c-text-input__input.is-disabled{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled);color:var(--color-textfield-content-disabled)}.c-text-input__input.is-readonly{background-color:var(--color-textfield-background-disabled);border-color:var(--color-textfield-border-disabled)}.c-text-input--with-clear-button .c-text-input__input{padding-right:2.5rem}.c-text-input__alert{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-danger-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__success{display:flex;gap:var(--space-component-gap-sm);color:var(--color-feedback-success-default);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper{color:var(--color-core-content-soft);font-family:var(--typography-label-sm-default-family);font-size:var(--typography-label-sm-default-size);font-style:normal;font-weight:var(--typography-label-sm-default-weight);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-text-input__helper.is-error{color:var(--color-textfield-helper-error)}.c-text-input__helper.is-success{color:var(--color-textfield-helper-success)}.c-text-input__helper.is-default{color:var(--color-textfield-helper-default)}.c-text-input__wrapper{display:flex;position:relative;width:100%}.c-text-input__icon{position:absolute;top:50%;left:var(--space-component-padding-sm);transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.c-text-input__icon--right{left:auto;right:var(--space-component-padding-sm)}\n"] }]
|
|
3747
3822
|
}], propDecorators: { label: [{
|
|
3748
3823
|
type: Input
|
|
3749
3824
|
}], placeholder: [{
|
|
@@ -3768,6 +3843,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
3768
3843
|
type: Input
|
|
3769
3844
|
}], fullWidth: [{
|
|
3770
3845
|
type: Input
|
|
3846
|
+
}], clearButton: [{
|
|
3847
|
+
type: Input
|
|
3771
3848
|
}], emitValue: [{
|
|
3772
3849
|
type: Output
|
|
3773
3850
|
}] } });
|
|
@@ -3907,8 +3984,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
3907
3984
|
|
|
3908
3985
|
class LinkComponent {
|
|
3909
3986
|
text = input('');
|
|
3910
|
-
|
|
3911
|
-
href = input('');
|
|
3987
|
+
href = input(''); // string for href or array for routerLink
|
|
3912
3988
|
external = input(false);
|
|
3913
3989
|
disabled = input(false);
|
|
3914
3990
|
variant = input('primary');
|
|
@@ -3916,15 +3992,19 @@ class LinkComponent {
|
|
|
3916
3992
|
weight = input('regular');
|
|
3917
3993
|
iconBefore = input();
|
|
3918
3994
|
iconAfter = input();
|
|
3919
|
-
//
|
|
3995
|
+
// --- Internal State ---
|
|
3920
3996
|
hovered = signal(false);
|
|
3921
3997
|
active = signal(false);
|
|
3922
|
-
|
|
3923
|
-
|
|
3998
|
+
// --- Computed Values For Template ---
|
|
3999
|
+
target = computed(() => (this.external() ? '_blank' : undefined));
|
|
4000
|
+
rel = computed(() => this.external() ? 'noopener noreferrer' : null);
|
|
4001
|
+
finalAriaLabel = computed(() => this.external() ? `${this.text()} (se abre en una nueva pestaña)` : null);
|
|
4002
|
+
finalAriaDisabled = computed(() => this.disabled() ? 'true' : null);
|
|
4003
|
+
// --- Computed Values For Styles ---
|
|
3924
4004
|
variantClass = computed(() => `c-link--${this.variant()}`);
|
|
3925
4005
|
sizeClass = computed(() => this.size() !== 'md' ? `c-link--${this.size()}` : '');
|
|
3926
4006
|
weightClass = computed(() => this.weight() !== 'regular' ? `c-link--${this.weight()}` : '');
|
|
3927
|
-
/**
|
|
4007
|
+
/** Map the link size to the icon size. */
|
|
3928
4008
|
iconSize = computed(() => {
|
|
3929
4009
|
switch (this.size()) {
|
|
3930
4010
|
case 'xs':
|
|
@@ -3936,7 +4016,7 @@ class LinkComponent {
|
|
|
3936
4016
|
return 'lg';
|
|
3937
4017
|
}
|
|
3938
4018
|
});
|
|
3939
|
-
/**
|
|
4019
|
+
/** Map the icon color according to the variant and state. */
|
|
3940
4020
|
iconColor = computed(() => {
|
|
3941
4021
|
if (this.disabled()) {
|
|
3942
4022
|
switch (this.variant()) {
|
|
@@ -3995,36 +4075,35 @@ class LinkComponent {
|
|
|
3995
4075
|
}
|
|
3996
4076
|
}
|
|
3997
4077
|
});
|
|
3998
|
-
//
|
|
4078
|
+
// --- Event Handlers ---
|
|
4079
|
+
/** Prevent navigation if the component is disabled. */
|
|
4080
|
+
onClick(event) {
|
|
4081
|
+
if (this.disabled()) {
|
|
4082
|
+
event.preventDefault();
|
|
4083
|
+
event.stopPropagation();
|
|
4084
|
+
}
|
|
4085
|
+
}
|
|
3999
4086
|
onMouseEnter() {
|
|
4000
|
-
if (!this.disabled())
|
|
4087
|
+
if (!this.disabled())
|
|
4001
4088
|
this.hovered.set(true);
|
|
4002
|
-
}
|
|
4003
4089
|
}
|
|
4004
4090
|
onMouseLeave() {
|
|
4005
4091
|
this.hovered.set(false);
|
|
4006
4092
|
this.active.set(false);
|
|
4007
4093
|
}
|
|
4008
4094
|
onMouseDown() {
|
|
4009
|
-
if (!this.disabled())
|
|
4095
|
+
if (!this.disabled())
|
|
4010
4096
|
this.active.set(true);
|
|
4011
|
-
}
|
|
4012
4097
|
}
|
|
4013
4098
|
onMouseUp() {
|
|
4014
4099
|
this.active.set(false);
|
|
4015
4100
|
}
|
|
4016
|
-
onExternalClick(event) {
|
|
4017
|
-
if (this.external() && this.href()) {
|
|
4018
|
-
event.preventDefault();
|
|
4019
|
-
window.open(this.href(), '_blank', 'noopener,noreferrer');
|
|
4020
|
-
}
|
|
4021
|
-
}
|
|
4022
4101
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4023
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: LinkComponent, isStandalone: true, selector: "lib-link", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null },
|
|
4102
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: LinkComponent, isStandalone: true, selector: "lib-link", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, external: { classPropertyName: "external", publicName: "external", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, iconBefore: { classPropertyName: "iconBefore", publicName: "iconBefore", isSignal: true, isRequired: false, transformFunction: null }, iconAfter: { classPropertyName: "iconAfter", publicName: "iconAfter", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!external()) {\n<a\n [ngClass]=\"[\n 'c-link',\n variantClass(),\n sizeClass(),\n weightClass(),\n disabled() ? 'c-link--disabled' : ''\n ]\"\n [routerLink]=\"href()\"\n [attr.aria-disabled]=\"finalAriaDisabled()\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n (mousedown)=\"onMouseDown()\"\n (mouseup)=\"onMouseUp()\"\n>\n @if (iconBefore()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconBefore()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n <span class=\"c-link__text\">{{ text() }}</span>\n @if (iconAfter()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconAfter()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n</a>\n} @else {\n<a\n [ngClass]=\"[\n 'c-link',\n variantClass(),\n sizeClass(),\n weightClass(),\n disabled() ? 'c-link--disabled' : ''\n ]\"\n [href]=\"href()\"\n [target]=\"target()\"\n [attr.rel]=\"rel()\"\n [attr.aria-disabled]=\"finalAriaDisabled()\"\n [attr.aria-label]=\"finalAriaLabel()\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n (mousedown)=\"onMouseDown()\"\n (mouseup)=\"onMouseUp()\"\n>\n @if (iconBefore()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconBefore()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n <span class=\"c-link__text\">{{ text() }}</span>\n @if (external()) {\n <span class=\"sr-only\">(opens in a new tab)</span>\n } @if (iconAfter()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconAfter()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n</a>\n}\n", styles: [".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.c-link{display:flex;align-items:center;width:fit-content;gap:var(--space-component-gap-xs);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);text-decoration:none;border-radius:var(--size-border-radius-sm);cursor:pointer}.c-link--sm{font-family:var(--typography-label-sm-default-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-default-size);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-link--xs{font-family:var(--typography-label-xs-default-family),sans-serif;font-weight:var(--typography-label-xs-default-weight);font-size:var(--typography-label-xs-default-size);line-height:var(--typography-label-xs-default-line-height);letter-spacing:var(--typography-label-xs-default-letter-spacing)}.c-link--bold{font-weight:var(--typography-font-weight-bold)}.c-link__icon{display:flex;align-items:center}.c-link:hover{text-decoration:underline}.c-link:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-link--primary{color:var(--color-action-primary-content-default)}.c-link--primary:hover{color:var(--color-action-primary-content-hover)}.c-link--primary:active{color:var(--color-action-primary-content-pressed)}.c-link--neutral{color:var(--color-action-neutral-content-default)}.c-link--neutral:hover{color:var(--color-action-neutral-content-hover)}.c-link--neutral:active{color:var(--color-action-neutral-content-pressed)}.c-link--inverse{color:var(--color-action-inverse-content-default)}.c-link--inverse:hover{color:var(--color-action-inverse-content-hover)}.c-link--inverse:active{color:var(--color-action-inverse-content-pressed)}.c-link--danger{color:var(--color-action-danger-content-default)}.c-link--danger:hover{color:var(--color-action-danger-content-hover)}.c-link--danger:active{color:var(--color-action-danger-content-pressed)}.c-link--disabled{cursor:not-allowed}.c-link--disabled:hover{text-decoration:none}.c-link--disabled.c-link--primary{color:var(--color-action-primary-content-disabled)}.c-link--disabled.c-link--neutral{color:var(--color-action-neutral-content-disabled)}.c-link--disabled.c-link--inverse{color:var(--color-action-inverse-content-disabled)}.c-link--disabled.c-link--danger{color:var(--color-action-danger-content-disabled)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
4024
4103
|
}
|
|
4025
4104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: LinkComponent, decorators: [{
|
|
4026
4105
|
type: Component,
|
|
4027
|
-
args: [{ selector: 'lib-link', imports: [NgClass, IconComponent, RouterLink], template: "<a\n [ngClass]=\"[\n 'c-link',\n variantClass(),\n sizeClass(),\n weightClass(),\n disabled() ? 'c-link--disabled' : ''\n ]\"\n [routerLink]=\"
|
|
4106
|
+
args: [{ selector: 'lib-link', imports: [NgClass, IconComponent, RouterLink], template: "@if (!external()) {\n<a\n [ngClass]=\"[\n 'c-link',\n variantClass(),\n sizeClass(),\n weightClass(),\n disabled() ? 'c-link--disabled' : ''\n ]\"\n [routerLink]=\"href()\"\n [attr.aria-disabled]=\"finalAriaDisabled()\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n (mousedown)=\"onMouseDown()\"\n (mouseup)=\"onMouseUp()\"\n>\n @if (iconBefore()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconBefore()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n <span class=\"c-link__text\">{{ text() }}</span>\n @if (iconAfter()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconAfter()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n</a>\n} @else {\n<a\n [ngClass]=\"[\n 'c-link',\n variantClass(),\n sizeClass(),\n weightClass(),\n disabled() ? 'c-link--disabled' : ''\n ]\"\n [href]=\"href()\"\n [target]=\"target()\"\n [attr.rel]=\"rel()\"\n [attr.aria-disabled]=\"finalAriaDisabled()\"\n [attr.aria-label]=\"finalAriaLabel()\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onMouseEnter()\"\n (mouseleave)=\"onMouseLeave()\"\n (mousedown)=\"onMouseDown()\"\n (mouseup)=\"onMouseUp()\"\n>\n @if (iconBefore()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconBefore()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n <span class=\"c-link__text\">{{ text() }}</span>\n @if (external()) {\n <span class=\"sr-only\">(opens in a new tab)</span>\n } @if (iconAfter()) {\n <span class=\"c-link__icon\">\n <lib-icon\n [name]=\"iconAfter()!\"\n [size]=\"iconSize()\"\n [color]=\"iconColor()\"\n ></lib-icon>\n </span>\n }\n</a>\n}\n", styles: [".sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.c-link{display:flex;align-items:center;width:fit-content;gap:var(--space-component-gap-xs);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);line-height:var(--typography-label-md-default-line-height);letter-spacing:var(--typography-label-md-default-letter-spacing);text-decoration:none;border-radius:var(--size-border-radius-sm);cursor:pointer}.c-link--sm{font-family:var(--typography-label-sm-default-family),sans-serif;font-weight:var(--typography-label-sm-default-weight);font-size:var(--typography-label-sm-default-size);line-height:var(--typography-label-sm-default-line-height);letter-spacing:var(--typography-label-sm-default-letter-spacing)}.c-link--xs{font-family:var(--typography-label-xs-default-family),sans-serif;font-weight:var(--typography-label-xs-default-weight);font-size:var(--typography-label-xs-default-size);line-height:var(--typography-label-xs-default-line-height);letter-spacing:var(--typography-label-xs-default-letter-spacing)}.c-link--bold{font-weight:var(--typography-font-weight-bold)}.c-link__icon{display:flex;align-items:center}.c-link:hover{text-decoration:underline}.c-link:focus-visible{box-shadow:var(--focus-outset);outline:none}.c-link--primary{color:var(--color-action-primary-content-default)}.c-link--primary:hover{color:var(--color-action-primary-content-hover)}.c-link--primary:active{color:var(--color-action-primary-content-pressed)}.c-link--neutral{color:var(--color-action-neutral-content-default)}.c-link--neutral:hover{color:var(--color-action-neutral-content-hover)}.c-link--neutral:active{color:var(--color-action-neutral-content-pressed)}.c-link--inverse{color:var(--color-action-inverse-content-default)}.c-link--inverse:hover{color:var(--color-action-inverse-content-hover)}.c-link--inverse:active{color:var(--color-action-inverse-content-pressed)}.c-link--danger{color:var(--color-action-danger-content-default)}.c-link--danger:hover{color:var(--color-action-danger-content-hover)}.c-link--danger:active{color:var(--color-action-danger-content-pressed)}.c-link--disabled{cursor:not-allowed}.c-link--disabled:hover{text-decoration:none}.c-link--disabled.c-link--primary{color:var(--color-action-primary-content-disabled)}.c-link--disabled.c-link--neutral{color:var(--color-action-neutral-content-disabled)}.c-link--disabled.c-link--inverse{color:var(--color-action-inverse-content-disabled)}.c-link--disabled.c-link--danger{color:var(--color-action-danger-content-disabled)}\n"] }]
|
|
4028
4107
|
}] });
|
|
4029
4108
|
|
|
4030
4109
|
class PaginationComponent {
|
|
@@ -4690,7 +4769,7 @@ class SelectComponent {
|
|
|
4690
4769
|
useExisting: forwardRef(() => SelectComponent),
|
|
4691
4770
|
multi: true,
|
|
4692
4771
|
},
|
|
4693
|
-
], ngImport: i0, template: "<div\n class=\"c-select\"\n [class.c-select--full-width]=\"fullWidth()\"\n [class.c-select--disabled]=\"disabled()\"\n [class.c-select--error]=\"isError()\"\n [class.c-select--open]=\"isOpen()\"\n [class.c-select--size-sm]=\"size() === 'sm'\"\n [class.c-select--size-md]=\"size() === 'md'\"\n [class.c-select--size-lg]=\"size() === 'lg'\"\n>\n <!-- Label -->\n @if (label()) {\n <lib-input-label\n [required]=\"required()\"\n [text]=\"label()\"\n [disabled]=\"disabled()\"\n ></lib-input-label>\n }\n\n <!-- Select Container -->\n <div class=\"c-select__container\">\n <!-- Select Trigger -->\n <button\n type=\"button\"\n class=\"c-select__trigger\"\n [disabled]=\"disabled()\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n [attr.aria-label]=\"placeholder()\"\n >\n <!-- Selected Content Display -->\n <div class=\"c-select__content\">\n @if (isMultiSelect() && hasSelection()) {\n <!-- Multi-select: Show tags -->\n <div class=\"c-select__tags\">\n @for (option of visibleTags(); track option.value) {\n <lib-tag\n [text]=\"option.label\"\n variant=\"neutral\"\n size=\"xs\"\n [closeActive]=\"true\"\n [showBadge]=\"false\"\n (closeEvent)=\"removeOption(option)\"\n >\n </lib-tag>\n } @if (hiddenTagsCount() > 0) {\n <span class=\"c-select__counter\"> +{{ hiddenTagsCount() }} </span>\n }\n </div>\n } @else {\n <!-- Single select: Show text -->\n <span\n class=\"c-select__text\"\n [class.c-select__text--placeholder]=\"!hasSelection()\"\n >\n <!-- Icon for single select -->\n @if (selectedOption()?.icon) {\n <lib-icon\n [name]=\"selectedOption()!.icon\"\n [size]=\"size() === 'sm' ? 'sm' : 'md'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n >\n </lib-icon>\n }\n {{ displayText() }}\n </span>\n }\n </div>\n\n <!-- Caret Icon -->\n <lib-icon\n [name]=\"isOpen() ? 'caretup-regular' : 'caretdown-regular'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n size=\"md\"\n >\n </lib-icon>\n </button>\n\n <!-- Dropdown Menu -->\n @if (isOpen()) {\n <div class=\"c-select__dropdown\">\n <!-- Search Input (if enabled and not multiselect) -->\n @if (showSearchBar()) {\n <div class=\"c-select__search\">\n <lib-input-search\n placeholder=\"Search options...\"\n [formControl]=\"searchControl\"\n size=\"lg\"\n [fullWidth]=\"true\"\n ></lib-input-search>\n </div>\n }\n\n <!-- Options List -->\n <div class=\"c-select__options\">\n @for (group of filteredOptions(); track group.label) {\n <!-- Option Group -->\n <div class=\"c-select__group\">\n <!-- Group Label -->\n <div class=\"c-select__group-label\">\n {{ group.label }}\n </div>\n\n <!-- Group Options -->\n @for (option of group.options; track option.value) { @if\n (isMultiSelect()) {\n <!-- For multiselect: use full checkbox component with label -->\n <div class=\"c-select__option c-select__option--multiselect\">\n <lib-checkbox\n [label]=\"option.label\"\n [name]=\"'option-' + option.value\"\n [value]=\"option.value\"\n [ariaLabel]=\"'Select ' + option.label\"\n [state]=\"isSelected(option) ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled\"\n (changed)=\"onCheckboxChange(option, $event.checked)\"\n ></lib-checkbox>\n </div>\n } @else {\n\n <!-- For single select: use button with icon and label -->\n <button\n type=\"button\"\n class=\"c-select__option\"\n [class.c-select__option--selected]=\"isSelected(option)\"\n (click)=\"selectOption(option)\"\n >\n @if (option.icon) {\n <lib-icon\n [name]=\"option.icon\"\n size=\"lg\"\n class=\"c-select__option-icon\"\n >\n </lib-icon>\n }\n\n <span class=\"c-select__option-label\">\n {{ option.label }}\n </span>\n\n <!-- Check icon for selected option in single select -->\n @if (isSelected(option)) {\n <lib-icon\n name=\"checkcircle-fill\"\n size=\"lg\"\n color=\"action-primary-selected-background-default\"\n >\n </lib-icon>\n }\n </button>\n } }\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <!-- Helper Text -->\n @if (helperText() && !isError()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n\n <!-- Error Text -->\n @if (errorText() && isError()) {\n <lib-helper-text\n variant=\"danger\"\n [text]=\"errorText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n</div>\n", styles: [".c-select{max-width:300px;display:flex;flex-direction:column;position:relative;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select--size-sm .c-select__trigger{min-height:32px;padding:6px 12px;padding:0 var(--space-component-padding-sm)}.c-select--size-md .c-select__trigger{min-height:40px;padding:0 var(--space-component-padding-md)}.c-select--size-lg .c-select__trigger{min-height:48px;padding:0 var(--space-component-padding-lg)}.c-select--full-width{max-width:100%}.c-select--error .c-select__trigger{border-color:var(--color-textfield-border-error)}.c-select--disabled .c-select__trigger{cursor:not-allowed;border-color:var(--color-textfield-border-disabled);background-color:var(--color-textfield-background-disabled)}.c-select--disabled .c-select__text--placeholder,.c-select--disabled .c-select__text{color:var(--color-textfield-content-disabled)}.c-select__required{color:var(--color-feedback-danger-default);margin-left:2px}.c-select__container{position:relative}.c-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);border-radius:var(--size-textfield-border-radius);cursor:pointer;text-align:left}.c-select__trigger:hover:not(:disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-select__trigger:focus-visible:not(:disabled){border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-select__content{flex:1;display:flex;align-items:center;min-width:0}.c-select__text{font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);color:var(--color-textfield-content-default);display:flex;align-items:center;gap:var(--space-container-gap-xs)}.c-select__text--placeholder{color:var(--color-textfield-content-placeholder)}.c-select__tags{display:flex;flex-wrap:nowrap;gap:var(--space-component-gap-sm);align-items:center;min-width:0;overflow:hidden}.c-select__counter{background-color:var(--color-core-background-soft);color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:150;background-color:var(--color-core-background-surface-raised);border:var(--size-border-width-sm) solid var(--color-core-border-soft);border-radius:var(--size-textfield-border-radius);box-shadow:var(--elevation-raised);max-height:300px;overflow:hidden;display:flex;flex-direction:column}.c-select__search{padding:var(--space-container-padding-sm);border-bottom:var(--size-border-width-sm) solid var(--color-core-border-soft)}.c-select__search-input{width:100%;border:1px solid var(--color-core-border-default);border-radius:6px;background-color:var(--color-core-background-default);color:var(--color-core-content-default);font-size:14px;font-family:inherit}.c-select__search-input:focus{outline:none;border-color:var(--color-action-primary-border-default);box-shadow:0 0 0 2px var(--color-action-primary-border-default)}.c-select__options{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.c-select__group-label{color:var(--color-core-content-soft);padding:var(--space-component-padding-md) var(--space-component-padding-lg);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);letter-spacing:var(--typography-label-sm-strong-letter-spacing)}.c-select__option{display:flex;align-items:center;width:100%;min-height:40px;gap:var(--space-component-gap-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-lg);border:none;background:var(--color-action-neutral-background-default);color:var(--color-core-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:left;cursor:pointer}.c-select__option:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-select__option--multiselect{cursor:default;padding:0 var(--space-component-padding-lg)}.c-select__option--multiselect:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option-icon{flex-shrink:0;margin-right:12px;color:var(--color-core-content-soft)}.c-select__option-label{flex:1;min-width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["size", "variant", "text", "extraClass", "showBadge", "closeActive", "emphasis", "skeletonActive"], outputs: ["closeEvent"] }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["label", "state", "errorActive", "skeletonActive", "disabled", "name", "value", "innerHTML", "ariaLabel"], outputs: ["changed"] }, { kind: "component", type: InputSearchComponent, selector: "lib-input-search", inputs: ["label", "placeholder", "helperText", "alertText", "successText", "error", "success", "disabled", "readonly", "required", "size", "fullWidth"], outputs: ["emitValue"] }] });
|
|
4772
|
+
], ngImport: i0, template: "<div\n class=\"c-select\"\n [class.c-select--full-width]=\"fullWidth()\"\n [class.c-select--disabled]=\"disabled()\"\n [class.c-select--error]=\"isError()\"\n [class.c-select--open]=\"isOpen()\"\n [class.c-select--size-sm]=\"size() === 'sm'\"\n [class.c-select--size-md]=\"size() === 'md'\"\n [class.c-select--size-lg]=\"size() === 'lg'\"\n>\n <!-- Label -->\n @if (label()) {\n <lib-input-label\n [required]=\"required()\"\n [text]=\"label()\"\n [disabled]=\"disabled()\"\n ></lib-input-label>\n }\n\n <!-- Select Container -->\n <div class=\"c-select__container\">\n <!-- Select Trigger -->\n <button\n type=\"button\"\n class=\"c-select__trigger\"\n [disabled]=\"disabled()\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n [attr.aria-label]=\"placeholder()\"\n >\n <!-- Selected Content Display -->\n <div class=\"c-select__content\">\n @if (isMultiSelect() && hasSelection()) {\n <!-- Multi-select: Show tags -->\n <div class=\"c-select__tags\">\n @for (option of visibleTags(); track option.value) {\n <lib-tag\n [text]=\"option.label\"\n variant=\"neutral\"\n size=\"xs\"\n [closeActive]=\"true\"\n [showBadge]=\"false\"\n (closeEvent)=\"removeOption(option)\"\n >\n </lib-tag>\n } @if (hiddenTagsCount() > 0) {\n <span class=\"c-select__counter\"> +{{ hiddenTagsCount() }} </span>\n }\n </div>\n } @else {\n <!-- Single select: Show text -->\n <span\n class=\"c-select__text\"\n [class.c-select__text--placeholder]=\"!hasSelection()\"\n >\n <!-- Icon for single select -->\n @if (selectedOption()?.icon) {\n <lib-icon\n [name]=\"selectedOption()!.icon\"\n [size]=\"size() === 'sm' ? 'sm' : 'md'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n >\n </lib-icon>\n }\n {{ displayText() }}\n </span>\n }\n </div>\n\n <!-- Caret Icon -->\n <lib-icon\n [name]=\"isOpen() ? 'caretup-regular' : 'caretdown-regular'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n size=\"md\"\n >\n </lib-icon>\n </button>\n\n <!-- Dropdown Menu -->\n @if (isOpen()) {\n <div class=\"c-select__dropdown\">\n <!-- Search Input (if enabled and not multiselect) -->\n @if (showSearchBar()) {\n <div class=\"c-select__search\">\n <lib-input-search\n placeholder=\"Search options...\"\n [formControl]=\"searchControl\"\n size=\"lg\"\n [fullWidth]=\"true\"\n ></lib-input-search>\n </div>\n }\n\n <!-- Options List -->\n <div class=\"c-select__options\">\n @for (group of filteredOptions(); track group.label) {\n <!-- Option Group -->\n <div class=\"c-select__group\">\n <!-- Group Label -->\n\n @if (group.label) {\n <div class=\"c-select__group-label\">\n {{ group.label }}\n </div>\n }\n <!-- Group Options -->\n @for (option of group.options; track option.value) { @if\n (isMultiSelect()) {\n <!-- For multiselect: use full checkbox component with label -->\n <div class=\"c-select__option c-select__option--multiselect\">\n <lib-checkbox\n [label]=\"option.label\"\n [name]=\"'option-' + option.value\"\n [value]=\"option.value\"\n [ariaLabel]=\"'Select ' + option.label\"\n [state]=\"isSelected(option) ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled\"\n (changed)=\"onCheckboxChange(option, $event.checked)\"\n ></lib-checkbox>\n </div>\n } @else {\n\n <!-- For single select: use button with icon and label -->\n <button\n type=\"button\"\n class=\"c-select__option\"\n [class.c-select__option--selected]=\"isSelected(option)\"\n (click)=\"selectOption(option)\"\n >\n @if (option.icon) {\n <lib-icon\n [name]=\"option.icon\"\n size=\"lg\"\n class=\"c-select__option-icon\"\n >\n </lib-icon>\n }\n\n <span class=\"c-select__option-label\">\n {{ option.label }}\n </span>\n\n <!-- Check icon for selected option in single select -->\n @if (isSelected(option)) {\n <lib-icon\n name=\"checkcircle-fill\"\n size=\"lg\"\n color=\"action-primary-selected-background-default\"\n >\n </lib-icon>\n }\n </button>\n } }\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <!-- Helper Text -->\n @if (helperText() && !isError()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n\n <!-- Error Text -->\n @if (errorText() && isError()) {\n <lib-helper-text\n variant=\"danger\"\n [text]=\"errorText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n</div>\n", styles: [".c-select{max-width:300px;display:flex;flex-direction:column;position:relative;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select--size-sm .c-select__trigger{min-height:32px;padding:6px 12px;padding:0 var(--space-component-padding-sm)}.c-select--size-md .c-select__trigger{min-height:40px;padding:0 var(--space-component-padding-md)}.c-select--size-lg .c-select__trigger{min-height:48px;padding:0 var(--space-component-padding-lg)}.c-select--full-width{max-width:100%}.c-select--error .c-select__trigger{border-color:var(--color-textfield-border-error)}.c-select--disabled .c-select__trigger{cursor:not-allowed;border-color:var(--color-textfield-border-disabled);background-color:var(--color-textfield-background-disabled)}.c-select--disabled .c-select__text--placeholder,.c-select--disabled .c-select__text{color:var(--color-textfield-content-disabled)}.c-select__required{color:var(--color-feedback-danger-default);margin-left:2px}.c-select__container{position:relative}.c-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);border-radius:var(--size-textfield-border-radius);cursor:pointer;text-align:left}.c-select__trigger:hover:not(:disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-select__trigger:focus-visible:not(:disabled){border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-select__content{flex:1;display:flex;align-items:center;min-width:0}.c-select__text{font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);color:var(--color-textfield-content-default);display:flex;align-items:center;gap:var(--space-container-gap-xs)}.c-select__text--placeholder{color:var(--color-textfield-content-placeholder)}.c-select__tags{display:flex;flex-wrap:nowrap;gap:var(--space-component-gap-sm);align-items:center;min-width:0;overflow:hidden}.c-select__counter{background-color:var(--color-core-background-soft);color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:150;background-color:var(--color-core-background-surface-raised);border:var(--size-border-width-sm) solid var(--color-core-border-soft);border-radius:var(--size-textfield-border-radius);box-shadow:var(--elevation-raised);max-height:300px;overflow:hidden;display:flex;flex-direction:column}.c-select__search{padding:var(--space-container-padding-sm);border-bottom:var(--size-border-width-sm) solid var(--color-core-border-soft)}.c-select__search-input{width:100%;border:1px solid var(--color-core-border-default);border-radius:6px;background-color:var(--color-core-background-default);color:var(--color-core-content-default);font-size:14px;font-family:inherit}.c-select__search-input:focus{outline:none;border-color:var(--color-action-primary-border-default);box-shadow:0 0 0 2px var(--color-action-primary-border-default)}.c-select__options{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.c-select__group-label{color:var(--color-core-content-soft);padding:var(--space-component-padding-md) var(--space-component-padding-lg);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);letter-spacing:var(--typography-label-sm-strong-letter-spacing)}.c-select__option{display:flex;align-items:center;width:100%;min-height:40px;gap:var(--space-component-gap-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-lg);border:none;background:var(--color-action-neutral-background-default);color:var(--color-core-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:left;cursor:pointer}.c-select__option:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-select__option--multiselect{cursor:default;padding:0 var(--space-component-padding-lg)}.c-select__option--multiselect:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option-icon{flex-shrink:0;margin-right:12px;color:var(--color-core-content-soft)}.c-select__option-label{flex:1;min-width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["size", "icon", "name", "color"] }, { kind: "component", type: TagComponent, selector: "lib-tag", inputs: ["size", "variant", "text", "extraClass", "showBadge", "closeActive", "emphasis", "skeletonActive"], outputs: ["closeEvent"] }, { kind: "component", type: InputLabelComponent, selector: "lib-input-label", inputs: ["text", "required", "size", "disabled", "for", "innerHTML"] }, { kind: "component", type: HelperTextComponent, selector: "lib-helper-text", inputs: ["variant", "text", "extraClass", "disabled"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["label", "state", "errorActive", "skeletonActive", "disabled", "name", "value", "innerHTML", "ariaLabel"], outputs: ["changed"] }, { kind: "component", type: InputSearchComponent, selector: "lib-input-search", inputs: ["label", "placeholder", "helperText", "alertText", "successText", "error", "success", "disabled", "readonly", "required", "size", "fullWidth", "clearButton"], outputs: ["emitValue"] }] });
|
|
4694
4773
|
}
|
|
4695
4774
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SelectComponent, decorators: [{
|
|
4696
4775
|
type: Component,
|
|
@@ -4710,7 +4789,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
4710
4789
|
useExisting: forwardRef(() => SelectComponent),
|
|
4711
4790
|
multi: true,
|
|
4712
4791
|
},
|
|
4713
|
-
], template: "<div\n class=\"c-select\"\n [class.c-select--full-width]=\"fullWidth()\"\n [class.c-select--disabled]=\"disabled()\"\n [class.c-select--error]=\"isError()\"\n [class.c-select--open]=\"isOpen()\"\n [class.c-select--size-sm]=\"size() === 'sm'\"\n [class.c-select--size-md]=\"size() === 'md'\"\n [class.c-select--size-lg]=\"size() === 'lg'\"\n>\n <!-- Label -->\n @if (label()) {\n <lib-input-label\n [required]=\"required()\"\n [text]=\"label()\"\n [disabled]=\"disabled()\"\n ></lib-input-label>\n }\n\n <!-- Select Container -->\n <div class=\"c-select__container\">\n <!-- Select Trigger -->\n <button\n type=\"button\"\n class=\"c-select__trigger\"\n [disabled]=\"disabled()\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n [attr.aria-label]=\"placeholder()\"\n >\n <!-- Selected Content Display -->\n <div class=\"c-select__content\">\n @if (isMultiSelect() && hasSelection()) {\n <!-- Multi-select: Show tags -->\n <div class=\"c-select__tags\">\n @for (option of visibleTags(); track option.value) {\n <lib-tag\n [text]=\"option.label\"\n variant=\"neutral\"\n size=\"xs\"\n [closeActive]=\"true\"\n [showBadge]=\"false\"\n (closeEvent)=\"removeOption(option)\"\n >\n </lib-tag>\n } @if (hiddenTagsCount() > 0) {\n <span class=\"c-select__counter\"> +{{ hiddenTagsCount() }} </span>\n }\n </div>\n } @else {\n <!-- Single select: Show text -->\n <span\n class=\"c-select__text\"\n [class.c-select__text--placeholder]=\"!hasSelection()\"\n >\n <!-- Icon for single select -->\n @if (selectedOption()?.icon) {\n <lib-icon\n [name]=\"selectedOption()!.icon\"\n [size]=\"size() === 'sm' ? 'sm' : 'md'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n >\n </lib-icon>\n }\n {{ displayText() }}\n </span>\n }\n </div>\n\n <!-- Caret Icon -->\n <lib-icon\n [name]=\"isOpen() ? 'caretup-regular' : 'caretdown-regular'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n size=\"md\"\n >\n </lib-icon>\n </button>\n\n <!-- Dropdown Menu -->\n @if (isOpen()) {\n <div class=\"c-select__dropdown\">\n <!-- Search Input (if enabled and not multiselect) -->\n @if (showSearchBar()) {\n <div class=\"c-select__search\">\n <lib-input-search\n placeholder=\"Search options...\"\n [formControl]=\"searchControl\"\n size=\"lg\"\n [fullWidth]=\"true\"\n ></lib-input-search>\n </div>\n }\n\n <!-- Options List -->\n <div class=\"c-select__options\">\n @for (group of filteredOptions(); track group.label) {\n <!-- Option Group -->\n <div class=\"c-select__group\">\n <!-- Group Label -->\n <div class=\"c-select__group-label\">\n {{ group.label }}\n </div>\n\n <!-- Group Options -->\n @for (option of group.options; track option.value) { @if\n (isMultiSelect()) {\n <!-- For multiselect: use full checkbox component with label -->\n <div class=\"c-select__option c-select__option--multiselect\">\n <lib-checkbox\n [label]=\"option.label\"\n [name]=\"'option-' + option.value\"\n [value]=\"option.value\"\n [ariaLabel]=\"'Select ' + option.label\"\n [state]=\"isSelected(option) ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled\"\n (changed)=\"onCheckboxChange(option, $event.checked)\"\n ></lib-checkbox>\n </div>\n } @else {\n\n <!-- For single select: use button with icon and label -->\n <button\n type=\"button\"\n class=\"c-select__option\"\n [class.c-select__option--selected]=\"isSelected(option)\"\n (click)=\"selectOption(option)\"\n >\n @if (option.icon) {\n <lib-icon\n [name]=\"option.icon\"\n size=\"lg\"\n class=\"c-select__option-icon\"\n >\n </lib-icon>\n }\n\n <span class=\"c-select__option-label\">\n {{ option.label }}\n </span>\n\n <!-- Check icon for selected option in single select -->\n @if (isSelected(option)) {\n <lib-icon\n name=\"checkcircle-fill\"\n size=\"lg\"\n color=\"action-primary-selected-background-default\"\n >\n </lib-icon>\n }\n </button>\n } }\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <!-- Helper Text -->\n @if (helperText() && !isError()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n\n <!-- Error Text -->\n @if (errorText() && isError()) {\n <lib-helper-text\n variant=\"danger\"\n [text]=\"errorText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n</div>\n", styles: [".c-select{max-width:300px;display:flex;flex-direction:column;position:relative;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select--size-sm .c-select__trigger{min-height:32px;padding:6px 12px;padding:0 var(--space-component-padding-sm)}.c-select--size-md .c-select__trigger{min-height:40px;padding:0 var(--space-component-padding-md)}.c-select--size-lg .c-select__trigger{min-height:48px;padding:0 var(--space-component-padding-lg)}.c-select--full-width{max-width:100%}.c-select--error .c-select__trigger{border-color:var(--color-textfield-border-error)}.c-select--disabled .c-select__trigger{cursor:not-allowed;border-color:var(--color-textfield-border-disabled);background-color:var(--color-textfield-background-disabled)}.c-select--disabled .c-select__text--placeholder,.c-select--disabled .c-select__text{color:var(--color-textfield-content-disabled)}.c-select__required{color:var(--color-feedback-danger-default);margin-left:2px}.c-select__container{position:relative}.c-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);border-radius:var(--size-textfield-border-radius);cursor:pointer;text-align:left}.c-select__trigger:hover:not(:disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-select__trigger:focus-visible:not(:disabled){border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-select__content{flex:1;display:flex;align-items:center;min-width:0}.c-select__text{font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);color:var(--color-textfield-content-default);display:flex;align-items:center;gap:var(--space-container-gap-xs)}.c-select__text--placeholder{color:var(--color-textfield-content-placeholder)}.c-select__tags{display:flex;flex-wrap:nowrap;gap:var(--space-component-gap-sm);align-items:center;min-width:0;overflow:hidden}.c-select__counter{background-color:var(--color-core-background-soft);color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:150;background-color:var(--color-core-background-surface-raised);border:var(--size-border-width-sm) solid var(--color-core-border-soft);border-radius:var(--size-textfield-border-radius);box-shadow:var(--elevation-raised);max-height:300px;overflow:hidden;display:flex;flex-direction:column}.c-select__search{padding:var(--space-container-padding-sm);border-bottom:var(--size-border-width-sm) solid var(--color-core-border-soft)}.c-select__search-input{width:100%;border:1px solid var(--color-core-border-default);border-radius:6px;background-color:var(--color-core-background-default);color:var(--color-core-content-default);font-size:14px;font-family:inherit}.c-select__search-input:focus{outline:none;border-color:var(--color-action-primary-border-default);box-shadow:0 0 0 2px var(--color-action-primary-border-default)}.c-select__options{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.c-select__group-label{color:var(--color-core-content-soft);padding:var(--space-component-padding-md) var(--space-component-padding-lg);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);letter-spacing:var(--typography-label-sm-strong-letter-spacing)}.c-select__option{display:flex;align-items:center;width:100%;min-height:40px;gap:var(--space-component-gap-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-lg);border:none;background:var(--color-action-neutral-background-default);color:var(--color-core-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:left;cursor:pointer}.c-select__option:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-select__option--multiselect{cursor:default;padding:0 var(--space-component-padding-lg)}.c-select__option--multiselect:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option-icon{flex-shrink:0;margin-right:12px;color:var(--color-core-content-soft)}.c-select__option-label{flex:1;min-width:0}\n"] }]
|
|
4792
|
+
], template: "<div\n class=\"c-select\"\n [class.c-select--full-width]=\"fullWidth()\"\n [class.c-select--disabled]=\"disabled()\"\n [class.c-select--error]=\"isError()\"\n [class.c-select--open]=\"isOpen()\"\n [class.c-select--size-sm]=\"size() === 'sm'\"\n [class.c-select--size-md]=\"size() === 'md'\"\n [class.c-select--size-lg]=\"size() === 'lg'\"\n>\n <!-- Label -->\n @if (label()) {\n <lib-input-label\n [required]=\"required()\"\n [text]=\"label()\"\n [disabled]=\"disabled()\"\n ></lib-input-label>\n }\n\n <!-- Select Container -->\n <div class=\"c-select__container\">\n <!-- Select Trigger -->\n <button\n type=\"button\"\n class=\"c-select__trigger\"\n [disabled]=\"disabled()\"\n (click)=\"toggleDropdown()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n [attr.aria-label]=\"placeholder()\"\n >\n <!-- Selected Content Display -->\n <div class=\"c-select__content\">\n @if (isMultiSelect() && hasSelection()) {\n <!-- Multi-select: Show tags -->\n <div class=\"c-select__tags\">\n @for (option of visibleTags(); track option.value) {\n <lib-tag\n [text]=\"option.label\"\n variant=\"neutral\"\n size=\"xs\"\n [closeActive]=\"true\"\n [showBadge]=\"false\"\n (closeEvent)=\"removeOption(option)\"\n >\n </lib-tag>\n } @if (hiddenTagsCount() > 0) {\n <span class=\"c-select__counter\"> +{{ hiddenTagsCount() }} </span>\n }\n </div>\n } @else {\n <!-- Single select: Show text -->\n <span\n class=\"c-select__text\"\n [class.c-select__text--placeholder]=\"!hasSelection()\"\n >\n <!-- Icon for single select -->\n @if (selectedOption()?.icon) {\n <lib-icon\n [name]=\"selectedOption()!.icon\"\n [size]=\"size() === 'sm' ? 'sm' : 'md'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n >\n </lib-icon>\n }\n {{ displayText() }}\n </span>\n }\n </div>\n\n <!-- Caret Icon -->\n <lib-icon\n [name]=\"isOpen() ? 'caretup-regular' : 'caretdown-regular'\"\n [color]=\"\n disabled()\n ? 'textfield-content-disabled'\n : 'textfield-content-default'\n \"\n size=\"md\"\n >\n </lib-icon>\n </button>\n\n <!-- Dropdown Menu -->\n @if (isOpen()) {\n <div class=\"c-select__dropdown\">\n <!-- Search Input (if enabled and not multiselect) -->\n @if (showSearchBar()) {\n <div class=\"c-select__search\">\n <lib-input-search\n placeholder=\"Search options...\"\n [formControl]=\"searchControl\"\n size=\"lg\"\n [fullWidth]=\"true\"\n ></lib-input-search>\n </div>\n }\n\n <!-- Options List -->\n <div class=\"c-select__options\">\n @for (group of filteredOptions(); track group.label) {\n <!-- Option Group -->\n <div class=\"c-select__group\">\n <!-- Group Label -->\n\n @if (group.label) {\n <div class=\"c-select__group-label\">\n {{ group.label }}\n </div>\n }\n <!-- Group Options -->\n @for (option of group.options; track option.value) { @if\n (isMultiSelect()) {\n <!-- For multiselect: use full checkbox component with label -->\n <div class=\"c-select__option c-select__option--multiselect\">\n <lib-checkbox\n [label]=\"option.label\"\n [name]=\"'option-' + option.value\"\n [value]=\"option.value\"\n [ariaLabel]=\"'Select ' + option.label\"\n [state]=\"isSelected(option) ? 'checked' : 'unchecked'\"\n [disabled]=\"option.disabled\"\n (changed)=\"onCheckboxChange(option, $event.checked)\"\n ></lib-checkbox>\n </div>\n } @else {\n\n <!-- For single select: use button with icon and label -->\n <button\n type=\"button\"\n class=\"c-select__option\"\n [class.c-select__option--selected]=\"isSelected(option)\"\n (click)=\"selectOption(option)\"\n >\n @if (option.icon) {\n <lib-icon\n [name]=\"option.icon\"\n size=\"lg\"\n class=\"c-select__option-icon\"\n >\n </lib-icon>\n }\n\n <span class=\"c-select__option-label\">\n {{ option.label }}\n </span>\n\n <!-- Check icon for selected option in single select -->\n @if (isSelected(option)) {\n <lib-icon\n name=\"checkcircle-fill\"\n size=\"lg\"\n color=\"action-primary-selected-background-default\"\n >\n </lib-icon>\n }\n </button>\n } }\n </div>\n }\n </div>\n </div>\n }\n </div>\n\n <!-- Helper Text -->\n @if (helperText() && !isError()) {\n <lib-helper-text\n [text]=\"helperText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n\n <!-- Error Text -->\n @if (errorText() && isError()) {\n <lib-helper-text\n variant=\"danger\"\n [text]=\"errorText()\"\n [disabled]=\"disabled()\"\n ></lib-helper-text>\n }\n</div>\n", styles: [".c-select{max-width:300px;display:flex;flex-direction:column;position:relative;gap:var(--space-component-gap-sm);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select--size-sm .c-select__trigger{min-height:32px;padding:6px 12px;padding:0 var(--space-component-padding-sm)}.c-select--size-md .c-select__trigger{min-height:40px;padding:0 var(--space-component-padding-md)}.c-select--size-lg .c-select__trigger{min-height:48px;padding:0 var(--space-component-padding-lg)}.c-select--full-width{max-width:100%}.c-select--error .c-select__trigger{border-color:var(--color-textfield-border-error)}.c-select--disabled .c-select__trigger{cursor:not-allowed;border-color:var(--color-textfield-border-disabled);background-color:var(--color-textfield-background-disabled)}.c-select--disabled .c-select__text--placeholder,.c-select--disabled .c-select__text{color:var(--color-textfield-content-disabled)}.c-select__required{color:var(--color-feedback-danger-default);margin-left:2px}.c-select__container{position:relative}.c-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border:var(--size-textfield-border-width) solid var(--color-textfield-border-default);background-color:var(--color-textfield-background-default);border-radius:var(--size-textfield-border-radius);cursor:pointer;text-align:left}.c-select__trigger:hover:not(:disabled){border-color:var(--color-textfield-border-hover);background-color:var(--color-textfield-background-hover)}.c-select__trigger:focus-visible:not(:disabled){border-color:var(--color-textfield-border-active);box-shadow:0 0 0 1px var(--color-textfield-border-active);outline:none}.c-select__content{flex:1;display:flex;align-items:center;min-width:0}.c-select__text{font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);color:var(--color-textfield-content-default);display:flex;align-items:center;gap:var(--space-container-gap-xs)}.c-select__text--placeholder{color:var(--color-textfield-content-placeholder)}.c-select__tags{display:flex;flex-wrap:nowrap;gap:var(--space-component-gap-sm);align-items:center;min-width:0;overflow:hidden}.c-select__counter{background-color:var(--color-core-background-soft);color:var(--color-textfield-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing)}.c-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:150;background-color:var(--color-core-background-surface-raised);border:var(--size-border-width-sm) solid var(--color-core-border-soft);border-radius:var(--size-textfield-border-radius);box-shadow:var(--elevation-raised);max-height:300px;overflow:hidden;display:flex;flex-direction:column}.c-select__search{padding:var(--space-container-padding-sm);border-bottom:var(--size-border-width-sm) solid var(--color-core-border-soft)}.c-select__search-input{width:100%;border:1px solid var(--color-core-border-default);border-radius:6px;background-color:var(--color-core-background-default);color:var(--color-core-content-default);font-size:14px;font-family:inherit}.c-select__search-input:focus{outline:none;border-color:var(--color-action-primary-border-default);box-shadow:0 0 0 2px var(--color-action-primary-border-default)}.c-select__options{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.c-select__group-label{color:var(--color-core-content-soft);padding:var(--space-component-padding-md) var(--space-component-padding-lg);font-family:var(--typography-label-sm-strong-family),sans-serif;font-weight:var(--typography-label-sm-strong-weight);font-size:var(--typography-label-sm-strong-size);letter-spacing:var(--typography-label-sm-strong-letter-spacing)}.c-select__option{display:flex;align-items:center;width:100%;min-height:40px;gap:var(--space-component-gap-sm);padding:var(--space-component-padding-sm) var(--space-component-padding-lg);border:none;background:var(--color-action-neutral-background-default);color:var(--color-core-content-default);font-family:var(--typography-label-md-default-family),sans-serif;font-weight:var(--typography-label-md-default-weight);font-size:var(--typography-label-md-default-size);letter-spacing:var(--typography-label-md-default-letter-spacing);text-align:left;cursor:pointer}.c-select__option:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option:focus-visible{box-shadow:var(--focus-inset);outline:none}.c-select__option--multiselect{cursor:default;padding:0 var(--space-component-padding-lg)}.c-select__option--multiselect:hover{background-color:var(--color-action-neutral-background-hover)}.c-select__option-icon{flex-shrink:0;margin-right:12px;color:var(--color-core-content-soft)}.c-select__option-label{flex:1;min-width:0}\n"] }]
|
|
4714
4793
|
}], ctorParameters: () => [], propDecorators: { onClickOutside: [{
|
|
4715
4794
|
type: HostListener,
|
|
4716
4795
|
args: ['document:click', ['$event.target']]
|