|
| 1 | +<!DOCTYPE html> |
| 2 | +<html |
| 3 | + lang="en" |
| 4 | + dir="ltr" |
| 5 | + data-theme="dark" |
| 6 | + data-has-hero="" |
| 7 | + class="astro-yjofowbl" |
| 8 | + data-lt-installed="true" |
| 9 | +> |
| 10 | + <head> |
| 11 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 12 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 13 | + <title>404 | ICP JS SDK Docs</title> |
| 14 | + <link rel="canonical" href="https://js.icp.build/404/"> |
| 15 | + <script> |
| 16 | + window.StarlightThemeProvider = (() => { |
| 17 | + const storedTheme = typeof localStorage !== "undefined" && |
| 18 | + localStorage.getItem("starlight-theme"); |
| 19 | + const theme = storedTheme || |
| 20 | + (window.matchMedia("(prefers-color-scheme: light)").matches |
| 21 | + ? "light" |
| 22 | + : "dark"); |
| 23 | + document.documentElement.dataset.theme = theme === "light" |
| 24 | + ? "light" |
| 25 | + : "dark"; |
| 26 | + return { |
| 27 | + updatePickers(theme = storedTheme || "auto") { |
| 28 | + document.querySelectorAll("starlight-theme-select").forEach( |
| 29 | + (picker) => { |
| 30 | + const select = picker.querySelector("select"); |
| 31 | + if (select) select.value = theme; |
| 32 | + /** @type {HTMLTemplateElement | null} */ |
| 33 | + const tmpl = document.querySelector(`#theme-icons`); |
| 34 | + const newIcon = tmpl && |
| 35 | + tmpl.content.querySelector("." + theme); |
| 36 | + if (newIcon) { |
| 37 | + const oldIcon = picker.querySelector( |
| 38 | + "svg.label-icon", |
| 39 | + ); |
| 40 | + if (oldIcon) { |
| 41 | + oldIcon.replaceChildren( |
| 42 | + ...newIcon.cloneNode(true).childNodes, |
| 43 | + ); |
| 44 | + } |
| 45 | + } |
| 46 | + }, |
| 47 | + ); |
| 48 | + }, |
| 49 | + }; |
| 50 | + })(); |
| 51 | + </script><template id="theme-icons"></template> |
| 52 | + <link rel="stylesheet" href="./print.css" media="print"> |
| 53 | + <link rel="stylesheet" href="./index.css"> |
| 54 | + </head> |
| 55 | + |
| 56 | + <body class="astro-yjofowbl"> |
| 57 | + <div class="page sl-flex astro-a7a4rjvc"> |
| 58 | + <header class="header astro-a7a4rjvc"> |
| 59 | + <div class="header astro-iylltedv"> |
| 60 | + <div class="title-wrapper sl-flex astro-iylltedv"> |
| 61 | + <a href="/" class="site-title sl-flex astro-jbmbwmdg"> |
| 62 | + <img |
| 63 | + class="astro-jbmbwmdg" |
| 64 | + alt="Internet Computer Logo" |
| 65 | + src="./icp.svg" |
| 66 | + width="880" |
| 67 | + height="640" |
| 68 | + > |
| 69 | + <span class="astro-jbmbwmdg" translate="no"> |
| 70 | + ICP JS SDK Docs |
| 71 | + </span> |
| 72 | + </a> |
| 73 | + </div> |
| 74 | + <div |
| 75 | + class="sl-hidden md:sl-flex print:hidden right-group astro-iylltedv" |
| 76 | + style="justify-content: flex-end" |
| 77 | + > |
| 78 | + <starlight-theme-select> |
| 79 | + <label style="--sl-select-width: 6.25em" class="astro-lkgfeijr"> |
| 80 | + <span class="sr-only astro-lkgfeijr">Select theme</span> |
| 81 | + <svg |
| 82 | + aria-hidden="true" |
| 83 | + class="icon label-icon astro-lkgfeijr astro-o4xp5qjp" |
| 84 | + width="16" |
| 85 | + height="16" |
| 86 | + viewBox="0 0 24 24" |
| 87 | + fill="currentColor" |
| 88 | + style="--sl-icon-size: 1em" |
| 89 | + > |
| 90 | + <path |
| 91 | + d="M21 14h-1V7a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v7H3a1 1 0 0 0-1 1v2a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-2a1 1 0 0 0-1-1ZM6 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7H6V7Zm14 10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1h16v1Z" |
| 92 | + > |
| 93 | + </path> |
| 94 | + </svg> |
| 95 | + <select value="auto" autocomplete="off" class="astro-lkgfeijr"> |
| 96 | + <option value="dark" class="astro-lkgfeijr">Dark</option> |
| 97 | + <option value="light" class="astro-lkgfeijr">Light</option> |
| 98 | + <option value="auto" selected="" class="astro-lkgfeijr"> |
| 99 | + Auto |
| 100 | + </option> |
| 101 | + </select> |
| 102 | + <svg |
| 103 | + aria-hidden="true" |
| 104 | + class="icon caret astro-lkgfeijr astro-o4xp5qjp" |
| 105 | + width="16" |
| 106 | + height="16" |
| 107 | + viewBox="0 0 24 24" |
| 108 | + fill="currentColor" |
| 109 | + style="--sl-icon-size: 1em" |
| 110 | + > |
| 111 | + <path |
| 112 | + d="M17 9.17a1 1 0 0 0-1.41 0L12 12.71 8.46 9.17a1 1 0 1 0-1.41 1.42l4.24 4.24a1.002 1.002 0 0 0 1.42 0L17 10.59a1.002 1.002 0 0 0 0-1.42Z" |
| 113 | + > |
| 114 | + </path> |
| 115 | + </svg> |
| 116 | + </label> |
| 117 | + </starlight-theme-select> |
| 118 | + <script> |
| 119 | + StarlightThemeProvider.updatePickers(); |
| 120 | + </script> |
| 121 | + <script |
| 122 | + type="module" |
| 123 | + > |
| 124 | + const r = "starlight-theme", |
| 125 | + o = (e) => |
| 126 | + e === "auto" || e === "dark" || e === "light" |
| 127 | + ? e |
| 128 | + : "auto", |
| 129 | + c = () => |
| 130 | + o( |
| 131 | + typeof localStorage < "u" && |
| 132 | + localStorage.getItem(r), |
| 133 | + ); |
| 134 | + function n(e) { |
| 135 | + typeof localStorage < "u" && |
| 136 | + localStorage.setItem( |
| 137 | + r, |
| 138 | + e === "light" || e === "dark" ? e : "", |
| 139 | + ); |
| 140 | + } |
| 141 | + const l = () => |
| 142 | + matchMedia("(prefers-color-scheme: light)") |
| 143 | + .matches |
| 144 | + ? "light" |
| 145 | + : "dark"; |
| 146 | + function t(e) { |
| 147 | + StarlightThemeProvider.updatePickers(e), |
| 148 | + document.documentElement.dataset.theme = |
| 149 | + e === "auto" ? l() : e, |
| 150 | + n(e); |
| 151 | + } |
| 152 | + matchMedia("(prefers-color-scheme: light)") |
| 153 | + .addEventListener("change", () => { |
| 154 | + c() === "auto" && t("auto"); |
| 155 | + }); |
| 156 | + class s extends HTMLElement { |
| 157 | + constructor() { |
| 158 | + super(), |
| 159 | + t(c()), |
| 160 | + this.querySelector("select") |
| 161 | + ?.addEventListener("change", (a) => { |
| 162 | + a.currentTarget instanceof |
| 163 | + HTMLSelectElement && |
| 164 | + t(o(a.currentTarget.value)); |
| 165 | + }); |
| 166 | + } |
| 167 | + } |
| 168 | + customElements.define( |
| 169 | + "starlight-theme-select", |
| 170 | + s, |
| 171 | + ); |
| 172 | + </script> |
| 173 | + <script |
| 174 | + type="module" |
| 175 | + > |
| 176 | + class s extends HTMLElement { |
| 177 | + constructor() { |
| 178 | + super(); |
| 179 | + const e = this.querySelector("select"); |
| 180 | + e && (e.addEventListener("change", (t) => { |
| 181 | + t.currentTarget instanceof |
| 182 | + HTMLSelectElement && |
| 183 | + (window.location.pathname = |
| 184 | + t.currentTarget.value); |
| 185 | + }), |
| 186 | + window.addEventListener("pageshow", (t) => { |
| 187 | + if (!t.persisted) return; |
| 188 | + const n = e.querySelector( |
| 189 | + "option[selected]", |
| 190 | + )?.index; |
| 191 | + n !== e.selectedIndex && |
| 192 | + (e.selectedIndex = n ?? 0); |
| 193 | + })); |
| 194 | + } |
| 195 | + } |
| 196 | + customElements.define("starlight-lang-select", s); |
| 197 | + </script> |
| 198 | + </div> |
| 199 | + </div> |
| 200 | + </header> |
| 201 | + <div class="main-frame astro-a7a4rjvc"> |
| 202 | + <script |
| 203 | + type="module" |
| 204 | + > |
| 205 | + const a = document.getElementById("starlight__sidebar"), |
| 206 | + n = a?.querySelector("sl-sidebar-state-persist"), |
| 207 | + o = "sl-sidebar-state", |
| 208 | + i = () => { |
| 209 | + let t = []; |
| 210 | + const e = n?.dataset.hash || ""; |
| 211 | + try { |
| 212 | + const s = sessionStorage.getItem(o), |
| 213 | + r = JSON.parse(s || "{}"); |
| 214 | + Array.isArray(r.open) && r.hash === e && |
| 215 | + (t = r.open); |
| 216 | + } catch {} |
| 217 | + return { |
| 218 | + hash: e, |
| 219 | + open: t, |
| 220 | + scroll: a?.scrollTop || 0, |
| 221 | + }; |
| 222 | + }, |
| 223 | + c = (t) => { |
| 224 | + try { |
| 225 | + sessionStorage.setItem(o, JSON.stringify(t)); |
| 226 | + } catch {} |
| 227 | + }, |
| 228 | + d = () => c(i()), |
| 229 | + l = (t, e) => { |
| 230 | + const s = i(); |
| 231 | + s.open[e] = t, c(s); |
| 232 | + }; |
| 233 | + n?.addEventListener("click", (t) => { |
| 234 | + if (!(t.target instanceof Element)) return; |
| 235 | + const e = t.target.closest("summary")?.closest( |
| 236 | + "details", |
| 237 | + ); |
| 238 | + if (!e) return; |
| 239 | + const s = e.querySelector("sl-sidebar-restore"), |
| 240 | + r = parseInt(s?.dataset.index || ""); |
| 241 | + isNaN(r) || l(!e.open, r); |
| 242 | + }); |
| 243 | + addEventListener("visibilitychange", () => { |
| 244 | + document.visibilityState === "hidden" && d(); |
| 245 | + }); |
| 246 | + addEventListener("pageHide", d); |
| 247 | + </script> |
| 248 | + <div class="lg:sl-flex astro-vm4lxs7n"> |
| 249 | + <div class="main-pane astro-vm4lxs7n"> |
| 250 | + <main class="astro-yjofowbl" lang="en" dir="ltr"> |
| 251 | + <div class="content-panel astro-rtwfzukw"> |
| 252 | + <div class="sl-container astro-rtwfzukw"> |
| 253 | + <div class="hero astro-oleampr6"> |
| 254 | + <div class="sl-flex stack astro-oleampr6"> |
| 255 | + <div class="sl-flex copy astro-oleampr6"> |
| 256 | + <h1 id="_top" data-page-title="" class="astro-oleampr6"> |
| 257 | + 404 |
| 258 | + </h1> |
| 259 | + <div class="tagline astro-oleampr6"> |
| 260 | + Page not found. Check the URL or go back to the |
| 261 | + homepage. |
| 262 | + </div> |
| 263 | + </div> |
| 264 | + <div class="sl-flex actions astro-oleampr6"> |
| 265 | + <a |
| 266 | + class="sl-link-button not-content primary astro-oleampr6 astro-4wvpipyj" |
| 267 | + href="/" |
| 268 | + > |
| 269 | + Homepage |
| 270 | + </a> |
| 271 | + </div> |
| 272 | + </div> |
| 273 | + </div> |
| 274 | + <footer class="sl-flex astro-dv4zmgt4"> |
| 275 | + <div class="meta sl-flex astro-dv4zmgt4"></div> |
| 276 | + <div |
| 277 | + class="pagination-links print:hidden astro-5xqyhryp" |
| 278 | + dir="ltr" |
| 279 | + > |
| 280 | + </div> |
| 281 | + </footer> |
| 282 | + </div> |
| 283 | + </div> |
| 284 | + </main> |
| 285 | + </div> |
| 286 | + </div> |
| 287 | + </div> |
| 288 | + </div> |
| 289 | + </body> |
| 290 | +</html> |
0 commit comments