@datalayer/core 0.0.1 → 0.0.2

package/lib/hooks/assets/OutputshotPlaceholders.d.ts

@@ -0,0 +1,19 @@
+/**
+* Encode SVG online tool https://yoksel.github.io/url-encoder
+*
+* Examples:
+*
+* - https://css-tricks.com/lodge/svg/09-svg-data-uris
+* - https://www.w3schools.com/graphics/svg_examples.asp
+* - https://cloudfour.com/thinks/simple-svg-placeholder
+* - https://css-tricks.com/lodge/svg/06-using-svg-svg-background-image
+* - https://www.geeksforgeeks.org/how-to-set-the-svg-background-color
+*/
+export declare const SVG_DATA_TYPE = "data:image/svg+xml;utf8";
+export declare const SVG_BASE64_DATA_TYPE = "data:image/svg+xml;base64";
+export declare const PNG_BASE64_DATA_TYPE = "data:image/png;base64";
+export declare const OUTPUTSHOT_PLACEHOLDER_DEFAULT_SVG = "data:image/svg+xml;utf8,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='83.607246mm' height='6.7001028mm' viewBox='0 0 83.607246 6.7001028' version='1.1' id='svg8' sodipodi:docname='OutputshotPlaceholder.svg' inkscape:version='1.0.1 (c497b03c, 2020-09-10)'%3E%3Cmetadata id='metadata49'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs47' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1644' inkscape:window-height='805' id='namedview45' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='3.0907048' inkscape:cx='138.34607' inkscape:cy='21.879685' inkscape:window-x='0' inkscape:window-y='25' inkscape:window-maximized='0' inkscape:current-layer='layer1' inkscape:document-rotation='0' /%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(-38.982706,-51.093048)'%3E%3Cg id='g933' transform='matrix(0.89778526,0,0,0.89778526,7.8770916,5.5493574)'%3E%3Cg id='g1189' transform='matrix(0.31094786,0,0,0.31094786,20.990005,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1135' cx='75.806885' cy='37.132294' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1137' cx='75.806885' cy='37.132294' r='2.5' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect292' width='4.3509374' height='0.41272521' x='-10.72934' y='68.117378' transform='rotate(-45)' /%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1139' width='4.3509374' height='0.41272521' x='-73.765656' y='-5.6563725' transform='rotate(-135)' /%3E%3Cg id='g1159' transform='matrix(0.31094786,0,0,0.31094786,21.042434,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='path1131' cx='61.195435' cy='51.088104' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1133' cx='61.195435' cy='51.088104' r='2.5' /%3E%3C/g%3E%3Cg id='g1155' transform='matrix(0.31094786,0,0,0.31094786,21.098652,40.607509)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1141' cx='-51.768562' cy='89.90033' r='3.5' transform='rotate(-90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1143' cx='-51.768562' cy='89.90033' r='2.5' transform='rotate(-90)' /%3E%3C/g%3E%3Cg id='g1193' transform='matrix(0.31094786,0,0,0.31094786,21.214813,40.726318)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1181' cx='36.839127' cy='-103.9696' r='3.5' transform='rotate(90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1183' cx='36.839127' cy='-103.9696' r='2.5' transform='rotate(90)' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1185' width='4.3509374' height='0.41272521' x='-4.4240656' y='74.552719' transform='rotate(-45)' /%3E%3Cg id='g1254' transform='matrix(0.31094786,0,0,0.31094786,88.947704,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1250' cx='75.806885' cy='37.132294' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1252' cx='75.806885' cy='37.132294' r='2.5' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1256' width='4.3509374' height='0.41272521' x='37.324009' y='116.17073' transform='rotate(-45)' /%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1258' width='4.3509374' height='0.41272521' x='-121.81901' y='42.39698' transform='rotate(-135)' /%3E%3Cg id='g1264' transform='matrix(0.31094786,0,0,0.31094786,89.000132,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1260' cx='61.195435' cy='51.088104' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1262' cx='61.195435' cy='51.088104' r='2.5' /%3E%3C/g%3E%3Cg id='g1270' transform='matrix(0.31094786,0,0,0.31094786,89.056351,40.607509)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1266' cx='-51.768562' cy='89.90033' r='3.5' transform='rotate(-90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1268' cx='-51.768562' cy='89.90033' r='2.5' transform='rotate(-90)' /%3E%3C/g%3E%3Cg id='g1276' transform='matrix(0.31094786,0,0,0.31094786,89.172511,40.726318)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1272' cx='36.839127' cy='-103.9696' r='3.5' transform='rotate(90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1274' cx='36.839127' cy='-103.9696' r='2.5' transform='rotate(90)' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1278' width='4.3509374' height='0.41272521' x='43.629284' y='122.60606' transform='rotate(-45)' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A";
+export declare const OUTPUTSHOT_PLACEHOLDER_SUN_SVG = "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='background-color:yellow' height='20' width='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' /%3E%3C/svg%3E";
+export declare const OUTPUTSHOT_PLACEHOLDER_FOOTBAL_SVG = "data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" id=\"Layer_1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 100 100\" enable-background=\"new 0 0 100 100\" xml:space=\"preserve\" height=\"100px\" width=\"100px\"><g><path d=\"M28.1,36.6c4.6,1.9,12.2,1.6,20.9,1.1c8.9-0.4,19-0.9,28.9,0.9c6.3,1.2,11.9,3.1,16.8,6c-1.5-12.2-7.9-23.7-18.6-31.3 c-4.9-0.2-9.9,0.3-14.8,1.4C47.8,17.9,36.2,25.6,28.1,36.6z\"/><path d=\"M70.3,9.8C57.5,3.4,42.8,3.6,30.5,9.5c-3,6-8.4,19.6-5.3,24.9c8.6-11.7,20.9-19.8,35.2-23.1C63.7,10.5,67,10,70.3,9.8z\"/><path d=\"M16.5,51.3c0.6-1.7,1.2-3.4,2-5.1c-3.8-3.4-7.5-7-11-10.8c-2.1,6.1-2.8,12.5-2.3,18.7C9.6,51.1,13.4,50.2,16.5,51.3z\"/><path d=\"M9,31.6c3.5,3.9,7.2,7.6,11.1,11.1c0.8-1.6,1.7-3.1,2.6-4.6c0.1-0.2,0.3-0.4,0.4-0.6c-2.9-3.3-3.1-9.2-0.6-17.6   c0.8-2.7,1.8-5.3,2.7-7.4c-5.2,3.4-9.8,8-13.3,13.7C10.8,27.9,9.8,29.7,9,31.6z\"/><path d=\"M15.4,54.7c-2.6-1-6.1,0.7-9.7,3.4c1.2,6.6,3.9,13,8,18.5C13,69.3,13.5,61.8,15.4,54.7z\"/><path d=\"M39.8,57.6C54.3,66.7,70,73,86.5,76.4c0.6-0.8,1.1-1.6,1.7-2.5c4.8-7.7,7-16.3,6.8-24.8c-13.8-9.3-31.3-8.4-45.8-7.7   c-9.5,0.5-17.8,0.9-23.2-1.7c-0.1,0.1-0.2,0.3-0.3,0.4c-1,1.7-2,3.4-2.9,5.1C28.2,49.7,33.8,53.9,39.8,57.6z\"/><path d=\"M26.2,88.2c3.3,2,6.7,3.6,10.2,4.7c-3.5-6.2-6.3-12.6-8.8-18.5c-3.1-7.2-5.8-13.5-9-17.2c-1.9,8-2,16.4-0.3,24.7   C20.6,84.2,23.2,86.3,26.2,88.2z\"/><path d=\"M30.9,73c2.9,6.8,6.1,14.4,10.5,21.2c15.6,3,32-2.3,42.6-14.6C67.7,76,52.2,69.6,37.9,60.7C32,57,26.5,53,21.3,48.6   c-0.6,1.5-1.2,3-1.7,4.6C24.1,57.1,27.3,64.5,30.9,73z\"/></g></svg>";
+export declare const OUTPUTSHOT_PLACEHOLDER_FOOTBAL_BASE64_SVG = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMTAwcHgiIHdpZHRoPSIxMDBweCI+CjxnPgoJPHBhdGggZD0iTTI4LjEsMzYuNmM0LjYsMS45LDEyLjIsMS42LDIwLjksMS4xYzguOS0wLjQsMTktMC45LDI4LjksMC45YzYuMywxLjIsMTEuOSwzLjEsMTYuOCw2Yy0xLjUtMTIuMi03LjktMjMuNy0xOC42LTMxLjMgICBjLTQuOS0wLjItOS45LDAuMy0xNC44LDEuNEM0Ny44LDE3LjksMzYuMiwyNS42LDI4LjEsMzYuNnoiLz4KCTxwYXRoIGQ9Ik03MC4zLDkuOEM1Ny41LDMuNCw0Mi44LDMuNiwzMC41LDkuNWMtMyw2LTguNCwxOS42LTUuMywyNC45YzguNi0xMS43LDIwLjktMTkuOCwzNS4yLTIzLjFDNjMuNywxMC41LDY3LDEwLDcwLjMsOS44eiIvPgoJPHBhdGggZD0iTTE2LjUsNTEuM2MwLjYtMS43LDEuMi0zLjQsMi01LjFjLTMuOC0zLjQtNy41LTctMTEtMTAuOGMtMi4xLDYuMS0yLjgsMTIuNS0yLjMsMTguN0M5LjYsNTEuMSwxMy40LDUwLjIsMTYuNSw1MS4zeiIvPgoJPHBhdGggZD0iTTksMzEuNmMzLjUsMy45LDcuMiw3LjYsMTEuMSwxMS4xYzAuOC0xLjYsMS43LTMuMSwyLjYtNC42YzAuMS0wLjIsMC4zLTAuNCwwLjQtMC42Yy0yLjktMy4zLTMuMS05LjItMC42LTE3LjYgICBjMC44LTIuNywxLjgtNS4zLDIuNy03LjRjLTUuMiwzLjQtOS44LDgtMTMuMywxMy43QzEwLjgsMjcuOSw5LjgsMjkuNyw5LDMxLjZ6Ii8+Cgk8cGF0aCBkPSJNMTUuNCw1NC43Yy0yLjYtMS02LjEsMC43LTkuNywzLjRjMS4yLDYuNiwzLjksMTMsOCwxOC41QzEzLDY5LjMsMTMuNSw2MS44LDE1LjQsNTQuN3oiLz4KCTxwYXRoIGQ9Ik0zOS44LDU3LjZDNTQuMyw2Ni43LDcwLDczLDg2LjUsNzYuNGMwLjYtMC44LDEuMS0xLjYsMS43LTIuNWM0LjgtNy43LDctMTYuMyw2LjgtMjQuOGMtMTMuOC05LjMtMzEuMy04LjQtNDUuOC03LjcgICBjLTkuNSwwLjUtMTcuOCwwLjktMjMuMi0xLjdjLTAuMSwwLjEtMC4yLDAuMy0wLjMsMC40Yy0xLDEuNy0yLDMuNC0yLjksNS4xQzI4LjIsNDkuNywzMy44LDUzLjksMzkuOCw1Ny42eiIvPgoJPHBhdGggZD0iTTI2LjIsODguMmMzLjMsMiw2LjcsMy42LDEwLjIsNC43Yy0zLjUtNi4yLTYuMy0xMi42LTguOC0xOC41Yy0zLjEtNy4yLTUuOC0xMy41LTktMTcuMmMtMS45LDgtMiwxNi40LTAuMywyNC43ICAgQzIwLjYsODQuMiwyMy4yLDg2LjMsMjYuMiw4OC4yeiIvPgoJPHBhdGggZD0iTTMwLjksNzNjMi45LDYuOCw2LjEsMTQuNCwxMC41LDIxLjJjMTUuNiwzLDMyLTIuMyw0Mi42LTE0LjZDNjcuNyw3Niw1Mi4yLDY5LjYsMzcuOSw2MC43QzMyLDU3LDI2LjUsNTMsMjEuMyw0OC42ICAgYy0wLjYsMS41LTEuMiwzLTEuNyw0LjZDMjQuMSw1Ny4xLDI3LjMsNjQuNSwzMC45LDczeiIvPgo8L2c+Cjwvc3ZnPg==";
+export declare const OUTPUTSHOT_PLACEHOLDER_DATALAYER_BASE64_PNG = "data:image/png;base64,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Iz4nHjPpgsSPXFc9fuNcdFngmaKZSc8Ti8RSsYvVLmYlUyeeIo5pukH5QtZjjfMWZ71SZ+178hdG8sbKMtdpDiOJRSxBhgQVdZRRgU19lWGQYiFN+wkf/5Drl8mlkqsMRo4FVKFDcf3gf/C7W6swOeElRRJAz4vjfIwA4V2g1XCc72PHaZ0AwWfgyuj4q01g5pP0RkeLHQH928DFdUdT94DLHWDwqaaYiisFaQqFAvB+Rt+UAwZugb41r7f2Pk4fgAx1lboBDg6B0SJlr/u8u7e7t3/PtPv7ATxTcpFlbMCwAAAPoGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6aXB0Y0V4dD0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcEV4dC8yMDA4LTAyLTI5LyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgIHhtbG5zOnBsdXM9Imh0dHA6Ly9ucy51c2VwbHVzLm9yZy9sZGYveG1wLzEuMC8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOjdmODRjODI4LTMwZGEtNDJkYi05ZmE0LTQwNmM3YjE0ZmJhOCIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyZjExZmVkYy0yZWZhLTQ4ZmQtYjhlZC0zZDVkMzIzMTFkZDIiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MmQwZGU0Zi0zNGEwLTQ3ZGYtODQ4Yy1kNTFjOTg2ZGY5YzUiCiAgIEdJTVA6QVBJPSIyLjAiCiAgIEdJTVA6UGxhdGZvcm09Ik1hYyBPUyIKICAgR0lNUDpUaW1lU3RhbXA9IjE2MTg5MjYzNTY2ODMzMjkiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4yMiIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIj4KICAgPGlwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICA8aXB0Y0V4dDpMb2NhdGlvblNob3duPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25TaG93bj4KICAgPGlwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICA8aXB0Y0V4dDpSZWdpc3RyeUlkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6UmVnaXN0cnlJZD4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YmMxZGNiYzEtOWE3ZS00MzY3LTljZDQtZjcxN2UwMTIzNTNiIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKE1hYyBPUykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMDQtMjBUMTU6NDU6NTYrMDI6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogICA8cGx1czpJbWFnZVN1cHBsaWVyPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VTdXBwbGllcj4KICAgPHBsdXM6SW1hZ2VDcmVhdG9yPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VDcmVhdG9yPgogICA8cGx1czpDb3B5cmlnaHRPd25lcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkNvcHlyaWdodE93bmVyPgogICA8cGx1czpMaWNlbnNvcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkxpY2Vuc29yPgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+40728AAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+UEFA0tOKBWN7sAABBmSURBVHja7d17bFvXYcfx37mkXiT1oCTqZcuyZTmJrdRO7MRpEifZ8liydBuSbVixFt0GbEP+HIZhKwYM8x8bOnRDC2zdigLL0KLYH93+qIdlWNDVaRvXcR514iS2Y8tPOZZlvWWJIimJ5D37g9TlpURH70COvh+AEHl5de5DtH/n3HvOobHWjkqqkBTIP0z+AQDAncZs0m1kjbU2w98fAECg39nbcPjbAwBw5yPQAQAg0AEAAIEOAAAIdAAAQKADAECgAwCAjSO40XbojesXzFsDV4wyrmzWlbJZzT03N8eUzWQkYyTH5H7OPRwj43uuec+7WrbqNx/5Jde/rZFkXC+fO7GgUuMYo4byKu2ua7EHWrbbimBZyX09dr3HnBjqLRor+EDjVvt0R7eVpJ7RfnOk9/SSxhL++rZu2x3baiXp6LWz5uRIX9HvPRzrsE9su8f6lw0mJsx3z7/lrfeVuw/aLZGoXWxbPzj/ttObuFW07Avte+znmtpt1rr65qnXnKzNnaoDDVvtM9u7i8q8NZ3Ud87+3DtvL3UfcidmUuYHl95d9Fh//+6HbGukzr7Vf8n87OblBetXBoJqD9Xqvli73Rltvu2xZDIZMzs7ywRIwCZhjFn2eyWWmzUoY9H9WesyjDFLWnfDBfpgcsL8cOiacdMZ2XRaNp2Rnc3IpjNyTl/R1HRSxnGkgCM5AZmAI+Vfe8sDAd86jkzA0e8asyAcZrMZ872Ra7c/SzfOmQcuV+sbDzzvNodrF/z+28PXFvx+MpvWXKBPzqT0ieX7PNa8wyv/2GCv+c/xG0W/ZyXND/SZTLqo/N/uvH/RMLeSvnPjnBnIzBYt3xmp1+ea2m3AOHIk/Vu+3J7ELfPM9u6sf91L4wPece+vjKiuMqz+qVtLOtbf2Znbx6Fk/JPP/dX3zFe3dts/6H7ENSX+DVprlc1mCXRgkwf6ei43xshau6zl63Gc1tollc0l90WcnI7rb98/6rgl/ngn4yMLzvBPJoeNXcX2rKQ3S5T7XollKzE5k9L8MJekK1Nj3vODsW3eIbyZmtBYaqpo3Q/H+r19+UJTp12vVP1631nz7s2rhDYALEGQU1DwVx377PZI1KbdrP6v/6I5MjFgJOnHU6O6PD5odtW3eEGXyszq/empBW3HkWxaE9NJ1VWG1FHbqJe7C5f5/733Q+dniVxwPh6q0+/tuM97r7OuSZIUn0npemZmwb6dnkkomZlVKFi+qmMcScZLBuQ7vgpDd+MWW9wiHzQHqyJ2rsLxo+GPvXX3+8K/KIx3PmgbKsML3muoql6wrMo4+taex10r6erkiPna9TNe+Uf7L5oHWjstn04AINCXbH+s3e5paLOS9EDLDnvkp98PeC3YieGiQB9Jxr0LIE9FGvTa1GghNFNxU1cZsk3hWtsUrvWWHxu8apUYM5LUXhmxh7betSCohpOTXpg9Eo7qRGLce280GTehmoZVhdtQcsJ7figc1fF8+WdmEkqmZxUqK1d9VURPRxp0NH9MH472m4NtO60kDScmzQczuRZ7jRNQZ7Sp5P4cbN5uW6ujS9rXcuNo7lw8prvs0HTCeXk41zJ/Z42uTAAAgf4pa6iM2OeirbKZuQ5xWe+5cWuUSWdy9xJKdHxb+NORjJFxjDoampa1H9XlldpZXqXLs6lcy3l2en7wes8frm+zfbMp0zObzIVmYlJd0eYVHf+gr9znY9vt6dSkibu5W9gDiQm11zSs6vzemLpVuFzevNMev3LSSLmeIiOpuNlWlqswPNvcaY9OjRpJenX0mvlDHZKR0cXxAa+sL8e224rA2n+EOiNRafiqJOlqerrkOsYYBQIBWu7AJne7jm8bqZPbWnSKuyMD/YmO3faJjt0b4j/qcnP7Lgb9iQnvDLeGau39kah6xpJGkvoS40a5q9OrCty2SJ19qrpR/zUxaHzbXNW5uei7V35v4xZb03vKTOYrDEOJSW3LVxi6G7dYXf6FkaSzM0kNJSZNc7jWfuC7f/5g47Z1+Ts5vhsZ7u0+uMGgDQaDBDqAkoG+GbdBp7gVuuoLxuZQtbrC9YXQjI+totzCJfbGqog6w1Hv9TXfeyt1Kj5qfOXbRyP1vkpKoTLRURuzXWWV3nsXxgbkWqtXRgr3z3c3tq17oFYaPqIAcEe20G9MjpmRZFyyNt8WtYXnRcskpbOys5lcPWbuwrH/59xlCmMUCYXU1da+ZgF0Nj7mC8YateWGtRlJendq5fd9fxEf9n63oaratoVqvNdnpkZXVStMZmZ1On//O+Q4qq0IaVc4al+dzG3TX0kJGKMXm3bYf7hxzkjS+2M3zI66mHcJ/FerY4pWhtflM5CxhXb5g1U1JddxXZdha8Bma3ov7dKzWYMytJZlfFrb3HCB/vbNK+YbV94zc5PK2Gxhgpnc87l76q7syLhSV/pkgoHc2PNgQAoGZALFPxUM6Eu799uvvvjlNQn0tJvV8WShtVxfFbaxqmrvbH80k1QiPatw2fJ6pCczs/pwJiEjKWwcRSvDag0VKgrHEuNKu1mVOYEV7fdoMu4NqXsy0ijHGG0L1Xnvn/FVUiTpQGybVT7QXxm5bu6pLUz08nTzJ/c8vzA+oLHpRFF5e2JbFx3iNpvN6EdDhaFqjzWWroRls1kzPT1N8x3Y5GG+3uPQN/o2N3Sg3wnGUlMmkx+XfqCyWuWBoBpD1QvCM1y7vB7po76e849G6uUYo6ZwcQt1JBk3rZG6FVVMBhOFHu5d4VwP9JZwjVdhOJG6pVk3q/J8heGu+hZbZozS1urjzIy+ffWUF6D3zhvaNt9L537uzK8yn/2VP86W+lAmbVbf/vB1x7Wu3ro1YE5Ox3PbL6vSsx3dLp84AFgcLZwVGEoUeqLvq86FdkNVpKj1OegbHrb0wC2UuyucC+3ovLHcQ75e8Mt1w9eRry2Uqyg0VhUqIllrNeYbpx4qq9AX67d62z+X78V/T3mV2lc5fK7oioe1+qebPeafBy56Yb6nIqR/feg33Lp1uqwPAAQ6ijuPhXOXrMsDQR3w3e/t8/VWX6qbReXmOsNFyivV6ptMZsAXysv1sa9TXf6ev+rzE8bcrsLwaGz7guB+oanTOotc/rm/sloPh+q8x+d9l/aX4qOZpL57/i2TdrN84ABgCbjkvgJ9vi82aQsV5njvDkftyVRuYphrieX3SPf3cG8J1XjlPl7daP9jPDdc7OOpWyve7zNThXvksXwLvaaiSq3Bct3MTwfbP3XL7G0qDEfb09i2oJz9scU7F35z/3PuUieWqTSOvt510GasqzdGruuHt24aSfreyDXz0PUe88sdexieBgB3WqA/1bHHfbhtp/Emvvf3ap8z917W5iaf8bcWje+J73l5edmahUKPrzd4zHfvvDMclUau5cIzvvwe6f5e7P578p2Remm8X5J03jcj3XKk3ayOJQr7HfW1zD8fabBH8iF6fd63sDWHa+2hUJ2OJ3PLq4yjXfWtaxqwFcbRs517XUl6bsdeTb55JDA3S93RgcslAz0YDNpQKMT9dWCTW4se5Cso23wK2/Ry8I6dWKa2MqTaytCGbZFZWb3um4703NiAmbtMfTN//1eS3kgWdzBbSuAe94Xp2dF+05cfz96fKpT7k6kRk7VWgWV+iEd8PdwDMjo12OuVMONmvMLOTy0cQ7+/rtkeT+ZuBzwSjqrqNl8nuxYCjqMnYx3eLHU/vc3Ur8wUB+DTDtuNXlnZkJfc7Wp+0972zKzJX3ksldCE777uX+amTjWljmEkMWnalnjZeTQZN65v5//80jsly025rsZTUwt61S/Gf288K6uXPjpWsv/E61MjxrVW/nvk/pnbHLP+/1bKfNPJDmfTsp+lf6EAsE42XKAfuXDS+VbvB0ZZV9Z1Jdfmf7qyrlXJ5Vmbf9+V+8EFZRwjU14mlZXlfpaX6be699u/eOFLy7pEm/QF91yg+L88ZSkh2lYdXdK6w8vovT6cjJvGUPWy6j2DS+xMN+W6GltBheHTrmCn02nGoQObqdm9ycehO87i/91tuEC3VppxXcm6uS+Qt66s9QW699oX6L7X2UxG6YCRyRqZgCO5jozryHWXd7t1JBlXb3rai5a6/PAx/9Cyp8L1eqqpuBf43/S+b1L5mc4GljH3un9u+OerYzo0b0KVv+495Y19H0hOaLfalnU8H/su53+lYZvdXdPovY6nZ/V3fYWvLB1KTi67wgAAoIW+YbzW12N6xm6ajOvqvwcuFdWTOmtjkqQbvqFlTzfvsC/uOlBUU3hztM95ZXLIzA/RRQPX13v96Zad9vl8J7E5/zN4JXAi3zEtPyRuQeD++Po5c3r4elH1zkr6ta773PO+TnrPt99j728uVERmsxl9re9MYG6FweSk9mjLqs7lq9fOmmh51YKq5uPtd7sNVRE+bABAoK+ffxm4WPJaxxejW+yOupiVpEu+TmOtviFrc7oi9dLkkCTp/DJ6uvf4eq+3+oaszdkTjtoT+Y5pF27T0/0fb/aUvJf/zI579drUiLesOVRbtE55IKiHqmr0TmrSX2lZVQv97298VPLY/7ep3TTMG/s+X8Ax867a2HXtyQoAnwXcg1zEC7Ut9s/2Pem1ll/Pt76lwlhuvzbfsqNTo8raxS/1u9bqWNGQtYXldkYK9+LfjC/vy1/GUlMmlb/lYFQ8ZG3O3khh5rdLq/i2uLVQW1bp7UtAUio/Rh4AcAe10LvqYvZPOvbO+4a13MNam/+CbCu589/PPbdb98oaI+MYyXFyj4BRS0NsQYiFyirs4Y59C5YHZBQpr9DO2ia7q77FmxVtNpvRH20pfFd7c3hhS3pv4xZ7OL3Pez2dSStcViFJeji2ze7Iz5jW7LtHPZ2Z1Z+232sLgV4icGPt9rCvk95MNqNIeaU9vG3fIi1pq4BxNHecQeOUHHb2ZFuX3ZKvSMwfarevoc0ezh9DXXlVya1EK0NafF+kmvIqK0mdtY32cEfuPAXmfUVqV7RZ/r9LMj3jnUOvJuo4Kisr4z4/sIks50rdUtZd5TpmPba5mquRxlqb4WMCAPis5P5m3QaX3AEA+Awg0AEAINABAACBDgAACHQAAECgAwBAoAMAAAIdAAAQ6AAAgEAHAIBABwAABDoAACDQAQAAgQ4AAIEOAAAIdAAAQKADAAACHQAAAh0AABDoAACAQAcAAAQ6AAAEOgAAINABAACBDgAACHQAAAh0AABAoAMAAAIdAAAQ6AAAEOgAAIBABwAABDoAACDQAQAg0AEAAIEOAAAIdAAAQKADAECgAwAAAh0AABDoAACAQAcAgEAHAAAEOgAAINABAACBDgAACHQAAAh0AABAoAMAAAIdAAAQ6AAAEOgAAIBABwAABDoAACDQAQAg0AEAAIEOAAAIdAAAQKADAECgAwAAAh0AABDoAACAQAcAgEAHAAAEOgAAINABAACBDgAAgQ4AAAh0AABAoAMAAAIdAAACHQAAEOgAAIBABwAABDoAAAQ6AAAg0AEAAIEOAAAIdAAACHQAAECgAwAAAh0AABDoAAAQ6AAAgEAHAAAEOgAAINABAACBDgAAgQ4AAAh0AABAoAMAgJygpAlJFZIC+QdBDwDAnSXz/7DiD2r/13idAAAAAElFTkSuQmCC";

