@netless/app-slide 0.2.39 → 0.2.41

package/package.json

@@ -1,22 +1,16 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.39",
+  "version": "0.2.41",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
-  "scripts": {
-    "types": "node scripts/build-types.mjs",
-    "build": "vite build && npm run types",
-    "build:dev": "vite build --mode development && npm run types",
-    "cleanup": "rimraf ./dist"
-  },
   "files": [
     "src",
     "dist",
     "README-zh.md"
   ],
   "devDependencies": {
-    "@netless/slide": "^1.1.0",
+    "@netless/slide": "^1.1.2",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.1",
     "jspdf": "2.5.1",
@@ -30,5 +24,11 @@
     "jspdf": {
       "optional": true
     }
+  },
+  "scripts": {
+    "types": "node scripts/build-types.mjs",
+    "build": "vite build && npm run types",
+    "build:dev": "vite build --mode development && npm run types",
+    "cleanup": "rimraf ./dist"
   }
-}
+}

package/src/DocsViewer/icons/arrow-left.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
-    <path
-        d="M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <path
+        d="M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z" />
+</svg>

package/src/DocsViewer/icons/arrow-left.ts

@@ -1,18 +1,18 @@
-export function arrowLeftSVG(namespace: string): SVGElement {
-  const NS = "http://www.w3.org/2000/svg";
-
-  const $svg = document.createElementNS(NS, "svg");
-  $svg.setAttribute("class", `${namespace}-footer-icon-arrow-left`);
-  $svg.setAttribute("viewBox", "0 0 500 500");
-
-  const $path = document.createElementNS(NS, "path");
-  $path.setAttribute("fill", "currentColor");
-  $path.setAttribute(
-    "d",
-    "M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z"
-  );
-
-  $svg.appendChild($path);
-
-  return $svg;
-}
+export function arrowLeftSVG(namespace: string): SVGElement {
+  const NS = "http://www.w3.org/2000/svg";
+
+  const $svg = document.createElementNS(NS, "svg");
+  $svg.setAttribute("class", `${namespace}-footer-icon-arrow-left`);
+  $svg.setAttribute("viewBox", "0 0 500 500");
+
+  const $path = document.createElementNS(NS, "path");
+  $path.setAttribute("fill", "currentColor");
+  $path.setAttribute(
+    "d",
+    "M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z"
+  );
+
+  $svg.appendChild($path);
+
+  return $svg;
+}

package/src/DocsViewer/icons/arrow-right.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
-    <path
-        d="M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <path
+        d="M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z" />
+</svg>

package/src/DocsViewer/icons/arrow-right.ts

@@ -1,18 +1,18 @@
-export function arrowRightSVG(namespace: string): SVGElement {
-  const NS = "http://www.w3.org/2000/svg";
-
-  const $svg = document.createElementNS(NS, "svg");
-  $svg.setAttribute("class", `${namespace}-footer-icon-arrow-right`);
-  $svg.setAttribute("viewBox", "0 0 500 500");
-
-  const $path = document.createElementNS(NS, "path");
-  $path.setAttribute("fill", "currentColor");
-  $path.setAttribute(
-    "d",
-    "M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z"
-  );
-
-  $svg.appendChild($path);
-
-  return $svg;
-}
+export function arrowRightSVG(namespace: string): SVGElement {
+  const NS = "http://www.w3.org/2000/svg";
+
+  const $svg = document.createElementNS(NS, "svg");
+  $svg.setAttribute("class", `${namespace}-footer-icon-arrow-right`);
+  $svg.setAttribute("viewBox", "0 0 500 500");
+
+  const $path = document.createElementNS(NS, "path");
+  $path.setAttribute("fill", "currentColor");
+  $path.setAttribute(
+    "d",
+    "M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z"
+  );
+
+  $svg.appendChild($path);
+
+  return $svg;
+}

package/src/DocsViewer/icons/pause.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
-    <path fill="#1e201d"
-        d="M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <path fill="#1e201d"
+        d="M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z" />
+</svg>

package/src/DocsViewer/icons/pause.ts

