@cloudron/pankow 3.1.8

package/gallery/folder.svg

@@ -0,0 +1,151 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="174.076 909 512 512"
+   version="1.1"
+   fill="none"
+   id="svg8"
+   sodipodi:docname="folder.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xml:space="preserve"
+   inkscape:export-filename="logo.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:penpot="https://penpot.app/xmlns"><defs
+     id="defs9"><linearGradient
+       id="linearGradient5606"
+       inkscape:swatch="solid"><stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop5608" /></linearGradient></defs><sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:export-bgcolor="#87878700"
+     inkscape:zoom="0.84864112"
+     inkscape:cx="283.98341"
+     inkscape:cy="262.77303"
+     inkscape:window-width="1920"
+     inkscape:window-height="1014"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g9" /><penpot:page
+     id="12c52011-66fe-81c0-8003-52d94eb6a788" /><g
+     id="g9"
+     transform="matrix(1.9743069,0,0,1.9743069,-125.84144,-864.32392)"><g
+       id="shape-63d8ddae-017c-80b2-8003-538c8d85f944"
+       style="fill:#0071e3;fill-opacity:1"
+       transform="translate(1.6491862e-7,-24.990782)"><penpot:shape
+         penpot:name="Exclude"
+         penpot:type="bool"
+         penpot:center-x="281.57605276372016"
+         penpot:center-y="1063.2326368678678"
+         penpot:bool-type="exclude"><penpot:fills><penpot:fill
+             penpot:fill-color="#ffffff"
+             penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs
+         id="defs3" /><g
+         class="fills"
+         id="fills-63d8ddae-017c-80b2-8003-538c8d85f944"
+         style="fill:#0071e3;fill-opacity:1"><path
+           rx="0"
+           ry="0"
+           style="fill:#0071e3;fill-opacity:1"
+           d="m 174.076,958.98156 v 48.62444 h 215 V 993.173 H 268.113 l -24.16555,-34.19144 z m 0,53.34544 v 123.434 c 0,10.342 0.533,10.972 11.696,10.972 h 191.82 c 11.163,0 11.425,-0.63 11.425,-10.972 v -123.434"
+           id="path3"
+           sodipodi:nodetypes="ccccccccssssc" /></g><penpot:bool><g
+           id="shape-3379d6d5-d382-80fe-8003-52dc53a94fc4"><penpot:shape
+             penpot:name="path4162"
+             penpot:type="path"
+             penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+             penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+             penpot:proportion="1"
+             penpot:proportion-lock="false"
+             penpot:rotation="0"
+             penpot:center-x="281.57605276372004"
+             penpot:center-y="1081.5"><penpot:svg-import
+               penpot:svg-viewbox-x="20.999954664172378"
+               penpot:svg-viewbox-y="37.8143709651832"
+               penpot:svg-viewbox-width="470.00002439592663"
+               penpot:svg-attrs="inkscape:export-ydpi,sodipodi:cx,sodipodi:r2,sodipodi:cy,inkscape:export-xdpi,inkscape:randomized,inkscape:flatsided,sodipodi:r1,style,sodipodi:arg2,id,sodipodi:arg1,sodipodi:sides,sodipodi:type,inkscape:rounded"
+               penpot:svg-viewbox-height="436.3700955661577"
+               penpot:svg-transform="matrix(10.563485, -6.202890, 6.098831, 10.743720, 733.517923, 1406.566265)"
+               penpot:svg-style="stroke-dasharray:none; stroke-dashoffset:0; stroke-miterlimit:4" /><penpot:fills><penpot:fill
+                 penpot:fill-color="#2c91f3"
+                 penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs /><g
+             class="fills"
+             id="fills-3379d6d5-d382-80fe-8003-52dc53a94fc4"><path
+               rx="0"
+               ry="0"
+               style="stroke-dasharray:none;stroke-dashoffset:0;stroke-miterlimit:4;opacity:1;fill:#2c91f3;fill-opacity:1"
+               d="M309.391,1032.681C315.390,1036.213,337.085,1074.530,337.076,1081.577C337.067,1088.623,315.269,1126.881,309.261,1130.396C303.253,1133.911,259.760,1133.851,253.761,1130.319C247.762,1126.787,226.067,1088.470,226.076,1081.424C226.085,1074.377,247.883,1036.120,253.891,1032.605C259.899,1029.089,303.393,1029.150,309.391,1032.681ZL309.391,1032.681Z" /></g></g><g
+           id="shape-3379d6d5-d382-80fe-8003-52dce9b1dcef"
+           rx="0"
+           ry="0"><penpot:shape
+             penpot:name="Group"
+             penpot:type="group"
+             penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+             penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+             penpot:rotation="0"
+             penpot:center-x="281.57605276372004"
+             penpot:center-y="1063.2326368678669" /><defs /><g
+             id="shape-3379d6d5-d382-80fe-8003-52dc653dcc13"><penpot:shape
+               penpot:name="path3028"
+               penpot:type="path"
+               penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+               penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+               penpot:proportion="1"
+               penpot:proportion-lock="false"
+               penpot:rotation="0"
+               penpot:center-x="281.57605276372016"
+               penpot:center-y="993.6692471822817"><penpot:svg-import
+                 penpot:svg-viewbox-x="135.40180287754544"
+                 penpot:svg-viewbox-y="148.96844666542407"
+                 penpot:svg-viewbox-width="241.19641334094166"
+                 penpot:svg-attrs="style,id,inkscape:connector-curvature,sodipodi:nodetypes"
+                 penpot:svg-viewbox-height="34.4566283105855"
+                 penpot:svg-transform="matrix(0.937500, 0.000000, 0.000000, 0.937500, 607.001240, -33.324082)"
+                 penpot:svg-style="display:inline" /><penpot:fills><penpot:fill
+                   penpot:fill-color="#ffffff"
+                   penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs /><g
+               class="fills"
+               id="fills-3379d6d5-d382-80fe-8003-52dc653dcc13"><path
+                 rx="0"
+                 ry="0"
+                 style="display:inline;fill:#ffffff;fill-opacity:1"
+                 d="M174.076,979.733L174.076,1007.606L389.076,1007.606L389.076,993.173L268.113,993.173L254.679,979.733L174.076,979.733Z" /></g></g><g
+             id="shape-3379d6d5-d382-80fe-8003-52dc653dcc14"><penpot:shape
+               penpot:name="path3040"
+               penpot:type="path"
+               penpot:transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+               penpot:transform-inverse="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"
+               penpot:proportion="1"
+               penpot:proportion-lock="false"
+               penpot:rotation="0"
+               penpot:center-x="281.54670594203316"
+               penpot:center-y="1079.529826016343"><penpot:svg-import
+                 penpot:svg-viewbox-x="118.17348830854957"
+                 penpot:svg-viewbox-y="190.7484118512728"
+                 penpot:svg-viewbox-width="275.6530424789334"
+                 penpot:svg-attrs="style,id,inkscape:connector-curvature,sodipodi:nodetypes"
+                 penpot:svg-viewbox-height="172.28315092792678"
+                 penpot:svg-transform="matrix(0.937500, 0.000000, 0.000000, 0.937500, 607.001240, -33.324082)"
+                 penpot:svg-style="display:inline" /><penpot:fills><penpot:fill
+                   penpot:fill-color="#ffffff"
+                   penpot:fill-opacity="1" /></penpot:fills></penpot:shape><defs /><g
+               class="fills"
+               id="fills-3379d6d5-d382-80fe-8003-52dc653dcc14"><path
+                 rx="0"
+                 ry="0"
+                 style="display:inline;fill:#ffffff;fill-opacity:1"
+                 d="M174.076,1012.327L174.076,1135.761C174.076,1146.103,174.609,1146.733,185.772,1146.733L377.592,1146.733C388.755,1146.733,389.017,1146.103,389.017,1135.761L389.017,1012.327" /></g></g></g></penpot:bool></g></g></svg>

