instantsearch.js: Fix navigation

adriendupuis · adriendupuis · commit ef43a9959f65 · 2025-03-06T16:01:10.000+01:00
- Fix first page link icon
- hide "last page" link (this is not even the last page)
diff --git a/docs/images/ez-icons.svg b/docs/images/ez-icons.svg
@@ -95,6 +95,26 @@
     <symbol id="captcha" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
         <path d="M11.227 18.333c0.073 0.2 0.14 0.377 0.197 0.523s0.127 0.303 0.207 0.467l1 0.14 0.177 0.48c-0.112 0.067-0.241 0.123-0.378 0.164l-0.012 0.003c-0.167 0.057-0.333 0.107-0.533 0.16s-0.38 0.090-0.57 0.123l-0.51 0.077h-0.47c-0.152-0.184-0.285-0.394-0.389-0.619l-0.007-0.018c-0.097-0.21-0.203-0.467-0.333-0.77h-0.067c0.006 0.048 0.009 0.103 0.009 0.159 0 0.132-0.019 0.26-0.055 0.381l0.002-0.009c-0.050 0.177-0.137 0.329-0.254 0.454l0.001-0.001c-0.132 0.142-0.293 0.255-0.474 0.33l-0.009 0.003c-0.203 0.078-0.438 0.124-0.683 0.124-0.015 0-0.031-0-0.046-0.001l0.002 0c-0.001 0-0.001 0-0.002 0-0.317 0-0.623-0.051-0.908-0.146l0.020 0.006c-0.308-0.104-0.574-0.238-0.818-0.404l0.012 0.007c-0.255-0.172-0.474-0.37-0.663-0.595l-0.004-0.005c-0.188-0.226-0.341-0.489-0.447-0.775l-0.006-0.018c-0.099-0.221-0.156-0.479-0.156-0.75 0-0.095 0.007-0.189 0.021-0.281l-0.001 0.010c0.068-0.288 0.25-0.525 0.495-0.664l0.005-0.003c0.334-0.189 0.725-0.323 1.14-0.378l0.016-0.002c0.535-0.086 1.174-0.148 1.823-0.172l0.031-0.001c-0.152-0.658-0.402-1.239-0.74-1.758l0.013 0.021c-0.238-0.335-0.624-0.55-1.060-0.55-0.013 0-0.025 0-0.038 0.001l0.002-0c-0.013-0-0.027-0.001-0.042-0.001-0.25 0-0.489 0.050-0.706 0.142l0.012-0.004-0.043 1.667h-0.607c-0.123-0.118-0.239-0.241-0.347-0.37l-0.006-0.007c-0.12-0.14-0.24-0.3-0.357-0.473-0.107-0.14-0.217-0.3-0.319-0.465l-0.014-0.025c-0.085-0.131-0.173-0.289-0.254-0.451l-0.013-0.029c0.319-0.265 0.705-0.462 1.128-0.563l0.019-0.004c0.482-0.131 1.035-0.207 1.606-0.207 0.021 0 0.043 0 0.064 0l-0.003-0c0.023-0 0.049-0.001 0.076-0.001 0.448 0 0.88 0.064 1.29 0.182l-0.033-0.008c0.363 0.106 0.679 0.267 0.958 0.475l-0.008-0.005c0.255 0.192 0.47 0.422 0.64 0.683l0.006 0.010c0.159 0.246 0.301 0.529 0.41 0.827l0.010 0.030c0.203 0.55 0.373 1.050 0.51 1.493s0.317 0.913 0.487 1.39zM8.51 19.393c0.013 0.001 0.029 0.001 0.044 0.001 0.152 0 0.294-0.041 0.416-0.113l-0.004 0.002c0.105-0.068 0.191-0.156 0.255-0.26l0.002-0.004c0.058-0.095 0.095-0.21 0.1-0.332l0-0.002c0-0.12 0-0.223 0-0.317l-0.5-1.37c-0.365 0.002-0.722 0.031-1.070 0.085l0.040-0.005c-0.216 0.026-0.409 0.109-0.569 0.232l0.003-0.002c-0.109 0.094-0.177 0.232-0.177 0.386 0 0.005 0 0.010 0 0.015l-0-0.001c0.006 0.212 0.051 0.411 0.127 0.594l-0.004-0.011c0.109 0.326 0.296 0.601 0.541 0.811l0.002 0.002c0.209 0.174 0.481 0.28 0.778 0.28 0.005 0 0.011-0 0.016-0h-0.001zM13.37 16.743c0.203 0.22 0.366 0.48 0.475 0.767l0.005 0.016-0.243 0.29-2.367-2 0.243-0.29c0.12 0.023 0.243 0.053 0.367 0.090 0.147 0.048 0.269 0.099 0.387 0.158l-0.017-0.008 3.64-4.333c-0.085-0.105-0.161-0.223-0.222-0.349l-0.005-0.011c-0.043-0.086-0.091-0.196-0.132-0.309l-0.008-0.024 0.243-0.293 4 3.363c-0.097 0.122-0.193 0.231-0.294 0.334l0.001-0.001-0.333 0.333c-0.117 0.113-0.237 0.223-0.353 0.333s-0.233 0.2-0.333 0.287l-0.313-0.263 0.407-1.2-1.487-1.247-1.697 2.013 1.050 0.88 0.84-0.3 0.23 0.193c-0.093 0.15-0.197 0.303-0.313 0.457s-0.237 0.307-0.36 0.453-0.263 0.293-0.393 0.43-0.243 0.253-0.353 0.353l-0.233-0.2 0.163-0.893-1.050-0.873zM21.933 13.527l-0.47-0.17c0.047-0.14 0.103-0.303 0.167-0.487s0.133-0.377 0.207-0.58 0.15-0.4 0.23-0.597 0.163-0.37 0.247-0.527c0.475-0.107 1.020-0.169 1.58-0.169 0.061 0 0.122 0.001 0.183 0.002l-0.009-0c0.74 0.019 1.441 0.166 2.089 0.418l-0.042-0.014c0.45 0.148 0.839 0.367 1.176 0.648l-0.006-0.005c0.245 0.206 0.428 0.478 0.524 0.788l0.003 0.012c0.029 0.111 0.046 0.238 0.046 0.369 0 0.187-0.034 0.366-0.096 0.531l0.003-0.010c-0.133 0.35-0.315 0.652-0.543 0.914l0.003-0.004c-0.432 0.498-0.948 0.911-1.528 1.219l-0.029 0.014c-0.557 0.313-1.209 0.608-1.889 0.846l-0.088 0.027c-0.538 0.2-1.237 0.41-1.951 0.584l-0.142 0.029-1.897 0.45-1.067 0.16-0.040 0.047 0.9 0.233 2.37 0.863 1.803-1.093 0.467 0.17c-0.133 0.203-0.293 0.437-0.467 0.703s-0.37 0.533-0.56 0.803-0.373 0.523-0.55 0.767-0.333 0.433-0.45 0.577l-6.32-2.297 0.643-0.75c0.393-0.093 0.843-0.21 1.35-0.333s1.037-0.287 1.593-0.463 1.123-0.373 1.703-0.59 1.127-0.45 1.667-0.703c0.558-0.268 1.029-0.543 1.477-0.851l-0.037 0.024c0.41-0.274 0.764-0.588 1.071-0.943l0.006-0.007c0.303-0.302 0.49-0.719 0.49-1.181 0-0.013-0-0.025-0-0.038l0 0.002c-0.040-0.373-0.307-0.667-0.803-0.833-0.118-0.046-0.265-0.090-0.416-0.125l-0.024-0.005c-0.14-0.027-0.303-0.050-0.49-0.067zM30.667 25.333h-29.333c-0.736 0-1.333-0.597-1.333-1.333v0-16c0-0.736 0.597-1.333 1.333-1.333v0h29.333c0.736 0 1.333 0.597 1.333 1.333v0 16c0 0.736-0.597 1.333-1.333 1.333v0zM2.667 22.667h26.667v-13.333h-26.667z"></path>
     </symbol>