package/lib/hooks/assets/OutputshotPlaceholders.js

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+/**
+* Encode SVG online tool https://yoksel.github.io/url-encoder
+*
+* Examples:
+*
+* - https://css-tricks.com/lodge/svg/09-svg-data-uris
+* - https://www.w3schools.com/graphics/svg_examples.asp
+* - https://cloudfour.com/thinks/simple-svg-placeholder
+* - https://css-tricks.com/lodge/svg/06-using-svg-svg-background-image
+* - https://www.geeksforgeeks.org/how-to-set-the-svg-background-color
+*/
+export const SVG_DATA_TYPE = 'data:image/svg+xml;utf8';
+export const SVG_BASE64_DATA_TYPE = 'data:image/svg+xml;base64';
+export const PNG_BASE64_DATA_TYPE = 'data:image/png;base64';
+export const OUTPUTSHOT_PLACEHOLDER_DEFAULT_SVG = `${SVG_DATA_TYPE},%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='83.607246mm' height='6.7001028mm' viewBox='0 0 83.607246 6.7001028' version='1.1' id='svg8' sodipodi:docname='OutputshotPlaceholder.svg' inkscape:version='1.0.1 (c497b03c, 2020-09-10)'%3E%3Cmetadata id='metadata49'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs47' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1644' inkscape:window-height='805' id='namedview45' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='3.0907048' inkscape:cx='138.34607' inkscape:cy='21.879685' inkscape:window-x='0' inkscape:window-y='25' inkscape:window-maximized='0' inkscape:current-layer='layer1' inkscape:document-rotation='0' /%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(-38.982706,-51.093048)'%3E%3Cg id='g933' transform='matrix(0.89778526,0,0,0.89778526,7.8770916,5.5493574)'%3E%3Cg id='g1189' transform='matrix(0.31094786,0,0,0.31094786,20.990005,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1135' cx='75.806885' cy='37.132294' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1137' cx='75.806885' cy='37.132294' r='2.5' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect292' width='4.3509374' height='0.41272521' x='-10.72934' y='68.117378' transform='rotate(-45)' /%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1139' width='4.3509374' height='0.41272521' x='-73.765656' y='-5.6563725' transform='rotate(-135)' /%3E%3Cg id='g1159' transform='matrix(0.31094786,0,0,0.31094786,21.042434,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='path1131' cx='61.195435' cy='51.088104' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1133' cx='61.195435' cy='51.088104' r='2.5' /%3E%3C/g%3E%3Cg id='g1155' transform='matrix(0.31094786,0,0,0.31094786,21.098652,40.607509)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1141' cx='-51.768562' cy='89.90033' r='3.5' transform='rotate(-90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1143' cx='-51.768562' cy='89.90033' r='2.5' transform='rotate(-90)' /%3E%3C/g%3E%3Cg id='g1193' transform='matrix(0.31094786,0,0,0.31094786,21.214813,40.726318)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1181' cx='36.839127' cy='-103.9696' r='3.5' transform='rotate(90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1183' cx='36.839127' cy='-103.9696' r='2.5' transform='rotate(90)' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1185' width='4.3509374' height='0.41272521' x='-4.4240656' y='74.552719' transform='rotate(-45)' /%3E%3Cg id='g1254' transform='matrix(0.31094786,0,0,0.31094786,88.947704,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1250' cx='75.806885' cy='37.132294' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1252' cx='75.806885' cy='37.132294' r='2.5' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1256' width='4.3509374' height='0.41272521' x='37.324009' y='116.17073' transform='rotate(-45)' /%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1258' width='4.3509374' height='0.41272521' x='-121.81901' y='42.39698' transform='rotate(-135)' /%3E%3Cg id='g1264' transform='matrix(0.31094786,0,0,0.31094786,89.000132,40.819096)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1260' cx='61.195435' cy='51.088104' r='3.5' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1262' cx='61.195435' cy='51.088104' r='2.5' /%3E%3C/g%3E%3Cg id='g1270' transform='matrix(0.31094786,0,0,0.31094786,89.056351,40.607509)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1266' cx='-51.768562' cy='89.90033' r='3.5' transform='rotate(-90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1268' cx='-51.768562' cy='89.90033' r='2.5' transform='rotate(-90)' /%3E%3C/g%3E%3Cg id='g1276' transform='matrix(0.31094786,0,0,0.31094786,89.172511,40.726318)'%3E%3Ccircle style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.215068' id='circle1272' cx='36.839127' cy='-103.9696' r='3.5' transform='rotate(90)' /%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.15362' id='circle1274' cx='36.839127' cy='-103.9696' r='2.5' transform='rotate(90)' /%3E%3C/g%3E%3Crect style='fill:%2300aec5;fill-opacity:1;stroke:none;stroke-width:0.0348566' id='rect1278' width='4.3509374' height='0.41272521' x='43.629284' y='122.60606' transform='rotate(-45)' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A`;
+export const OUTPUTSHOT_PLACEHOLDER_SUN_SVG = `${SVG_DATA_TYPE},%3Csvg xmlns='http://www.w3.org/2000/svg' style='background-color:yellow' height='20' width='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' /%3E%3C/svg%3E`;
+export const OUTPUTSHOT_PLACEHOLDER_FOOTBAL_SVG = `${SVG_DATA_TYPE},<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve" height="100px" width="100px"><g><path d="M28.1,36.6c4.6,1.9,12.2,1.6,20.9,1.1c8.9-0.4,19-0.9,28.9,0.9c6.3,1.2,11.9,3.1,16.8,6c-1.5-12.2-7.9-23.7-18.6-31.3 c-4.9-0.2-9.9,0.3-14.8,1.4C47.8,17.9,36.2,25.6,28.1,36.6z"/><path d="M70.3,9.8C57.5,3.4,42.8,3.6,30.5,9.5c-3,6-8.4,19.6-5.3,24.9c8.6-11.7,20.9-19.8,35.2-23.1C63.7,10.5,67,10,70.3,9.8z"/><path d="M16.5,51.3c0.6-1.7,1.2-3.4,2-5.1c-3.8-3.4-7.5-7-11-10.8c-2.1,6.1-2.8,12.5-2.3,18.7C9.6,51.1,13.4,50.2,16.5,51.3z"/><path d="M9,31.6c3.5,3.9,7.2,7.6,11.1,11.1c0.8-1.6,1.7-3.1,2.6-4.6c0.1-0.2,0.3-0.4,0.4-0.6c-2.9-3.3-3.1-9.2-0.6-17.6   c0.8-2.7,1.8-5.3,2.7-7.4c-5.2,3.4-9.8,8-13.3,13.7C10.8,27.9,9.8,29.7,9,31.6z"/><path d="M15.4,54.7c-2.6-1-6.1,0.7-9.7,3.4c1.2,6.6,3.9,13,8,18.5C13,69.3,13.5,61.8,15.4,54.7z"/><path d="M39.8,57.6C54.3,66.7,70,73,86.5,76.4c0.6-0.8,1.1-1.6,1.7-2.5c4.8-7.7,7-16.3,6.8-24.8c-13.8-9.3-31.3-8.4-45.8-7.7   c-9.5,0.5-17.8,0.9-23.2-1.7c-0.1,0.1-0.2,0.3-0.3,0.4c-1,1.7-2,3.4-2.9,5.1C28.2,49.7,33.8,53.9,39.8,57.6z"/><path d="M26.2,88.2c3.3,2,6.7,3.6,10.2,4.7c-3.5-6.2-6.3-12.6-8.8-18.5c-3.1-7.2-5.8-13.5-9-17.2c-1.9,8-2,16.4-0.3,24.7   C20.6,84.2,23.2,86.3,26.2,88.2z"/><path d="M30.9,73c2.9,6.8,6.1,14.4,10.5,21.2c15.6,3,32-2.3,42.6-14.6C67.7,76,52.2,69.6,37.9,60.7C32,57,26.5,53,21.3,48.6   c-0.6,1.5-1.2,3-1.7,4.6C24.1,57.1,27.3,64.5,30.9,73z"/></g></svg>`;
+export const OUTPUTSHOT_PLACEHOLDER_FOOTBAL_BASE64_SVG = `${SVG_BASE64_DATA_TYPE},PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMTAwcHgiIHdpZHRoPSIxMDBweCI+CjxnPgoJPHBhdGggZD0iTTI4LjEsMzYuNmM0LjYsMS45LDEyLjIsMS42LDIwLjksMS4xYzguOS0wLjQsMTktMC45LDI4LjksMC45YzYuMywxLjIsMTEuOSwzLjEsMTYuOCw2Yy0xLjUtMTIuMi03LjktMjMuNy0xOC42LTMxLjMgICBjLTQuOS0wLjItOS45LDAuMy0xNC44LDEuNEM0Ny44LDE3LjksMzYuMiwyNS42LDI4LjEsMzYuNnoiLz4KCTxwYXRoIGQ9Ik03MC4zLDkuOEM1Ny41LDMuNCw0Mi44LDMuNiwzMC41LDkuNWMtMyw2LTguNCwxOS42LTUuMywyNC45YzguNi0xMS43LDIwLjktMTkuOCwzNS4yLTIzLjFDNjMuNywxMC41LDY3LDEwLDcwLjMsOS44eiIvPgoJPHBhdGggZD0iTTE2LjUsNTEuM2MwLjYtMS43LDEuMi0zLjQsMi01LjFjLTMuOC0zLjQtNy41LTctMTEtMTAuOGMtMi4xLDYuMS0yLjgsMTIuNS0yLjMsMTguN0M5LjYsNTEuMSwxMy40LDUwLjIsMTYuNSw1MS4zeiIvPgoJPHBhdGggZD0iTTksMzEuNmMzLjUsMy45LDcuMiw3LjYsMTEuMSwxMS4xYzAuOC0xLjYsMS43LTMuMSwyLjYtNC42YzAuMS0wLjIsMC4zLTAuNCwwLjQtMC42Yy0yLjktMy4zLTMuMS05LjItMC42LTE3LjYgICBjMC44LTIuNywxLjgtNS4zLDIuNy03LjRjLTUuMiwzLjQtOS44LDgtMTMuMywxMy43QzEwLjgsMjcuOSw5LjgsMjkuNyw5LDMxLjZ6Ii8+Cgk8cGF0aCBkPSJNMTUuNCw1NC43Yy0yLjYtMS02LjEsMC43LTkuNywzLjRjMS4yLDYuNiwzLjksMTMsOCwxOC41QzEzLDY5LjMsMTMuNSw2MS44LDE1LjQsNTQuN3oiLz4KCTxwYXRoIGQ9Ik0zOS44LDU3LjZDNTQuMyw2Ni43LDcwLDczLDg2LjUsNzYuNGMwLjYtMC44LDEuMS0xLjYsMS43LTIuNWM0LjgtNy43LDctMTYuMyw2LjgtMjQuOGMtMTMuOC05LjMtMzEuMy04LjQtNDUuOC03LjcgICBjLTkuNSwwLjUtMTcuOCwwLjktMjMuMi0xLjdjLTAuMSwwLjEtMC4yLDAuMy0wLjMsMC40Yy0xLDEuNy0yLDMuNC0yLjksNS4xQzI4LjIsNDkuNywzMy44LDUzLjksMzkuOCw1Ny42eiIvPgoJPHBhdGggZD0iTTI2LjIsODguMmMzLjMsMiw2LjcsMy42LDEwLjIsNC43Yy0zLjUtNi4yLTYuMy0xMi42LTguOC0xOC41Yy0zLjEtNy4yLTUuOC0xMy41LTktMTcuMmMtMS45LDgtMiwxNi40LTAuMywyNC43ICAgQzIwLjYsODQuMiwyMy4yLDg2LjMsMjYuMiw4OC4yeiIvPgoJPHBhdGggZD0iTTMwLjksNzNjMi45LDYuOCw2LjEsMTQuNCwxMC41LDIxLjJjMTUuNiwzLDMyLTIuMyw0Mi42LTE0LjZDNjcuNyw3Niw1Mi4yLDY5LjYsMzcuOSw2MC43QzMyLDU3LDI2LjUsNTMsMjEuMyw0OC42ICAgYy0wLjYsMS41LTEuMiwzLTEuNyw0LjZDMjQuMSw1Ny4xLDI3LjMsNjQuNSwzMC45LDczeiIvPgo8L2c+Cjwvc3ZnPg==`;
+export const OUTPUTSHOT_PLACEHOLDER_DATALAYER_BASE64_PNG = `${PNG_BASE64_DATA_TYPE},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Iz4nHjPpgsSPXFc9fuNcdFngmaKZSc8Ti8RSsYvVLmYlUyeeIo5pukH5QtZjjfMWZ71SZ+178hdG8sbKMtdpDiOJRSxBhgQVdZRRgU19lWGQYiFN+wkf/5Drl8mlkqsMRo4FVKFDcf3gf/C7W6swOeElRRJAz4vjfIwA4V2g1XCc72PHaZ0AwWfgyuj4q01g5pP0RkeLHQH928DFdUdT94DLHWDwqaaYiisFaQqFAvB+Rt+UAwZugb41r7f2Pk4fgAx1lboBDg6B0SJlr/u8u7e7t3/PtPv7ATxTcpFlbMCwAAAPoGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6aXB0Y0V4dD0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcEV4dC8yMDA4LTAyLTI5LyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgIHhtbG5zOnBsdXM9Imh0dHA6Ly9ucy51c2VwbHVzLm9yZy9sZGYveG1wLzEuMC8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOjdmODRjODI4LTMwZGEtNDJkYi05ZmE0LTQwNmM3YjE0ZmJhOCIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyZjExZmVkYy0yZWZhLTQ4ZmQtYjhlZC0zZDVkMzIzMTFkZDIiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MmQwZGU0Zi0zNGEwLTQ3ZGYtODQ4Yy1kNTFjOTg2ZGY5YzUiCiAgIEdJTVA6QVBJPSIyLjAiCiAgIEdJTVA6UGxhdGZvcm09Ik1hYyBPUyIKICAgR0lNUDpUaW1lU3RhbXA9IjE2MTg5MjYzNTY2ODMzMjkiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4yMiIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIj4KICAgPGlwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICA8aXB0Y0V4dDpMb2NhdGlvblNob3duPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25TaG93bj4KICAgPGlwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICA8aXB0Y0V4dDpSZWdpc3RyeUlkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6UmVnaXN0cnlJZD4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YmMxZGNiYzEtOWE3ZS00MzY3LTljZDQtZjcxN2UwMTIzNTNiIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKE1hYyBPUykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMDQtMjBUMTU6NDU6NTYrMDI6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogICA8cGx1czpJbWFnZVN1cHBsaWVyPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VTdXBwbGllcj4KICAgPHBsdXM6SW1hZ2VDcmVhdG9yPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VDcmVhdG9yPgogICA8cGx1czpDb3B5cmlnaHRPd25lcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkNvcHlyaWdodE93bmVyPgogICA8cGx1czpMaWNlbnNvcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkxpY2Vuc29yPgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+40728AAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+UEFA0tOKBWN7sAABBmSURBVHja7d17bFvXYcfx37mkXiT1oCTqZcuyZTmJrdRO7MRpEifZ8liydBuSbVixFt0GbEP+HIZhKwYM8x8bOnRDC2zdigLL0KLYH93+qIdlWNDVaRvXcR514iS2Y8tPOZZlvWWJIimJ5D37g9TlpURH70COvh+AEHl5de5DtH/n3HvOobHWjkqqkBTIP0z+AQDAncZs0m1kjbU2w98fAECg39nbcPjbAwBw5yPQAQAg0AEAAIEOAAAIdAAAQKADAECgAwCAjSO4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`;