package/gallery/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
+    <title>Pankow</title>
+    <link rel="shortcut icon" type="image/png" href="logo.png">
+    <style>
+      @media (prefers-color-scheme: dark) {
+          body {
+            background-color: black;
+          }
+      }
+    </style>
+
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but pankow doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="index.js"></script>
+  </body>
+</html>

package/gallery/index.js

@@ -0,0 +1,10 @@
+import { createApp } from 'vue';
+
+import Index from './Index.vue';
+import tooltip from '../tooltip.js';
+
+const app = createApp(Index);
+
+app.directive('tooltip', tooltip);
+
+app.mount('#app');

package/gallery/vite.config.mjs

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue()
+  ]
+});

package/gestures.js

@@ -0,0 +1,60 @@
+/*
+
+Swipe handler
+
+```
+import { onSwipe } from 'pankow/guesture';
+
+onSwipe(element, (direction) => {});
+
+```
+
+*/
+function onSwipe(elem, callback, threshold = 50) {
+  callback = typeof callback === 'function' ? callback : () => {};
+
+  let startX = 0;
+  let startY = 0;
+  let endX = 0;
+  let endY = 0;
+
+  function touchStart(event) {
+    if (event.touches.length !== 1) return;
+    startX = event.touches[0].clientX;
+    startY = event.touches[0].clientY;
+  };
+
+  function touchMove(event) {
+    if (event.touches.length !== 1) return;
+    endX = event.touches[0].clientX;
+    endY = event.touches[0].clientY;
+  }
+
+  function touchEnd(event) {
+    const diffX = startX - endX;
+    const diffY = startY - endY;
+    const absX = Math.abs(diffX);
+    const absY = Math.abs(diffY);
+
+    if (absX < threshold && absY < threshold) return;
+
+    // horizontal
+    if (absX > absY) return callback(diffX > 0 ? 'left' : 'right');
+
+    // vertical
+    callback(diffY > 0 ? 'up' : 'down');
+  };
+
+  elem.addEventListener('touchstart', touchStart);
+  elem.addEventListener('touchmove', touchMove);
+  elem.addEventListener('touchend', touchEnd);
+  elem.addEventListener('touchcancel', touchEnd);
+}
+
+export default {
+  onSwipe
+};
+
+export {
+  onSwipe
+};

