https://iiif-canvas-panel.netlify.app/assets/js/477820dc.2cc856b4.js

1"use strict";(self.webpackChunkcanvas_panel_docs=self.webpackChunkcanvas_panel_docs||[]).push([[5812],{3905:function(e,n,t){t.d(n,{Zo:function(){return l},kt:function(){return m}});var r=t(7294);function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function o(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?o(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function s(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var c=r.createContext({}),u=function(e){var n=r.useContext(c),t=n;return e&&(t="function"==typeof e?e(n):i(i({},n),e)),t},l=function(e){var n=u(e.components);return r.createElement(c.Provider,{value:n},e.children)},p={inlineCode:"code",wrapper:function(e){var n=e.children;return r.createElement(r.Fragment,{},n)}},d=r.forwardRef((function(e,n){var t=e.components,a=e.mdxType,o=e.originalType,c=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),d=u(t),m=a,f=d["".concat(c,".").concat(m)]||d[m]||p[m]||o;return t?r.createElement(f,i(i({ref:n},l),{},{components:t})):r.createElement(f,i({ref:n},l))}));function m(e,n){var t=arguments,a=n&&n.mdxType;if("string"==typeof e||a){var o=t.length,i=new Array(o);i[0]=d;var s={};for(var c in n)hasOwnProperty.call(n,c)&&(s[c]=n[c]);s.originalType=e,s.mdxType="string"==typeof e?e:a,i[1]=s;for(var u=2;u<o;u++)i[u]=t[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,t)}d.displayName="MDXCreateElement"},1101:function(e,n,t){t.r(n),t.d(n,{assets:function(){return c},contentTitle:function(){return i},default:function(){return p},frontMatter:function(){return o},metadata:function(){return s},toc:function(){return u}});var r=t(3117),a=(t(7294),t(3905));const o={},i="Missing documentations / fixes",s={unversionedId:"missing",id:"missing",title:"Missing documentations / fixes",description:'Adding custom fallback or error message add slot="fallback" to replace the sad-canvas-panel',source:"@site/docs/missing.md",sourceDirName:".",slug:"/missing",permalink:"/docs/missing",draft:!1,editUrl:"https://github.com/digirati-co-uk/iiif-canvas-panel/edit/main/docs/missing.md",tags:[],version:"current",frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"Vault",permalink:"/docs/api-reference/vault"}},c={},u=[],l={toc:u};function p(e){let{components:n,...t}=e;return(0,a.kt)("wrapper",(0,r.Z)({},l,t,{components:n,mdxType:"MDXLayout"}),(0,a.kt)("h1",{id:"missing-documentations--fixes"},"Missing documentations / fixes"),(0,a.kt)("p",null,"Adding custom fallback or error message add ",(0,a.kt)("inlineCode",{parentName:"p"},'slot="fallback"')," to replace the sad-canvas-panel"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-html"},'<canvas-panel\n    canvas-id="https://digirati-co-uk.github.io/wunder/canvases/0"\n    manifest-id="https://digirati-co-uk.github.io/wunder.json-DOES_NOT_EXIST">\n\n    <div slot="fallback">Show this instead of an error</div>\n\n</canvas-panel>\n')),(0,a.kt)("p",null,"Ready states"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"if (!cp.ready) {\n  cp.addEventListener('ready', demo);\n} else {\n  demo();\n}\n")),(0,a.kt)("p",null,"or a shorthand:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"cp.whenReady(demo);\n")),(0,a.kt)("p",null,"The atlas trapdoor:"),(0,a.kt)("pre",null,(0,a.kt)("code",{parentName:"pre",className:"language-js"},"cp.withAtlas(runtime => {\n   runtime.x;\n   runtime.y;\n   runtime.width;\n   runtime.height;

1\n   \n   runtime.worldToViewer(x, y, width, height);\n   runtime.viewerToWorld(x, y);\n   \n   runtime.getScaleFactor();\n   \n   // Hooks.\n  runtime.hooks.useAfterFrame(cb);\n  runtime.hooks.useBeforeFrame(cb);\n  runtime.hooks.useAfterPaint(cb);\n  runtime.hooks.useFrame(cb); // WARNING: causes render ever frame.\n   \n   // World.\n  runtime.world;\n   \n   // And lots more... (https://github.com/atlas-viewer/atlas/blob/feature/updates/src/renderer/runtime.ts)\n})\n")))}p.isMDXComponent=!0}}]);