package/lib/hooks/assets/index.d.ts

@@ -0,0 +1 @@
+export * from './OutputshotPlaceholders';

package/lib/hooks/assets/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from './OutputshotPlaceholders';

package/lib/hooks/index.d.ts

@@ -0,0 +1,28 @@
+export * from "./useAIAgents";
+export * from "./useAuthorization";
+export * from "./useBackdrop";
+export * from "./useBackdropJupyterLab";
+export * from "./useCache";
+export * from "./useContainsFocus";
+export * from "./useError";
+export * from "./useExternalScript";
+export * from "./useFocusTrap";
+export * from "./useIAM";
+export * from "./useId";
+export * from "./useIsomorphicLayoutEffect";
+export * from "./useJupyterLabTheme";
+export * from "./useKeyboardEscape";
+export * from "./useLocationHandles";
+export * from "./useNavigate";
+export * from "./useNavigate";
+export * from "./useNotebookAIAgent";
+export * from "./useOnClickOutside";
+export * from "./useRef";
+export * from "./useRun";
+export * from "./useRuntimes";
+export * from "./useScreenshot";
+export * from "./useToast";
+export * from "./useUpload";
+export * from "./useUser";
+export * from "./useVisibilityObserver";
+export * from "./useWindowSize";

package/lib/hooks/index.js