package/index.js

@@ -0,0 +1,86 @@
+import '@fontsource/inter';
+import '@fortawesome/fontawesome-free/css/all.min.css';
+import './style.css';
+
+// Order of import matters due to css rule matching!
+import BottomBar from './components/BottomBar.vue';
+import Breadcrumb from './components/Breadcrumb.vue';
+import Button from './components/Button.vue';
+import ButtonGroup from './components/ButtonGroup.vue';
+import Checkbox from './components/Checkbox.vue';
+import Dialog from './components/Dialog.vue';
+import DirectoryView from './components/DirectoryView.vue';
+import EmailInput from './components/EmailInput.vue';
+import FileUploader from './components/FileUploader.vue';
+import FormGroup from './components/FormGroup.vue';
+import Icon from './components/Icon.vue';
+import InputDialog from './components/InputDialog.vue';
+import MainLayout from './components/MainLayout.vue';
+import Menu from './components/Menu.vue';
+import MenuItem from './components/MenuItem.vue';
+import SingleSelect from './components/SingleSelect.vue';
+import MultiSelect from './components/MultiSelect.vue';
+import Notification from './components/Notification.vue';
+import NumberInput from './components/NumberInput.vue';
+import OfflineBanner from './components/OfflineBanner.vue';
+import PasswordInput from './components/PasswordInput.vue';
+import Popover from './components/Popover.vue';
+import ProgressBar from './components/ProgressBar.vue';
+import Radiobutton from './components/Radiobutton.vue';
+import SideBar from './components/SideBar.vue';
+import Spinner from './components/Spinner.vue';
+import Switch from './components/Switch.vue';
+import TableView from './components/TableView.vue';
+import TabView from './components/TabView.vue';
+import TagInput from './components/TagInput.vue';
+import TextInput from './components/TextInput.vue';
+import TopBar from './components/TopBar.vue';
+import InputGroup from './components/InputGroup.vue'; // must be at the end for border-radius handling
+
+import fetcher from './fetcher.js';
+import gestures from './gestures.js';
+import utils from './utils.js';
+import tooltip from './tooltip.js';
+import fallbackImage from './fallbackImage.js';
+
+export {
+    BottomBar,
+    Breadcrumb,
+    Button,
+    ButtonGroup,
+    Checkbox,
+    Dialog,
+    DirectoryView,
+    EmailInput,
+    FileUploader,
+    FormGroup,
+    InputGroup,
+    Icon,
+    InputDialog,
+    MainLayout,
+    Menu,
+    MenuItem,
+    SingleSelect,
+    MultiSelect,
+    Notification,
+    NumberInput,
+    OfflineBanner,
+    PasswordInput,
+    Popover,
+    ProgressBar,
+    Radiobutton,
+    SideBar,
+    Spinner,
+    Switch,
+    TableView,
+    TabView,
+    TagInput,
+    TextInput,
+    TopBar,
+
+    fetcher,
+    gestures,
+    tooltip,
+    fallbackImage,
+    utils,
+};