+    <symbol id="caret-double-back" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0_102_9)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8303 17.5002C16.3017 17.0519 15.9991 16.4062 16 15.7279C16.0007 15.0482 16.3046 14.4015 16.8345 13.9525L28.7014 3.8987C29.2259 3.4332 29.9711 3.2778 30.6487 3.4926C31.3262 3.7074 31.8298 4.2587 31.9646 4.9332C32.0993 5.6078 31.8441 6.2997 31.2976 6.7412L20.9168 15.5352C20.8592 15.5838 20.8261 15.6541 20.8261 15.7279C20.8261 15.8017 20.8592 15.8719 20.9168 15.9206L31.2976 24.7145C32.083 25.4116 32.1468 26.5848 31.4415 27.3571C30.7361 28.1293 29.5195 28.2181 28.7014 27.557L16.8303 17.5002ZM0.8303 17.5002C0.3017 17.0519 -0.000898986 16.4062 1.07286e-06 15.7279C0.000701132 15.0482 0.304602 14.4015 0.834602 13.9525L12.7014 3.8987C13.2259 3.4332 13.9711 3.2778 14.6487 3.4926C15.3262 3.7074 15.8298 4.2587 15.9646 4.9332C16.0993 5.6078 15.8441 6.2997 15.2977 6.7412L4.9168 15.5352C4.8592 15.5838 4.8261 15.6541 4.8261 15.7279C4.8261 15.8017 4.8592 15.8719 4.9168 15.9206L15.2977 24.7145C16.083 25.4116 16.1468 26.5848 15.4415 27.3571C14.7361 28.1293 13.5195 28.2181 12.7014 27.557L0.8303 17.5002Z" fill="#131C26"/>
+        </g>
+        <defs>
+            <clipPath id="clip0_102_9">
+                <rect width="32" height="32" fill="white" transform="translate(32 32) rotate(-180)"/>
+            </clipPath>
+        </defs>
+    </symbol>
+    <symbol id="caret-double-next" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0_220_4463)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M15.1697 14.4998C15.6983 14.9481 16.0009 15.5938 16 16.2721C15.9993 16.9518 15.6954 17.5985 15.1655 18.0475L3.29863 28.1013C2.77411 28.5668 2.02889 28.7222 1.35134 28.5074C0.673786 28.2926 0.1702 27.7413 0.0354483 27.0668C-0.0993034 26.3922 0.15592 25.7003 0.702357 25.2588L11.0832 16.4648C11.1408 16.4162 11.1739 16.3459 11.1739 16.2721C11.1739 16.1983 11.1408 16.1281 11.0832 16.0794L0.702357 7.28546C-0.0829722 6.58844 -0.146828 5.41517 0.558536 4.64292C1.2639 3.87066 2.48048 3.78189 3.29863 4.44298L15.1697 14.4998ZM31.1697 14.4998C31.6983 14.9481 32.0009 15.5938 32 16.2721C31.9993 16.9518 31.6954 17.5985 31.1654 18.0475L19.2986 28.1013C18.7741 28.5668 18.0289 28.7222 17.3513 28.5074C16.6738 28.2926 16.1702 27.7413 16.0354 27.0668C15.9007 26.3922 16.1559 25.7003 16.7023 25.2588L27.0832 16.4648C27.1408 16.4162 27.1739 16.3459 27.1739 16.2721C27.1739 16.1983 27.1408 16.1281 27.0832 16.0794L16.7023 7.28546C15.917 6.58844 15.8532 5.41517 16.5585 4.64292C17.2639 3.87066 18.4805 3.78189 19.2986 4.44298L31.1697 14.4998Z" fill="#131C26"/>
+        </g>
+        <defs>
+            <clipPath id="clip0_220_4463">
+                <rect width="32" height="32" fill="white"/>
+            </clipPath>
+        </defs>
+    </symbol>
     <symbol id="caret-back" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
         <path d="M18.667 24c-0.001 0-0.001 0-0.002 0-0.326 0-0.625-0.117-0.857-0.312l0.002 0.002-8-6.69c-0.292-0.246-0.477-0.612-0.477-1.022 0-0.005 0-0.010 0-0.016v0.001c0.001-0.411 0.188-0.778 0.481-1.022l0.002-0.002 8-6.633c0.233-0.204 0.541-0.329 0.877-0.329 0.736 0 1.333 0.597 1.333 1.333 0 0.425-0.198 0.803-0.508 1.047l-0.003 0.002-6.767 5.61 6.773 5.667c0.298 0.246 0.487 0.616 0.487 1.030 0 0.736-0.597 1.333-1.333 1.333-0.004 0-0.007 0-0.011-0h0.001z"></path>
     </symbol>
diff --git a/docs/js/instantsearch.js b/docs/js/instantsearch.js
@@ -142,15 +142,18 @@
             container: paginationContainer,
             padding: 2,
             templates: {
-                first: `<svg class="tile-icon" width="20" height="20">
-                    <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-expanded"></use>
+                first: `<svg class="tile-icon" width="16" height="16">
+                    <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-double-back"></use>
                 </svg>`,
                 previous: `<svg class="tile-icon" width="20" height="20">
                     <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-back"></use>
                 </svg>`,
                 next: `<svg class="tile-icon" width="20" height="20">
                     <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-next"></use>
                 </svg>`,
+                last: `<svg class="tile-icon" width="16" height="16">
+                    <use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-double-next"></use>
+                </svg>`,
             },
         }),
         instantsearch.widgets.refinementList({