@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from "./useAIAgents";
+export * from "./useAuthorization";
+export * from "./useBackdrop";
+export * from "./useBackdropJupyterLab";
+export * from "./useCache";
+export * from "./useContainsFocus";
+// export * from "./useCellOutputshot"; // Do not export html2canvas
+export * from "./useError";
+export * from "./useExternalScript";
+export * from "./useFocusTrap";
+export * from "./useIAM";
+export * from "./useId";
+export * from "./useIsomorphicLayoutEffect";
+export * from "./useJupyterLabTheme";
+export * from "./useKeyboardEscape";
+export * from "./useLocationHandles";
+export * from "./useNavigate";
+export * from "./useNavigate";
+export * from "./useNotebookAIAgent";
+export * from "./useOnClickOutside";
+export * from "./useRef";
+export * from "./useRun";
+export * from "./useRuntimes";
+export * from "./useScreenshot";
+export * from "./useToast";
+export * from "./useUpload";
+export * from "./useUser";
+export * from "./useVisibilityObserver";
+export * from "./useWindowSize";

package/lib/hooks/layouts/LayoutBackdrop.d.ts

@@ -0,0 +1,2 @@
+export declare const LayoutBackdrop: () => import("react/jsx-runtime").JSX.Element;
+export default LayoutBackdrop;