package/logo.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="logo.svg"
+   inkscape:export-filename="logo.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="0.72159091"
+     inkscape:cx="166.99213"
+     inkscape:cy="286.86614"
+     inkscape:window-width="1920"
+     inkscape:window-height="1014"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showgrid="false" /><defs
+     id="defs1"><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect2"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /><inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0.44357024,0,1 @ F,0,0,1,0,0.63159802,0,1 @ F,0,0,1,0,0.64142375,0,1 @ F,0,0,1,0,0.63159802,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0.56999564,0,1 @ F,0,0,1,0,0.72306358,0,1 @ F,0,0,1,0,0.56999564,0,1 @ F,0,0,1,0,1.3746314,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" /></defs><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><path
+       style="fill:#0071e3;stroke-width:1.88633;fill-opacity:1"
+       d="m 98.699074,29.935301 c -0.163123,0.23219 -47.75949,64.957442 -47.75949,64.957442 V 65.609386 L 80.652312,23.736848 c 0,0 0.671306,-1.036796 0.815875,-1.569383 0.144569,-0.532587 -0.08164,-1.891281 -0.645525,-2.571973 C 80.394236,19.078318 79.906399,18.982723 78.99392,18.75 c -0.912479,-0.232723 -31.804336,0 -31.804336,0 l -0.75,1 V 122 l 2,3.5 -1,1 h -22 l -1,-1 2,-3.5 V 8.5 l -2,-6 1,-1 h 56.418279 c 9.996284,0 15.038793,0.4010722 18.690077,5.8074305 4.23554,6.2714565 4.34067,13.8176305 -1.848866,22.6278705 z"
+       id="path1"
+       sodipodi:nodetypes="sccczazccccccccccczas" /></g></svg>

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@cloudron/pankow",
+  "private": false,
+  "version": "3.1.8",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "gallery": "cd gallery && vite",
+    "build": "cd gallery && vite build"
+  },
+  "type": "module",
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@fontsource/inter": "^5.2.6",
+    "@fortawesome/fontawesome-free": "^6.7.2",
+    "filesize": "^10.1.6",
+    "moment": "^2.30.1",
+    "monaco-editor": "^0.52.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.0",
+    "vite": "^7.0.3",
+    "vue": "^3.5.17"
+  }
+}