@@ -1,18 +1,18 @@
-export function pauseSVG(namespace: string): SVGElement {
-  const NS = "http://www.w3.org/2000/svg";
-
-  const $svg = document.createElementNS(NS, "svg");
-  $svg.setAttribute("class", `${namespace}-footer-icon-pause`);
-  $svg.setAttribute("viewBox", "0 0 500 500");
-
-  const $path = document.createElementNS(NS, "path");
-  $path.setAttribute("fill", "currentColor");
-  $path.setAttribute(
-    "d",
-    "M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z"
-  );
-
-  $svg.appendChild($path);
-
-  return $svg;
-}
+export function pauseSVG(namespace: string): SVGElement {
+  const NS = "http://www.w3.org/2000/svg";
+
+  const $svg = document.createElementNS(NS, "svg");
+  $svg.setAttribute("class", `${namespace}-footer-icon-pause`);
+  $svg.setAttribute("viewBox", "0 0 500 500");
+
+  const $path = document.createElementNS(NS, "path");
+  $path.setAttribute("fill", "currentColor");
+  $path.setAttribute(
+    "d",
+    "M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z"
+  );
+
+  $svg.appendChild($path);
+
+  return $svg;
+}

package/src/DocsViewer/icons/play.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
-    <path fill="#1e201d"
-        d="M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <path fill="#1e201d"
+        d="M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z" />
+</svg>

package/src/DocsViewer/icons/play.ts

@@ -1,18 +1,18 @@
-export function playSVG(namespace: string): SVGElement {
-  const NS = "http://www.w3.org/2000/svg";
-
-  const $svg = document.createElementNS(NS, "svg");
-  $svg.setAttribute("class", `${namespace}-footer-icon-play`);
-  $svg.setAttribute("viewBox", "0 0 500 500");
-
-  const $path = document.createElementNS(NS, "path");
-  $path.setAttribute("fill", "currentColor");
-  $path.setAttribute(
-    "d",
-    "M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z"
-  );
-
-  $svg.appendChild($path);
-
-  return $svg;
-}
+export function playSVG(namespace: string): SVGElement {
+  const NS = "http://www.w3.org/2000/svg";
+
+  const $svg = document.createElementNS(NS, "svg");
+  $svg.setAttribute("class", `${namespace}-footer-icon-play`);
+  $svg.setAttribute("viewBox", "0 0 500 500");
+
+  const $path = document.createElementNS(NS, "path");
+  $path.setAttribute("fill", "currentColor");
+  $path.setAttribute(
+    "d",
+    "M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z"
+  );
+
+  $svg.appendChild($path);
+
+  return $svg;
+}

package/src/DocsViewer/icons/sidebar.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-    <path
-        d="M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+    <path
+        d="M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z" />
+</svg>

package/src/DocsViewer/icons/sidebar.ts

@@ -1,18 +1,18 @@
-export function sidebarSVG(namespace: string): SVGElement {
-  const NS = "http://www.w3.org/2000/svg";
-
-  const $svg = document.createElementNS(NS, "svg");
-  $svg.setAttribute("class", `${namespace}-footer-icon-sidebar`);
-  $svg.setAttribute("viewBox", "0 0 64 64");
-
-  const $path = document.createElementNS(NS, "path");
-  $path.setAttribute("fill", "currentColor");
-  $path.setAttribute(
-    "d",
-    "M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z"
-  );
-
-  $svg.appendChild($path);
-
-  return $svg;
-}
+export function sidebarSVG(namespace: string): SVGElement {
+  const NS = "http://www.w3.org/2000/svg";
+
+  const $svg = document.createElementNS(NS, "svg");
+  $svg.setAttribute("class", `${namespace}-footer-icon-sidebar`);
+  $svg.setAttribute("viewBox", "0 0 64 64");
+
+  const $path = document.createElementNS(NS, "path");
+  $path.setAttribute("fill", "currentColor");
+  $path.setAttribute(
+    "d",
+    "M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z"
+  );
+
+  $svg.appendChild($path);
+
+  return $svg;
+}