package/lib/hooks/layouts/LayoutBackdrop.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { useEffect } from "react";
+import { Heading, Box, Spinner } from "@primer/react";
+import { useBackdrop } from '..';
+import { useLayoutStore } from '../../state';
+const BackdropContent = (props) => {
+    const { backdropDisplay } = props;
+    return (_jsx(Box, { style: { zIndex: 10999 }, children: backdropDisplay.message ?
+            _jsxs(Box, { display: "flex", style: { alignItems: "center" }, children: [_jsx(Box, { mr: 3, children: _jsx(Spinner, { size: "large" }) }), _jsx(Box, { children: _jsx(Heading, { sx: { fontSize: 5, color: 'white' }, children: backdropDisplay.message }) })] })
+            :
+                _jsx(Spinner, { size: "large" }) }));
+};
+export const LayoutBackdrop = () => {
+    const { backdrop } = useLayoutStore();
+    const { displayBackdrop, closeBackdrop } = useBackdrop();
+    useEffect(() => {
+        if (backdrop && backdrop.open) {
+            displayBackdrop(() => _jsx(BackdropContent, { backdropDisplay: backdrop }));
+        }
+        else {
+            closeBackdrop();
+        }
+    }, [backdrop]);
+    return _jsx(_Fragment, {});
+};
+export default LayoutBackdrop;

package/lib/hooks/layouts/LayoutScreenshot.d.ts

@@ -0,0 +1,2 @@
+export declare const LayoutScreenshot: () => import("react/jsx-runtime").JSX.Element;
+export default LayoutScreenshot;

package/lib/hooks/layouts/LayoutScreenshot.js

@@ -0,0 +1,48 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { useEffect } from "react";
+import { Box } from "@primer/react";
+import { useScreenshot, useToast } from '..';
+import { lazyWithPreload, WithSuspense } from "../../utils";
+import { useLayoutStore } from '../../state';
+const ScreenCapture = WithSuspense(lazyWithPreload(() => import("../../components/screenshot/ScreenCapture")));
+const Capture = (props) => {
+    const { onStartCapture } = props;
+    useEffect(() => {
+        onStartCapture();
+    }, []);
+    return _jsx(_Fragment, {});
+};
+const ScreenshotContent = (props) => {
+    //  const { screenshotDisplay } = props;
+    const { enqueueToast } = useToast();
+    const { setScreenCapture, hideScreenshot } = useLayoutStore();
+    const handleScreenCapture = (screenCapture) => {
+        setScreenCapture(screenCapture);
+        hideScreenshot();
+        enqueueToast('Screen is captured.', { variant: 'success' });
+    };
+    return (_jsx(Box, { children: _jsx(ScreenCapture, { onEndCapture: handleScreenCapture, children: ({ onStartCapture }) => (_jsx(Capture, { onStartCapture: onStartCapture })) }) }));
+};
+export const LayoutScreenshot = () => {
+    const { screenshot } = useLayoutStore();
+    const { displayScreenshot, closeScreenshot } = useScreenshot();
+    useEffect(() => {
+        if (screenshot && screenshot.open) {
+            displayScreenshot(() => _jsx(ScreenshotContent, { screenshotDisplay: screenshot }));
+        }
+        else {
+            closeScreenshot();
+        }
+    }, [screenshot]);
+    return _jsx(_Fragment, {});
+};
+export default LayoutScreenshot;

package/lib/hooks/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LayoutBackdrop';
+export * from './LayoutScreenshot';

package/lib/hooks/layouts/index.js

@@ -0,0 +1,11 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+export * from './LayoutBackdrop';
+export * from './LayoutScreenshot';

package/lib/hooks/useAIAgents.d.ts

@@ -0,0 +1,13 @@
+export type RequestOptions = {
+    signal?: AbortSignal;
+    baseUrl?: string;
+};
+export type RoomType = 'notebook_persist' | 'notebook_memory' | 'doc_memory';
+export declare const useAIAgents: (baseUrlOverride?: string) => {
+    createAIAgent: (documentId: string, documentType: RoomType, ingress?: string, token?: string, kernelId?: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;
+    getAIAgents: ({ signal, baseUrl }?: RequestOptions) => Promise<any>;
+    deleteAIAgent: (documentId: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;
+    getAIAgent: (documentId: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;
+    patchAIAgent: (documentId: string, ingress?: string, token?: string, kernelId?: string, { signal, baseUrl }?: RequestOptions) => Promise<any>;
+};
+export default useAIAgents;

package/lib/hooks/useAIAgents.js

@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { URLExt } from '@jupyterlab/coreutils';
+import { useCoreStore } from '../state';
+import { useRun } from './useRun';
+export const useAIAgents = (baseUrlOverride = 'api/ai-agents/v1') => {
+    const { configuration } = useCoreStore();
+    const { requestRun } = useRun({ notifyOnError: false });
+    const createAIAgent = (documentId, documentType, ingress, token, kernelId, { signal, baseUrl = baseUrlOverride } = {}) => {
+        return requestRun({
+            url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents'),
+            method: 'POST',
+            body: {
+                document_id: documentId,
+                document_type: documentType,
+                runtime: {
+                    ingress,
+                    token,
+                    kernel_id: kernelId,
+                }
+            },
+            signal
+        });
+    };
+    const getAIAgents = ({ signal, baseUrl = baseUrlOverride } = {}) => {
+        return requestRun({
+            url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents'),
+            method: 'GET',
+            signal,
+        });
+    };
+    const deleteAIAgent = (documentId, { signal, baseUrl = baseUrlOverride } = {}) => {
+        return requestRun({
+            url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents', documentId),
+            method: 'DELETE',
+            signal,
+        });
+    };
+    const getAIAgent = (documentId, { signal, baseUrl = baseUrlOverride } = {}) => {
+        return requestRun({
+            url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents', documentId),
+            method: 'GET',
+            signal,
+        });
+    };
+    const patchAIAgent = (documentId, ingress, token, kernelId, { signal, baseUrl = baseUrlOverride } = {}) => {
+        return requestRun({
+            url: URLExt.join(configuration.aiagentsRunUrl, baseUrl, 'agents', documentId),
+            method: 'PATCH',
+            body: {
+                runtime: ingress && token && kernelId
+                    ? {
+                        ingress,
+                        token,
+                        kernel_id: kernelId
+                    }
+                    : null
+            },
+            signal,
+        });
+    };
+    return {
+        createAIAgent,
+        getAIAgents,
+        deleteAIAgent,
+        getAIAgent,
+        patchAIAgent
+    };
+};
+export default useAIAgents;

package/lib/hooks/useAuthorization.d.ts

@@ -0,0 +1,19 @@
+import { IAnyOrganization, IOrganizationMember, IUser, ITeam, TeamMember, IAnyTeam } from '../models';
+export declare const useAuthorization: () => {
+    checkIsCourseStudent: (user: IUser, course: string) => boolean;
+    checkIsOrganizationMember: (user: IUser, organization: IAnyOrganization) => boolean;
+    checkUserIsOrganizationOwner: (user: IUser, organization: IAnyOrganization) => boolean;
+    checkIsPlatformAdmin: (user: IUser) => boolean;
+    checkIsPlatformFeaturesPreviewer: (user: IUser) => boolean;
+    checkIsPlatformGrowthManager: (user: IUser) => boolean;
+    checkIsPlatformMember: (user: IUser) => boolean;
+    checkIsPlatformSuccessManager: (user: IUser) => boolean;
+    checkIsPlatformUsageReviewer: (user: IUser) => boolean;
+    checkIsTeamMember: (user: IUser, team: ITeam) => boolean;
+    checkIsTeamOwer: (member: TeamMember) => boolean;
+    checkOrganizationsMembership: (organizationHandle: string, organizations?: IAnyOrganization[]) => void;
+    checkUserAccountPermissions: (user: IUser, accountHandle: string) => void;
+    checkIsOrganizationOwner: (member: IOrganizationMember) => boolean;
+    checkUserIsTeamOwer: (user: IUser, team: IAnyTeam) => boolean;
+};
+export default useAuthorization;

package/lib/hooks/useAuthorization.js

@@ -0,0 +1,130 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/*
+ * Copyright (c) 2021-2024 Datalayer, Inc.
+ *
+ * Datalayer License
+ */
+import { useLocation } from "react-router-dom";
+import { PlatformRoles, OrganizationRoles, TeamRoles } from '../models';
+import useNavigate from "./useNavigate";
+export const useAuthorization = () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const goToApplicationStateError = (message) => {
+        console.warn(message);
+        console.log("Application error while navigating to ", location);
+        console.trace();
+        navigate('/error/application/state');
+    };
+    // Account -------------------------------------------------------------------
+    const checkUserAccountPermissions = (user, accountHandle) => {
+        if (user.handle !== accountHandle) {
+            goToApplicationStateError(`Permissions check failed for account handle: ${accountHandle} and user: ${user}`);
+        }
+    };
+    // Platform -------------------------------------------------------------------
+    const checkIsPlatformAdmin = (user) => {
+        return user.roles.includes(PlatformRoles.Admin.handle);
+    };
+    const checkIsPlatformGrowthManager = (user) => {
+        return user.roles.includes(PlatformRoles.GrowthManager.handle);
+    };
+    const checkIsPlatformSuccessManager = (user) => {
+        return user.roles.includes(PlatformRoles.SuccessManager.handle);
+    };
+    const checkIsPlatformMember = (user) => {
+        return user.roles.includes(PlatformRoles.Member.handle);
+    };
+    const checkIsPlatformFeaturesPreviewer = (user) => {
+        return user.roles.includes(PlatformRoles.FeaturesPreviewer.handle);
+    };
+    const checkIsPlatformUsageReviewer = (user) => {
+        return user.roles.includes(PlatformRoles.UsageReviewer.handle);
+    };
+    // Organization -------------------------------------------------------------------
+    const checkUserIsOrganizationOwner = (user, organization) => {
+        for (let i = 0; i < organization.members.length; i++) {
+            if (organization.members[i].id === user.id) {
+                if (checkIsOrganizationOwner(organization.members[i])) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    const checkIsOrganizationOwner = (member) => {
+        return member.roles.includes(OrganizationRoles.Owner.handle);
+    };
+    const checkIsOrganizationMember = (user, organization) => {
+        for (let i = 0; i < organization.members.length; i++) {
+            if (organization.members[i].id === user.id) {
+                return true;
+            }
+        }
+        return false;
+    };
+    const checkOrganizationsMembership = (organizationHandle, organizations) => {
+        if (organizations) {
+            let isAllowed = false;
+            for (let i = 0; i < organizations.length; i++) {
+                if (organizationHandle === organizations[i].handle) {
+                    isAllowed = true;
+                    break;
+                }
+            }
+            if (!isAllowed) {
+                goToApplicationStateError(`Check organizations membership fails for organization handle: ${organizationHandle} and organizations: ${organizations}`);
+            }
+        }
+    };
+    // Team -------------------------------------------------------------------
+    const checkUserIsTeamOwer = (user, team) => {
+        for (let i = 0; i < team.members.length; i++) {
+            if (team.members[i].id === user.id) {
+                if (checkIsTeamOwer(team.members[i])) {
+                    return true;
+                    0;
+                }
+            }
+        }
+        return false;
+    };
+    const checkIsTeamOwer = (member) => {
+        return member.roles.includes(TeamRoles.Owner.handle);
+    };
+    const checkIsTeamMember = (user, team) => {
+        for (let i = 0; i < team.members.length; i++) {
+            if (team.members[i].id === user.id) {
+                return true;
+            }
+        }
+        return false;
+    };
+    // Course -------------------------------------------------------------------
+    const checkIsCourseStudent = (user, course) => {
+        // TODO Implement this.
+        return false;
+    };
+    // --------------------------------------------------------------------------
+    return {
+        checkIsCourseStudent,
+        checkIsOrganizationMember,
+        checkUserIsOrganizationOwner,
+        checkIsPlatformAdmin,
+        checkIsPlatformFeaturesPreviewer,
+        checkIsPlatformGrowthManager,
+        checkIsPlatformMember,
+        checkIsPlatformSuccessManager,
+        checkIsPlatformUsageReviewer,
+        checkIsTeamMember,
+        checkIsTeamOwer,
+        checkOrganizationsMembership,
+        checkUserAccountPermissions,
+        checkIsOrganizationOwner,
+        checkUserIsTeamOwer,
+    };
+};
+export default useAuthorization;

package/lib/hooks/useBackdrop.d.ts

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+type BackdropContextType = {
+    closeBackdrop: () => void;
+    displayBackdrop: (nextBackdrop: any) => void;
+};
+export declare const BackdropContext: import("react").Context<BackdropContextType>;
+export declare function useBackdrop(): BackdropContextType;
+/**
+ * The type for the Backdrop context provider.
+ */
+export declare const BackdropContextProvider: import("react").Provider<BackdropContextType>;
+type IBackdropProviderProps = {
+    children?: JSX.Element | JSX.Element[];
+    zIndex?: number;
+    disableDarken?: boolean;
+    backdropSurface?: any;
+};
+export declare function BackdropProvider(props: IBackdropProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BackdropProvider {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        zIndex: PropTypes.Requireable<number>;
+        disableDarken: PropTypes.Requireable<boolean>;
+        backdropSurface: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    var defaultProps: IBackdropProviderProps;
+}
+export {};