├── .github
    └── FUNDING.yml
├── bash
    ├── build.sh
    ├── install-linux.sh
    └── vitruvian-brain.sh
├── docker
    ├── build.dockerfile
    └── html.Dockerfile
├── docs
    ├── brand-android.svg
    ├── brand-apple.svg
    ├── brand-debian.svg
    ├── brand-discord.svg
    ├── brand-github.svg
    ├── brand-ubuntu.svg
    ├── brand-windows.svg
    ├── cloud.svg
    ├── demo
    │   ├── css
    │   │   └── app.cf4de9f6.css
    │   ├── fonts
    │   │   └── mary.6cf07156.ttf
    │   ├── img
    │   │   ├── address-book.799be209.svg
    │   │   ├── arrow-narrow-down.1c753400.svg
    │   │   ├── arrow-narrow-left.12e3bebb.svg
    │   │   ├── arrow-narrow-right.e4ad386e.svg
    │   │   ├── arrow-narrow-top.2b6fb54a.svg
    │   │   ├── arrows-shuffle.be34375e.svg
    │   │   ├── atom.b0163f20.svg
    │   │   ├── barcode.b987588e.svg
    │   │   ├── brackets-off.8553d9be.svg
    │   │   ├── brackets.0dbc3339.svg
    │   │   ├── brand-css3.13df5165.svg
    │   │   ├── brand-discord.bf174965.svg
    │   │   ├── building-store.565cd4c4.svg
    │   │   ├── calendar.1290e345.svg
    │   │   ├── check.aabd06ec.svg
    │   │   ├── circle-0.f0d09653.svg
    │   │   ├── columns.de4b5d11.svg
    │   │   ├── command.49e2f3d0.svg
    │   │   ├── dashboard.af9991b4.svg
    │   │   ├── dice-3.02dfdf15.svg
    │   │   ├── download.4b668da7.svg
    │   │   ├── edit.0eed8fc6.svg
    │   │   ├── file.5832c391.svg
    │   │   ├── filter.cc2e952c.svg
    │   │   ├── folder-plus.c021a4f4.svg
    │   │   ├── folders.60d77374.svg
    │   │   ├── grid-dots.0201bc8a.svg
    │   │   ├── hand-click.9b6f61cc.svg
    │   │   ├── hand-move.f483223d.svg
    │   │   ├── hash.d670ea80.svg
    │   │   ├── home.d392354a.svg
    │   │   ├── keyboard.ff4f0b5f.svg
    │   │   ├── language.1f8f7dbb.svg
    │   │   ├── layout-board.df11dc8b.svg
    │   │   ├── layout-grid.d93d1a19.svg
    │   │   ├── letter-case.6d58c29f.svg
    │   │   ├── letter-i.de847125.svg
    │   │   ├── letter-t.70bebf41.svg
    │   │   ├── lifebuoy.3ed9d930.svg
    │   │   ├── link.e5891ca3.svg
    │   │   ├── list-details.814e23e1.svg
    │   │   ├── list.86278690.svg
    │   │   ├── live-view.6684693a.svg
    │   │   ├── logo.a89c7cc2.svg
    │   │   ├── lupe.e663ed87.svg
    │   │   ├── mail-forward.1c7ee503.svg
    │   │   ├── map.d915a6ac.svg
    │   │   ├── markdown.43ec8e37.svg
    │   │   ├── math-function.92aebdd0.svg
    │   │   ├── maximize.eb9ac5f8.svg
    │   │   ├── menu.6566a252.svg
    │   │   ├── minus.1e67585f.svg
    │   │   ├── mood-empty.6ad2c82f.svg
    │   │   ├── moon-stars.e4eddd2d.svg
    │   │   ├── moon.230cd0fb.svg
    │   │   ├── network.948fe388.svg
    │   │   ├── news.6758e444.svg
    │   │   ├── notebook.a89c7cc2.svg
    │   │   ├── open-book.a89c7cc2.svg
    │   │   ├── outline.cfa25fd8.svg
    │   │   ├── package.5854eab5.svg
    │   │   ├── packge-export.410a924d.svg
    │   │   ├── packge-import.e1d1326c.svg
    │   │   ├── paint.a64fa7ca.svg
    │   │   ├── palette.1cd3b510.svg
    │   │   ├── paperclip.f378268b.svg
    │   │   ├── photo.a539ba56.svg
    │   │   ├── planet.97536c21.svg
    │   │   ├── plant.5d46b7e1.svg
    │   │   ├── play.428b96c1.svg
    │   │   ├── player-play.5ca58f25.svg
    │   │   ├── plugin.a3ce42d6.svg
    │   │   ├── plus.8ccf7db7.svg
    │   │   ├── point.74e49fa7.svg
    │   │   ├── prompt.7bab33fb.svg
    │   │   ├── question-mark.12204fe2.svg
    │   │   ├── random.0b8ec3f6.svg
    │   │   ├── report.636892ab.svg
    │   │   ├── save.4736a320.svg
    │   │   ├── school.50d75bd8.svg
    │   │   ├── settings.f45fa072.svg
    │   │   ├── single-page.bc429aec.svg
    │   │   ├── sitemap.52523645.svg
    │   │   ├── split-horizontal.02b65d05.svg
    │   │   ├── split-vertical.9f33ba1c.svg
    │   │   ├── square.e3ae5e15.svg
    │   │   ├── star-off.2e7e321c.svg
    │   │   ├── star.a95e48b9.svg
    │   │   ├── table.6d490f88.svg
    │   │   ├── tag.aeea4c23.svg
    │   │   ├── tech-box.2f72163f.svg
    │   │   ├── template.2aaff5be.svg
    │   │   ├── terminal.03059f83.svg
    │   │   ├── test-pipe.b85eb77a.svg
    │   │   ├── tool.7e5656dc.svg
    │   │   ├── tools.53702ca8.svg
    │   │   ├── trash.99d896ea.svg
    │   │   ├── tree.638b5619.svg
    │   │   ├── typography.20e700ca.svg
    │   │   ├── urgent.b2be75e9.svg
    │   │   ├── users.902b8d76.svg
    │   │   ├── variable.2e55a8f3.svg
    │   │   ├── versions.0771d6de.svg
    │   │   ├── vertical-list.3d618662.svg
    │   │   ├── video.bf601f13.svg
    │   │   ├── vocabulary.424e1eeb.svg
    │   │   ├── writing.ff929adb.svg
    │   │   ├── x.1480f851.svg
    │   │   └── yin-yang.a72d57c0.svg
    │   ├── index.html
    │   ├── js
    │   │   ├── app.5540f4c0.js
    │   │   └── chunk-vendors.542ac056.js
    │   ├── manifest.json
    │   ├── precache-manifest.4855809beef607d31e944a1448f3579a.js
    │   └── service-worker.js
    ├── ilse.jpeg
    ├── index.html
    ├── mail.svg
    ├── moth.jpg
    ├── npm-install-ilse.png
    ├── npm-screenshot.svg
    ├── play.svg
    ├── screenshot-1.png
    ├── screenshot-2.png
    ├── screenshot-3.png
    ├── screenshot-4.png
    ├── screenshot-5.png
    └── terminal.svg
├── javascript
    ├── cli
    │   ├── .gitignore
    │   ├── index.js
    │   ├── libs
    │   │   ├── Autopad.js
    │   │   ├── BigText.js
    │   │   ├── CSR.js
    │   │   ├── Dock.js
    │   │   ├── DockNoBorder.js
    │   │   ├── Exit.js
    │   │   ├── File.js
    │   │   ├── Filesystem.js
    │   │   ├── Form.js
    │   │   ├── Insert.js
    │   │   ├── Layout.js
    │   │   ├── ListBar.js
    │   │   ├── ListTable.js
    │   │   ├── NestedAttr.js
    │   │   ├── NoAlt.js
    │   │   ├── NoWrap.js
    │   │   ├── ObscureSides.js
    │   │   ├── POS.js
    │   │   ├── Padding.js
    │   │   ├── Prompt.js
    │   │   ├── ScrollableBoxes.js
    │   │   ├── Shadow.js
    │   │   ├── ShrinkFail.js
    │   │   ├── Table.js
    │   │   ├── Terminal.js
    │   │   ├── Textarea.js
    │   │   ├── env-paths.js
    │   │   └── get-date-id.js
    │   ├── package-lock.json
    │   ├── package.json
    │   ├── readme.md
    │   ├── src
    │   │   ├── EventEmitter.js
    │   │   ├── Search.js
    │   │   ├── Terminal.js
    │   │   ├── fuzzysort.js
    │   │   ├── get_note_id.js
    │   │   ├── get_note_string_id.js
    │   │   ├── get_small_unique_string_id.js
    │   │   ├── get_unique_date_id.js
    │   │   ├── ilse.js
    │   │   ├── messager.js
    │   │   ├── print_options.js
    │   │   ├── utils.js
    │   │   └── widget-file.js
    │   └── yarn.lock
    └── web
    │   ├── .browserslistrc
    │   ├── .gitignore
    │   ├── babel.config.js
    │   ├── icon.svg
    │   ├── icons
    │       ├── 1icon.png
    │       ├── @@@@@icon.png
    │       ├── @@@@icon.ico
    │       └── icon.png
    │   ├── package.json
    │   ├── readme.md
    │   ├── template.html
    │   ├── vue.config.js
    │   └── yarn.lock
├── lisp
    ├── .gitignore
    ├── build.lisp
    ├── hello-world.lisp
    ├── main.lisp
    └── try-gtk-example.asd.txt
├── marketplace
    ├── brown-noise.html
    ├── marketplace.json
    ├── pomodoro.html
    ├── simple-draw.html
    └── template.html
├── powershell
    ├── index.ps1
    └── screenshot.ps1
├── readme.md
└── whitepaper.pdf


/.github/FUNDING.yml:
--------------------------------------------------------------------------------
 1 | # These are supported funding model platforms
 2 | 
 3 | github: [ilse-langnar] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 4 | patreon: # Replace with a single Patreon username
 5 | open_collective: # Replace with a single Open Collective username
 6 | ko_fi: # Replace with a single Ko-fi username
 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
13 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
14 | 


--------------------------------------------------------------------------------
/bash/build.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | 
 4 | cd javascript/web;
 5 | # gvfs-trash "dist"
 6 | # gvfs-trash "dist_electron"
 7 | 
 8 | pwd
 9 | npm run electron:build
10 | 
11 | 
12 | 
13 | # cd ..
14 | 
15 | # echo "dev branch"
16 | # git add  .
17 | # git commit -m "$1"
18 | # git push
19 | 
20 | # echo "dev pages"
21 | # git branch -d pages
22 | # git branch pages
23 | # git checkout pages
24 | # git push
25 | 


--------------------------------------------------------------------------------
/bash/install-linux.sh:
--------------------------------------------------------------------------------
 1 | 
 2 | print_usage() {
 3 |     cat <<EOF
 4 | This script installs and configures the CrowdStrike Falcon Sensor for Linux.
 5 | CrowdStrike API credentials are needed to download Falcon sensor. The script recognizes the following environmental variables:
 6 |     - FALCON_CLIENT_ID
 7 |     - FALCON_CLIENT_SECRET
 8 | Optional:
 9 |     - FALCON_CID                        (default: auto)
10 |     - FALCON_CLOUD                      (default: auto)
11 |     - FALCON_SENSOR_VERSION_DECREMENT   (default: 0 [latest])
12 |     - FALCON_PROVISIONING_TOKEN         (default: unset)
13 |     - FALCON_SENSOR_UPDATE_POLICY_NAME  (default: unset)
14 | EOF
15 | }
16 | 
17 | # rofi
18 | # notify-send
19 | # okular
20 | 
21 | # gnome-screenshot -a -f "$INTEREST_REPETITION_QUEUE_PATH/$file.$extract_id.png"
22 | # convert "$INTEREST_REPETITION_QUEUE_PATH/$file.$extract_id.png" "$INTEREST_REPETITION_QUEUE_PATH/$extract_id.$file"
23 | # sed -i -n "$previous_index{h;n;G};p" "$ZETTELKASTEN_PATH/q"
24 | # gvfs-trash "$INTEREST_REPETITION_QUEUE_PATH/$last_item"
25 | # vlc "$INTEREST_REPETITION_QUEUE_PATH/$item" > /dev/null &
26 | # bash "$INTEREST_REPETITION_QUEUE_PATH/$item"
27 | # xdg-open "$INTEREST_REPETITION_QUEUE_PATH/$item"
28 | # kazam
29 | 
30 | main() {
31 | 
32 |     if [ -n "$1" ]; then
33 |         print_usage
34 |         exit 1
35 |     fi
36 | 
37 |     read -p 'Choose target folder: ' $REPLY
38 |     if [[ -d "$REPLY" ]]; then
39 |         echo "Folder choosen: ${REPLY}"
40 |     else
41 |         echo "[ERROR]: Could not find path: ${REPLY}"
42 |         exit 0
43 |     fi
44 | 
45 |     echo -n 'Installing Dependencies ... '; install_dependencies;  echo '[ Ok ]'
46 |     echo 'Installing was succesfull'
47 |     echo 'Try running: '
48 |     echo '> chmod +x zir.sh'
49 |     echo '> bash zir.sh "setup"; '
50 |     echo '> bash zir.sh "k" '
51 | }
52 | 
53 | install_dependencies() {
54 |     script_dir=$(dirname "$0")
55 |     echo "$script_dir >>>"
56 |     curl https://github.com/CrowdStrike/falcon-linux-install-bash/blob/main/README.md > "$script_dir/zir.sh"
57 |     # curl https://raw.githubusercontent.com/ilse-langnar/notebook/dev/javascript/cli/zir.sh > "$script_dir/zir.sh"
58 | }
59 | 
60 | main
61 | 


--------------------------------------------------------------------------------
/docker/build.dockerfile:
--------------------------------------------------------------------------------
1 | FROM node
2 | 


--------------------------------------------------------------------------------
/docker/html.Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node
2 | 


--------------------------------------------------------------------------------
/docs/brand-android.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-android" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="4" y1="10" x2="4" y2="16" />
 4 |   <line x1="20" y1="10" x2="20" y2="16" />
 5 |   <path d="M7 9h10v8a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-8a5 5 0 0 1 10 0" />
 6 |   <line x1="8" y1="3" x2="9" y2="5" />
 7 |   <line x1="16" y1="3" x2="15" y2="5" />
 8 |   <line x1="9" y1="18" x2="9" y2="21" />
 9 |   <line x1="15" y1="18" x2="15" y2="21" />
10 | </svg>
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/docs/brand-apple.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-apple" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M9 7c-3 0 -4 3 -4 5.5c0 3 2 7.5 4 7.5c1.088 -.046 1.679 -.5 3 -.5c1.312 0 1.5 .5 3 .5s4 -3 4 -5c-.028 -.01 -2.472 -.403 -2.5 -3c-.019 -2.17 2.416 -2.954 2.5 -3c-1.023 -1.492 -2.951 -1.963 -3.5 -2c-1.433 -.111 -2.83 1 -3.5 1c-.68 0 -1.9 -1 -3 -1z" />
4 |   <path d="M12 4a2 2 0 0 0 2 -2a2 2 0 0 0 -2 2" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/brand-debian.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-debian" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M12 17c-2.397 -.943 -4 -3.153 -4 -5.635c0 -2.19 1.039 -3.14 1.604 -3.595c2.646 -2.133 6.396 -.27 6.396 3.23c0 2.5 -2.905 2.121 -3.5 1.5c-.595 -.621 -1 -1.5 -.5 -2.5" />
4 |   <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/brand-discord.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-discord" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="9" cy="12" r="1" />
 4 |   <circle cx="15" cy="12" r="1" />
 5 |   <path d="M7.5 7.5c3.5 -1 5.5 -1 9 0" />
 6 |   <path d="M7 16.5c3.5 1 6.5 1 10 0" />
 7 |   <path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5" />
 8 |   <path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/brand-github.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <desc>Download more icon variants from https://tabler-icons.io/i/brand-github</desc>
3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
4 |   <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/brand-ubuntu.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-ubuntu" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
 4 |   <path d="M17.723 7.41a7.992 7.992 0 0 0 -3.74 -2.162m-3.971 0a7.993 7.993 0 0 0 -3.789 2.216m-1.881 3.215a8 8 0 0 0 -.342 2.32c0 .738 .1 1.453 .287 2.132m1.96 3.428a7.993 7.993 0 0 0 3.759 2.19m4 0a7.993 7.993 0 0 0 3.747 -2.186m1.962 -3.43a8.008 8.008 0 0 0 .287 -2.131c0 -.764 -.107 -1.503 -.307 -2.203" />
 5 |   <path d="M5 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
 6 |   <path d="M19 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/brand-windows.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-windows" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z" />
4 |   <line x1="12" y1="5" x2="12" y2="19" />
5 |   <line x1="4" y1="12" x2="20" y2="12" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/cloud.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-12" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/fonts/mary.6cf07156.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/demo/fonts/mary.6cf07156.ttf


--------------------------------------------------------------------------------
/docs/demo/img/address-book.799be209.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-address-book" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M20 6v12a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2z" />
 4 |   <path d="M10 16h6" />
 5 |   <circle cx="13" cy="11" r="2" />
 6 |   <path d="M4 8h3" />
 7 |   <path d="M4 12h3" />
 8 |   <path d="M4 16h3" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/arrow-narrow-down.1c753400.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    class="icon icon-tabler icon-tabler-arrow-narrow-left"
11 |    width="24"
12 |    height="24"
13 |    viewBox="0 0 24 24"
14 |    stroke-width="1"
15 |    stroke="#485361"
16 |    fill="none"
17 |    stroke-linecap="round"
18 |    stroke-linejoin="round"
19 |    id="svg2"
20 |    version="1.1"
21 |    inkscape:version="0.91 r13725"
22 |    sodipodi:docname="arrow-narrow-top (copy 1).svg">
23 |   <metadata
24 |      id="metadata18">
25 |     <rdf:RDF>
26 |       <cc:Work
27 |          rdf:about="">
28 |         <dc:format>image/svg+xml</dc:format>
29 |         <dc:type
30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31 |       </cc:Work>
32 |     </rdf:RDF>
33 |   </metadata>
34 |   <defs
35 |      id="defs16" />
36 |   <sodipodi:namedview
37 |      pagecolor="#ffffff"
38 |      bordercolor="#666666"
39 |      borderopacity="1"
40 |      objecttolerance="10"
41 |      gridtolerance="10"
42 |      guidetolerance="10"
43 |      inkscape:pageopacity="0"
44 |      inkscape:pageshadow="2"
45 |      inkscape:window-width="1362"
46 |      inkscape:window-height="711"
47 |      id="namedview14"
48 |      showgrid="false"
49 |      inkscape:zoom="19.666667"
50 |      inkscape:cx="4.0703264"
51 |      inkscape:cy="11.056807"
52 |      inkscape:window-x="0"
53 |      inkscape:window-y="55"
54 |      inkscape:window-maximized="0"
55 |      inkscape:current-layer="svg2" />
56 |   <desc
57 |      id="desc4">Download more icon variants from https://tabler-icons.io/i/arrow-narrow-left</desc>
58 |   <line
59 |      x1="11.712365"
60 |      y1="19.431456"
61 |      x2="11.712365"
62 |      y2="5.4314551"
63 |      id="line8" />
64 |   <line
65 |      x1="11.712365"
66 |      y1="19.431456"
67 |      x2="15.712364"
68 |      y2="15.431456"
69 |      id="line10" />
70 |   <line
71 |      x1="11.712365"
72 |      y1="19.431456"
73 |      x2="7.7123637"
74 |      y2="15.431456"
75 |      id="line12" />
76 | </svg>
77 | 


--------------------------------------------------------------------------------
/docs/demo/img/arrow-narrow-left.12e3bebb.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <desc>Download more icon variants from https://tabler-icons.io/i/arrow-narrow-left</desc>
 3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 4 |   <line x1="5" y1="12" x2="19" y2="12" />
 5 |   <line x1="5" y1="12" x2="9" y2="16" />
 6 |   <line x1="5" y1="12" x2="9" y2="8" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/arrow-narrow-right.e4ad386e.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    class="icon icon-tabler icon-tabler-arrow-narrow-left"
11 |    width="24"
12 |    height="24"
13 |    viewBox="0 0 24 24"
14 |    stroke-width="1"
15 |    stroke="#485361"
16 |    fill="none"
17 |    stroke-linecap="round"
18 |    stroke-linejoin="round"
19 |    id="svg2"
20 |    version="1.1"
21 |    inkscape:version="0.91 r13725"
22 |    sodipodi:docname="arrow-narrow-right.svg">
23 |   <metadata
24 |      id="metadata18">
25 |     <rdf:RDF>
26 |       <cc:Work
27 |          rdf:about="">
28 |         <dc:format>image/svg+xml</dc:format>
29 |         <dc:type
30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31 |       </cc:Work>
32 |     </rdf:RDF>
33 |   </metadata>
34 |   <defs
35 |      id="defs16" />
36 |   <sodipodi:namedview
37 |      pagecolor="#ffffff"
38 |      bordercolor="#666666"
39 |      borderopacity="1"
40 |      objecttolerance="10"
41 |      gridtolerance="10"
42 |      guidetolerance="10"
43 |      inkscape:pageopacity="0"
44 |      inkscape:pageshadow="2"
45 |      inkscape:window-width="1362"
46 |      inkscape:window-height="711"
47 |      id="namedview14"
48 |      showgrid="false"
49 |      inkscape:zoom="9.8333333"
50 |      inkscape:cx="8.5423729"
51 |      inkscape:cy="9.4576271"
52 |      inkscape:window-x="0"
53 |      inkscape:window-y="55"
54 |      inkscape:window-maximized="0"
55 |      inkscape:current-layer="svg2" />
56 |   <desc
57 |      id="desc4">Download more icon variants from https://tabler-icons.io/i/arrow-narrow-left</desc>
58 |   <line
59 |      x1="18.694916"
60 |      y1="11.491526"
61 |      x2="4.6949158"
62 |      y2="11.491526"
63 |      id="line8" />
64 |   <line
65 |      x1="18.694916"
66 |      y1="11.491526"
67 |      x2="14.694916"
68 |      y2="15.491525"
69 |      id="line10" />
70 |   <line
71 |      x1="18.694916"
72 |      y1="11.491526"
73 |      x2="14.694916"
74 |      y2="7.4915257"
75 |      id="line12" />
76 | </svg>
77 | 


--------------------------------------------------------------------------------
/docs/demo/img/arrow-narrow-top.2b6fb54a.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    class="icon icon-tabler icon-tabler-arrow-narrow-left"
11 |    width="24"
12 |    height="24"
13 |    viewBox="0 0 24 24"
14 |    stroke-width="1"
15 |    stroke="#485361"
16 |    fill="none"
17 |    stroke-linecap="round"
18 |    stroke-linejoin="round"
19 |    id="svg2"
20 |    version="1.1"
21 |    inkscape:version="0.91 r13725"
22 |    sodipodi:docname="arrow-narrow-left (copy 1).svg">
23 |   <metadata
24 |      id="metadata18">
25 |     <rdf:RDF>
26 |       <cc:Work
27 |          rdf:about="">
28 |         <dc:format>image/svg+xml</dc:format>
29 |         <dc:type
30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31 |       </cc:Work>
32 |     </rdf:RDF>
33 |   </metadata>
34 |   <defs
35 |      id="defs16" />
36 |   <sodipodi:namedview
37 |      pagecolor="#ffffff"
38 |      bordercolor="#666666"
39 |      borderopacity="1"
40 |      objecttolerance="10"
41 |      gridtolerance="10"
42 |      guidetolerance="10"
43 |      inkscape:pageopacity="0"
44 |      inkscape:pageshadow="2"
45 |      inkscape:window-width="1362"
46 |      inkscape:window-height="711"
47 |      id="namedview14"
48 |      showgrid="false"
49 |      inkscape:zoom="19.666667"
50 |      inkscape:cx="12.816089"
51 |      inkscape:cy="11.056807"
52 |      inkscape:window-x="0"
53 |      inkscape:window-y="55"
54 |      inkscape:window-maximized="0"
55 |      inkscape:current-layer="svg2" />
56 |   <desc
57 |      id="desc4">Download more icon variants from https://tabler-icons.io/i/arrow-narrow-left</desc>
58 |   <line
59 |      x1="11.712365"
60 |      y1="5.4314551"
61 |      x2="11.712365"
62 |      y2="19.431456"
63 |      id="line8" />
64 |   <line
65 |      x1="11.712365"
66 |      y1="5.4314551"
67 |      x2="15.712364"
68 |      y2="9.4314547"
69 |      id="line10" />
70 |   <line
71 |      x1="11.712365"
72 |      y1="5.4314551"
73 |      x2="7.7123637"
74 |      y2="9.4314547"
75 |      id="line12" />
76 | </svg>
77 | 


--------------------------------------------------------------------------------
/docs/demo/img/arrows-shuffle.be34375e.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-shuffle" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <desc>Download more icon variants from https://tabler-icons.io/i/arrows-shuffle</desc>
 3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 4 |   <path d="M18 4l3 3l-3 3" />
 5 |   <path d="M18 20l3 -3l-3 -3" />
 6 |   <path d="M3 7h3a5 5 0 0 1 5 5a5 5 0 0 0 5 5h5" />
 7 |   <path d="M21 7h-5a4.978 4.978 0 0 0 -2.998 .998m-4.002 8.003a4.984 4.984 0 0 1 -3 .999h-3" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/atom.b0163f20.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-atom-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="12" cy="12" r="3" />
 4 |   <line x1="12" y1="21" x2="12" y2="21.01" />
 5 |   <line x1="3" y1="9" x2="3" y2="9.01" />
 6 |   <line x1="21" y1="9" x2="21" y2="9.01" />
 7 |   <path d="M8 20.1a9 9 0 0 1 -5 -7.1" />
 8 |   <path d="M16 20.1a9 9 0 0 0 5 -7.1" />
 9 |   <path d="M6.2 5a9 9 0 0 1 11.4 0" />
10 | </svg>
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/docs/demo/img/barcode.b987588e.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-barcode" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M4 7v-1a2 2 0 0 1 2 -2h2" />
 4 |   <path d="M4 17v1a2 2 0 0 0 2 2h2" />
 5 |   <path d="M16 4h2a2 2 0 0 1 2 2v1" />
 6 |   <path d="M16 20h2a2 2 0 0 0 2 -2v-1" />
 7 |   <rect x="5" y="11" width="1" height="2" />
 8 |   <line x1="10" y1="11" x2="10" y2="13" />
 9 |   <rect x="14" y="11" width="1" height="2" />
10 |   <line x1="19" y1="11" x2="19" y2="13" />
11 | </svg>
12 | 
13 | 
14 | 


--------------------------------------------------------------------------------
/docs/demo/img/brackets-off.8553d9be.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brackets-off" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M5 5v15h3" />
4 |   <path d="M16 4h3v11m0 4v1h-3" />
5 |   <path d="M3 3l18 18" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/brackets.0dbc3339.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brackets" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M8 4h-3v16h3" />
4 |   <path d="M16 4h3v16h-3" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/brand-css3.13df5165.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-css3" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M20 4l-2 14.5l-6 2l-6 -2l-2 -14.5z" />
4 |   <path d="M8.5 8h7l-4.5 4h4l-.5 3.5l-2.5 .75l-2.5 -.75l-.1 -.5" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/brand-discord.bf174965.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-discord" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="9" cy="12" r="1" />
 4 |   <circle cx="15" cy="12" r="1" />
 5 |   <path d="M7.5 7.5c3.5 -1 5.5 -1 9 0" />
 6 |   <path d="M7 16.5c3.5 1 6.5 1 10 0" />
 7 |   <path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5" />
 8 |   <path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/building-store.565cd4c4.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-building-store" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="3" y1="21" x2="21" y2="21" />
 4 |   <path d="M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4" />
 5 |   <line x1="5" y1="21" x2="5" y2="10.85" />
 6 |   <line x1="19" y1="21" x2="19" y2="10.85" />
 7 |   <path d="M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/calendar.1290e345.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <rect x="4" y="5" width="16" height="16" rx="2" />
 4 |   <line x1="16" y1="3" x2="16" y2="7" />
 5 |   <line x1="8" y1="3" x2="8" y2="7" />
 6 |   <line x1="4" y1="11" x2="20" y2="11" />
 7 |   <line x1="11" y1="15" x2="12" y2="15" />
 8 |   <line x1="12" y1="15" x2="12" y2="18" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/check.aabd06ec.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-check" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M5 12l5 5l10 -10" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/circle-0.f0d09653.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-circle-0" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M12 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z" />
4 |   <circle cx="12" cy="12" r="9" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/columns.de4b5d11.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-columns" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <desc>Download more icon variants from https://tabler-icons.io/i/columns</desc>
 3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 4 |   <line x1="4" y1="6" x2="9.5" y2="6" />
 5 |   <line x1="4" y1="10" x2="9.5" y2="10" />
 6 |   <line x1="4" y1="14" x2="9.5" y2="14" />
 7 |   <line x1="4" y1="18" x2="9.5" y2="18" />
 8 |   <line x1="14.5" y1="6" x2="20" y2="6" />
 9 |   <line x1="14.5" y1="10" x2="20" y2="10" />
10 |   <line x1="14.5" y1="14" x2="20" y2="14" />
11 |   <line x1="14.5" y1="18" x2="20" y2="18" />
12 | </svg>
13 | 
14 | 
15 | 


--------------------------------------------------------------------------------
/docs/demo/img/command.49e2f3d0.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-command" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M7 9a2 2 0 1 1 2 -2v10a2 2 0 1 1 -2 -2h10a2 2 0 1 1 -2 2v-10a2 2 0 1 1 2 2h-10" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/dashboard.af9991b4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-dashboard" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <circle cx="12" cy="13" r="2" />
4 |   <line x1="13.45" y1="11.55" x2="15.5" y2="9.5" />
5 |   <path d="M6.4 20a9 9 0 1 1 11.2 0z" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/dice-3.02dfdf15.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-dice-3" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <rect x="4" y="4" width="16" height="16" rx="2" />
 4 |   <circle cx="8.5" cy="8.5" r=".5" fill="currentColor" />
 5 |   <circle cx="15.5" cy="15.5" r=".5" fill="currentColor" />
 6 |   <circle cx="12" cy="12" r=".5" fill="currentColor" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/download.4b668da7.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-download" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" />
4 |   <polyline points="7 11 12 16 17 11" />
5 |   <line x1="12" y1="4" x2="12" y2="16" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/edit.0eed8fc6.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-edit" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
4 |   <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
5 |   <path d="M16 5l3 3" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/file.5832c391.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M14 3v4a1 1 0 0 0 1 1h4" />
4 |   <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/filter.cc2e952c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-filter" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/folder-plus.c021a4f4.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-folder-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2" />
4 |   <line x1="12" y1="10" x2="12" y2="16" />
5 |   <line x1="9" y1="13" x2="15" y2="13" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/folders.60d77374.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-folders" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" />
4 |   <path d="M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h2" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/grid-dots.0201bc8a.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-grid-dots" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="5" cy="5" r="1" />
 4 |   <circle cx="12" cy="5" r="1" />
 5 |   <circle cx="19" cy="5" r="1" />
 6 |   <circle cx="5" cy="12" r="1" />
 7 |   <circle cx="12" cy="12" r="1" />
 8 |   <circle cx="19" cy="12" r="1" />
 9 |   <circle cx="5" cy="19" r="1" />
10 |   <circle cx="12" cy="19" r="1" />
11 |   <circle cx="19" cy="19" r="1" />
12 | </svg>
13 | 
14 | 
15 | 


--------------------------------------------------------------------------------
/docs/demo/img/hand-click.9b6f61cc.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hand-click" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" />
 4 |   <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" />
 5 |   <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" />
 6 |   <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" />
 7 |   <path d="M5 3l-1 -1" />
 8 |   <path d="M4 7h-1" />
 9 |   <path d="M14 3l1 -1" />
10 |   <path d="M15 6h1" />
11 | </svg>
12 | 
13 | 
14 | 


--------------------------------------------------------------------------------
/docs/demo/img/hand-move.f483223d.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hand-move" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <desc>Download more icon variants from https://tabler-icons.io/i/hand-move</desc>
 3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 4 |   <path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" />
 5 |   <path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" />
 6 |   <path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" />
 7 |   <path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" />
 8 |   <path d="M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427" />
 9 |   <path d="M14 3.458c1.32 .354 2.558 .902 3.685 1.612" />
10 | </svg>
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/docs/demo/img/hash.d670ea80.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <desc>Download more icon variants from https://tabler-icons.io/i/hash</desc>
 3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 4 |   <line x1="5" y1="9" x2="19" y2="9" />
 5 |   <line x1="5" y1="15" x2="19" y2="15" />
 6 |   <line x1="11" y1="4" x2="7" y2="20" />
 7 |   <line x1="17" y1="4" x2="13" y2="20" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/home.d392354a.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <polyline points="5 12 3 12 12 3 21 12 19 12" />
4 |   <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
5 |   <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/keyboard.ff4f0b5f.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-keyboard" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <rect x="2" y="6" width="20" height="12" rx="2" />
 4 |   <line x1="6" y1="10" x2="6" y2="10" />
 5 |   <line x1="10" y1="10" x2="10" y2="10" />
 6 |   <line x1="14" y1="10" x2="14" y2="10" />
 7 |   <line x1="18" y1="10" x2="18" y2="10" />
 8 |   <line x1="6" y1="14" x2="6" y2="14.01" />
 9 |   <line x1="18" y1="14" x2="18" y2="14.01" />
10 |   <line x1="10" y1="14" x2="14" y2="14" />
11 | </svg>
12 | 
13 | 
14 | 


--------------------------------------------------------------------------------
/docs/demo/img/language.1f8f7dbb.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-language" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M5 7h7m-2 -2v2a5 8 0 0 1 -5 8m1 -4a7 4 0 0 0 6.7 4" />
4 |   <path d="M11 19l4 -9l4 9m-.9 -2h-6.2" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/layout-board.df11dc8b.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-board" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <rect x="4" y="4" width="16" height="16" rx="2" />
 4 |   <path d="M4 9h8" />
 5 |   <path d="M12 15h8" />
 6 |   <path d="M12 4v16" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/layout-grid.d93d1a19.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-grid" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <rect x="4" y="4" width="6" height="6" rx="1" />
 4 |   <rect x="14" y="4" width="6" height="6" rx="1" />
 5 |   <rect x="4" y="14" width="6" height="6" rx="1" />
 6 |   <rect x="14" y="14" width="6" height="6" rx="1" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/letter-case.6d58c29f.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-letter-case" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="17.5" cy="15.5" r="3.5" />
 4 |   <path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" />
 5 |   <path d="M3 13h7" />
 6 |   <path d="M21 12v7" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/letter-i.de847125.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    class="icon icon-tabler icon-tabler-x"
11 |    width="24"
12 |    height="24"
13 |    viewBox="0 0 24 24"
14 |    stroke-width="1"
15 |    stroke="#485361"
16 |    fill="none"
17 |    stroke-linecap="round"
18 |    stroke-linejoin="round"
19 |    id="svg2"
20 |    version="1.1"
21 |    inkscape:version="0.91 r13725"
22 |    sodipodi:docname="letter-i.svg">
23 |   <metadata
24 |      id="metadata14">
25 |     <rdf:RDF>
26 |       <cc:Work
27 |          rdf:about="">
28 |         <dc:format>image/svg+xml</dc:format>
29 |         <dc:type
30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31 |       </cc:Work>
32 |     </rdf:RDF>
33 |   </metadata>
34 |   <defs
35 |      id="defs12" />
36 |   <sodipodi:namedview
37 |      pagecolor="#ffffff"
38 |      bordercolor="#666666"
39 |      borderopacity="1"
40 |      objecttolerance="10"
41 |      gridtolerance="10"
42 |      guidetolerance="10"
43 |      inkscape:pageopacity="0"
44 |      inkscape:pageshadow="2"
45 |      inkscape:window-width="1362"
46 |      inkscape:window-height="693"
47 |      id="namedview10"
48 |      showgrid="false"
49 |      inkscape:zoom="9.8333333"
50 |      inkscape:cx="7.2613317"
51 |      inkscape:cy="9.1408535"
52 |      inkscape:window-x="0"
53 |      inkscape:window-y="73"
54 |      inkscape:window-maximized="0"
55 |      inkscape:current-layer="svg2" />
56 |   <text
57 |      xml:space="preserve"
58 |      style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18.93335915px;line-height:125%;font-family:'Mary Jane Antique';-inkscape-font-specification:'Mary Jane Antique';letter-spacing:0px;word-spacing:0px;fill:#485361;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
59 |      x="8.2406483"
60 |      y="19.214483"
61 |      id="text4144"
62 |      sodipodi:linespacing="125%"><tspan
63 |        sodipodi:role="line"
64 |        id="tspan4146"
65 |        x="8.2406483"
66 |        y="19.214483">i</tspan></text>
67 | </svg>
68 | 


--------------------------------------------------------------------------------
/docs/demo/img/letter-t.70bebf41.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-letter-t" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <line x1="6" y1="4" x2="18" y2="4" />
4 |   <line x1="12" y1="4" x2="12" y2="20" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/lifebuoy.3ed9d930.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-lifebuoy" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="12" cy="12" r="4" />
 4 |   <circle cx="12" cy="12" r="9" />
 5 |   <line x1="15" y1="15" x2="18.35" y2="18.35" />
 6 |   <line x1="9" y1="15" x2="5.65" y2="18.35" />
 7 |   <line x1="5.65" y1="5.65" x2="9" y2="9" />
 8 |   <line x1="18.35" y1="5.65" x2="15" y2="9" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/link.e5891ca3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" />
4 |   <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/list-details.814e23e1.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list-details" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <desc>Download more icon variants from https://tabler-icons.io/i/list-details</desc>
 3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 4 |   <path d="M13 5h8" />
 5 |   <path d="M13 9h5" />
 6 |   <path d="M13 15h8" />
 7 |   <path d="M13 19h5" />
 8 |   <rect x="3" y="4" width="6" height="6" rx="1" />
 9 |   <rect x="3" y="14" width="6" height="6" rx="1" />
10 | </svg>
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/docs/demo/img/list.86278690.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="9" y1="6" x2="20" y2="6" />
 4 |   <line x1="9" y1="12" x2="20" y2="12" />
 5 |   <line x1="9" y1="18" x2="20" y2="18" />
 6 |   <line x1="5" y1="6" x2="5" y2="6.01" />
 7 |   <line x1="5" y1="12" x2="5" y2="12.01" />
 8 |   <line x1="5" y1="18" x2="5" y2="18.01" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/live-view.6684693a.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-live-view" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
 4 |   <path d="M4 16v2a2 2 0 0 0 2 2h2" />
 5 |   <path d="M16 4h2a2 2 0 0 1 2 2v2" />
 6 |   <path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
 7 |   <line x1="12" y1="11" x2="12" y2="11.01" />
 8 |   <path d="M12 18l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/logo.a89c7cc2.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-book" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
 4 |   <path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
 5 |   <line x1="3" y1="6" x2="3" y2="19" />
 6 |   <line x1="12" y1="6" x2="12" y2="19" />
 7 |   <line x1="21" y1="6" x2="21" y2="19" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/lupe.e663ed87.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <circle cx="10" cy="10" r="7" />
4 |   <line x1="21" y1="21" x2="15" y2="15" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/mail-forward.1c7ee503.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mail-forward" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M12 18h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" />
 4 |   <path d="M3 6l9 6l9 -6" />
 5 |   <path d="M15 18h6" />
 6 |   <path d="M18 15l3 3l-3 3" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/map.d915a6ac.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-map" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <polyline points="3 7 9 4 15 7 21 4 21 17 15 20 9 17 3 20 3 7" />
4 |   <line x1="9" y1="4" x2="9" y2="17" />
5 |   <line x1="15" y1="7" x2="15" y2="20" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/markdown.43ec8e37.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-markdown" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <rect x="3" y="5" width="18" height="14" rx="2" />
4 |   <path d="M7 15v-6l2 2l2 -2v6" />
5 |   <path d="M14 13l2 2l2 -2m-2 2v-6" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/math-function.92aebdd0.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-math-function" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M14 10h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1" />
 4 |   <path d="M13 17c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5" />
 5 |   <path d="M3 19c0 1.5 .5 2 2 2s2 -4 3 -9s1.5 -9 3 -9s2 .5 2 2" />
 6 |   <line x1="5" y1="12" x2="11" y2="12" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/maximize.eb9ac5f8.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-maximize" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <polyline points="16 4 20 4 20 8" />
 4 |   <line x1="14" y1="10" x2="20" y2="4" />
 5 |   <polyline points="8 20 4 20 4 16" />
 6 |   <line x1="4" y1="20" x2="10" y2="14" />
 7 |   <polyline points="16 20 20 20 20 16" />
 8 |   <line x1="14" y1="14" x2="20" y2="20" />
 9 |   <polyline points="8 4 4 4 4 8" />
10 |   <line x1="4" y1="4" x2="10" y2="10" />
11 | </svg>
12 | 
13 | 
14 | 


--------------------------------------------------------------------------------
/docs/demo/img/menu.6566a252.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <line x1="4" y1="8" x2="20" y2="8" />
4 |   <line x1="4" y1="16" x2="20" y2="16" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/minus.1e67585f.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-minus" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <line x1="5" y1="12" x2="19" y2="12" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/mood-empty.6ad2c82f.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mood-empty" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="12" cy="12" r="9" />
 4 |   <line x1="9" y1="10" x2="9.01" y2="10" />
 5 |   <line x1="15" y1="10" x2="15.01" y2="10" />
 6 |   <line x1="9" y1="15" x2="15" y2="15" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/moon-stars.e4eddd2d.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon-stars" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
4 |   <path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2" />
5 |   <path d="M19 11h2m-1 -1v2" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/moon.230cd0fb.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/network.948fe388.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-affiliate" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M5.931 6.936l1.275 4.249m5.607 5.609l4.251 1.275" />
 4 |   <path d="M11.683 12.317l5.759 -5.759" />
 5 |   <circle cx="5.5" cy="5.5" r="1.5" />
 6 |   <circle cx="18.5" cy="5.5" r="1.5" />
 7 |   <circle cx="18.5" cy="18.5" r="1.5" />
 8 |   <circle cx="8.5" cy="15.5" r="4.5" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/news.6758e444.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-news" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11" />
 4 |   <line x1="8" y1="8" x2="12" y2="8" />
 5 |   <line x1="8" y1="12" x2="12" y2="12" />
 6 |   <line x1="8" y1="16" x2="12" y2="16" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/notebook.a89c7cc2.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-book" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
 4 |   <path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
 5 |   <line x1="3" y1="6" x2="3" y2="19" />
 6 |   <line x1="12" y1="6" x2="12" y2="19" />
 7 |   <line x1="21" y1="6" x2="21" y2="19" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/open-book.a89c7cc2.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-book" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
 4 |   <path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" />
 5 |   <line x1="3" y1="6" x2="3" y2="19" />
 6 |   <line x1="12" y1="6" x2="12" y2="19" />
 7 |   <line x1="21" y1="6" x2="21" y2="19" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/outline.cfa25fd8.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    class="icon icon-tabler icon-tabler-list"
 11 |    width="24"
 12 |    height="24"
 13 |    viewBox="0 0 24 24"
 14 |    stroke-width="1"
 15 |    stroke="#485361"
 16 |    fill="none"
 17 |    stroke-linecap="round"
 18 |    stroke-linejoin="round"
 19 |    id="svg2"
 20 |    version="1.1"
 21 |    inkscape:version="0.91 r13725"
 22 |    sodipodi:docname="tabler-icon-list.svg">
 23 |   <metadata
 24 |      id="metadata22">
 25 |     <rdf:RDF>
 26 |       <cc:Work
 27 |          rdf:about="">
 28 |         <dc:format>image/svg+xml</dc:format>
 29 |         <dc:type
 30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 31 |       </cc:Work>
 32 |     </rdf:RDF>
 33 |   </metadata>
 34 |   <defs
 35 |      id="defs20" />
 36 |   <sodipodi:namedview
 37 |      pagecolor="#ffffff"
 38 |      bordercolor="#666666"
 39 |      borderopacity="1"
 40 |      objecttolerance="10"
 41 |      gridtolerance="10"
 42 |      guidetolerance="10"
 43 |      inkscape:pageopacity="0"
 44 |      inkscape:pageshadow="2"
 45 |      inkscape:window-width="1362"
 46 |      inkscape:window-height="693"
 47 |      id="namedview18"
 48 |      showgrid="false"
 49 |      inkscape:zoom="4.9166667"
 50 |      inkscape:cx="-22.773345"
 51 |      inkscape:cy="21.317891"
 52 |      inkscape:window-x="0"
 53 |      inkscape:window-y="73"
 54 |      inkscape:window-maximized="0"
 55 |      inkscape:current-layer="svg2" />
 56 |   <path
 57 |      stroke="none"
 58 |      d="M0 0h24v24H0z"
 59 |      fill="none"
 60 |      id="path4" />
 61 |   <line
 62 |      x1="6.9661016"
 63 |      y1="6"
 64 |      x2="17.966103"
 65 |      y2="6"
 66 |      id="line6" />
 67 |   <line
 68 |      x1="10.035478"
 69 |      y1="11.033898"
 70 |      x2="17.939106"
 71 |      y2="11.033898"
 72 |      id="line8"
 73 |      style="stroke-width:1.69530129" />
 74 |   <line
 75 |      x1="2.9661016"
 76 |      y1="6"
 77 |      x2="2.9661016"
 78 |      y2="6.0100002"
 79 |      id="line12" />
 80 |   <line
 81 |      x1="6.9322033"
 82 |      y1="11.033898"
 83 |      x2="6.9322033"
 84 |      y2="11.043899"
 85 |      id="line14" />
 86 |   <line
 87 |      x1="9.9750957"
 88 |      y1="15.808558"
 89 |      x2="17.878725"
 90 |      y2="15.808558"
 91 |      id="line8-3"
 92 |      style="stroke-width:1.69530129" />
 93 |   <line
 94 |      x1="6.8718219"
 95 |      y1="15.808558"
 96 |      x2="6.8718219"
 97 |      y2="15.818559"
 98 |      id="line14-6" />
 99 |   <line
100 |      x1="10.076791"
101 |      y1="19.97805"
102 |      x2="17.980421"
103 |      y2="19.97805"
104 |      id="line8-3-7"
105 |      style="stroke-width:1.69530129" />
106 |   <line
107 |      x1="6.9735165"
108 |      y1="19.97805"
109 |      x2="6.9735165"
110 |      y2="19.98805"
111 |      id="line14-6-5" />
112 | </svg>
113 | 


--------------------------------------------------------------------------------
/docs/demo/img/package.5854eab5.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-package" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" />
 4 |   <line x1="12" y1="12" x2="20" y2="7.5" />
 5 |   <line x1="12" y1="12" x2="12" y2="21" />
 6 |   <line x1="12" y1="12" x2="4" y2="7.5" />
 7 |   <line x1="16" y1="5.25" x2="8" y2="9.75" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/packge-export.410a924d.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-packge-export" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M12 21l-8 -4.5v-9l8 -4.5l8 4.5v4.5" />
 4 |   <path d="M12 12l8 -4.5" />
 5 |   <path d="M12 12v9" />
 6 |   <path d="M12 12l-8 -4.5" />
 7 |   <path d="M15 18h7" />
 8 |   <path d="M19 15l3 3l-3 3" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/packge-import.e1d1326c.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-packge-import" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M12 21l-8 -4.5v-9l8 -4.5l8 4.5v4.5" />
 4 |   <path d="M12 12l8 -4.5" />
 5 |   <path d="M12 12v9" />
 6 |   <path d="M12 12l-8 -4.5" />
 7 |   <path d="M22 18h-7" />
 8 |   <path d="M18 15l-3 3l3 3" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/paint.a64fa7ca.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-paint" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <rect x="5" y="3" width="14" height="6" rx="2" />
4 |   <path d="M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1 -5 5l-5 0v2" />
5 |   <rect x="10" y="15" width="4" height="6" rx="1" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/palette.1cd3b510.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-palette" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M12 21a9 9 0 1 1 0 -18a9 8 0 0 1 9 8a4.5 4 0 0 1 -4.5 4h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" />
 4 |   <circle cx="7.5" cy="10.5" r=".5" fill="#485361" />
 5 |   <circle cx="12" cy="7.5" r=".5" fill="#485361" />
 6 |   <circle cx="16.5" cy="10.5" r=".5" fill="#485361" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/paperclip.f378268b.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-paperclip" width="24" height="24" viewBox="0 0 24 24" stroke-width="0.9" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/photo.a539ba56.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-photo" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="15" y1="8" x2="15.01" y2="8" />
 4 |   <rect x="4" y="4" width="16" height="16" rx="3" />
 5 |   <path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" />
 6 |   <path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/planet.97536c21.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-planet" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M18.816 13.58c2.292 2.138 3.546 4 3.092 4.9c-.745 1.46 -5.783 -.259 -11.255 -3.838c-5.47 -3.579 -9.304 -7.664 -8.56 -9.123c.464 -.91 2.926 -.444 5.803 .805" />
4 |   <circle cx="12" cy="12" r="7" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/plant.5d46b7e1.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plant" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M7 15h10v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2v-4z" />
 4 |   <path d="M12 9a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3" />
 5 |   <path d="M12 11a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3" />
 6 |   <line x1="12" y1="15" x2="12" y2="9" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/play.428b96c1.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-play" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M7 4v16l13 -8z" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/player-play.5ca58f25.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-play" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <desc>Download more icon variants from https://tabler-icons.io/i/player-play</desc>
3 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
4 |   <path d="M7 4v16l13 -8z" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/plugin.a3ce42d6.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plug" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M7 7h10v6a3 3 0 0 1 -3 3h-4a3 3 0 0 1 -3 -3v-6" />
 4 |   <line x1="9" y1="3" x2="9" y2="7" />
 5 |   <line x1="15" y1="3" x2="15" y2="7" />
 6 |   <path d="M12 16v2a2 2 0 0 0 2 2h3" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/plus.8ccf7db7.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <line x1="12" y1="5" x2="12" y2="19" />
4 |   <line x1="5" y1="12" x2="19" y2="12" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/point.74e49fa7.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-point" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <circle cx="12" cy="12" r="4" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/prompt.7bab33fb.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-prompt" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <polyline points="5 7 10 12 5 17" />
4 |   <line x1="13" y1="17" x2="19" y2="17" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/question-mark.12204fe2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-help" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <circle cx="12" cy="12" r="9" />
4 |   <line x1="12" y1="17" x2="12" y2="17.01" />
5 |   <path d="M12 13.5a1.5 1.5 0 0 1 1 -1.5a2.6 2.6 0 1 0 -3 -4" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/random.0b8ec3f6.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-switch-3" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M3 17h2.397a5 5 0 0 0 4.096 -2.133l.177 -.253m3.66 -5.227l.177 -.254a5 5 0 0 1 4.096 -2.133h3.397" />
 4 |   <path d="M18 4l3 3l-3 3" />
 5 |   <path d="M3 7h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734a5 5 0 0 0 4.096 2.133h3.397" />
 6 |   <path d="M18 20l3 -3l-3 -3" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/report.636892ab.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-report" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M8 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h5.697" />
 4 |   <path d="M18 14v4h4" />
 5 |   <path d="M18 11v-4a2 2 0 0 0 -2 -2h-2" />
 6 |   <rect x="8" y="3" width="6" height="4" rx="2" />
 7 |   <circle cx="18" cy="18" r="4" />
 8 |   <path d="M8 11h4" />
 9 |   <path d="M8 15h3" />
10 | </svg>
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/docs/demo/img/save.4736a320.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    class="icon icon-tabler icon-tabler-device-floppy"
11 |    width="24"
12 |    height="24"
13 |    viewBox="0 0 24 24"
14 |    stroke-width="1"
15 |    stroke="#485361"
16 |    fill="none"
17 |    stroke-linecap="round"
18 |    stroke-linejoin="round"
19 |    id="svg2"
20 |    version="1.1"
21 |    inkscape:version="0.91 r13725"
22 |    sodipodi:docname="save.svg">
23 |   <metadata
24 |      id="metadata16">
25 |     <rdf:RDF>
26 |       <cc:Work
27 |          rdf:about="">
28 |         <dc:format>image/svg+xml</dc:format>
29 |         <dc:type
30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31 |       </cc:Work>
32 |     </rdf:RDF>
33 |   </metadata>
34 |   <defs
35 |      id="defs14" />
36 |   <sodipodi:namedview
37 |      pagecolor="#ffffff"
38 |      bordercolor="#666666"
39 |      borderopacity="1"
40 |      objecttolerance="10"
41 |      gridtolerance="10"
42 |      guidetolerance="10"
43 |      inkscape:pageopacity="0"
44 |      inkscape:pageshadow="2"
45 |      inkscape:window-width="1362"
46 |      inkscape:window-height="675"
47 |      id="namedview12"
48 |      showgrid="false"
49 |      inkscape:zoom="9.8333333"
50 |      inkscape:cx="-10.054084"
51 |      inkscape:cy="11.193979"
52 |      inkscape:window-x="0"
53 |      inkscape:window-y="91"
54 |      inkscape:window-maximized="0"
55 |      inkscape:current-layer="svg2" />
56 |   <path
57 |      stroke="none"
58 |      d="M0 0h24v24H0z"
59 |      fill="none"
60 |      id="path4" />
61 |   <path
62 |      d="m 6,4 10,0 4,4 0,5.067797 L 20,18 c 0,1.104569 -0.895431,2 -2,2 L 6,20 C 4.8954305,20 4,19.104569 4,18 L 4,6 C 4,4.8954305 4.8954305,4 6,4"
63 |      id="path6"
64 |      style="stroke:#485361;stroke-opacity:1"
65 |      inkscape:connector-curvature="0"
66 |      sodipodi:nodetypes="ccccsssssc" />
67 |   <circle
68 |      cx="12"
69 |      cy="14"
70 |      r="2"
71 |      id="circle8"
72 |      style="stroke:#485361;stroke-opacity:1" />
73 |   <polyline
74 |      points="14 4 14 8 8 8 8 4"
75 |      id="polyline10"
76 |      style="stroke:#485361;stroke-opacity:1" />
77 | </svg>
78 | 


--------------------------------------------------------------------------------
/docs/demo/img/school.50d75bd8.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-school" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6" />
4 |   <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/settings.f45fa072.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-settings" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" />
4 |   <circle cx="12" cy="12" r="3" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/single-page.bc429aec.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-pagekit" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M12.077 20h-5.077v-16h11v14h-5.077" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/sitemap.52523645.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sitemap" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <rect x="3" y="15" width="6" height="6" rx="2" />
 4 |   <rect x="15" y="15" width="6" height="6" rx="2" />
 5 |   <rect x="9" y="3" width="6" height="6" rx="2" />
 6 |   <path d="M6 15v-1a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v1" />
 7 |   <line x1="12" y1="9" x2="12" y2="12" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/split-horizontal.02b65d05.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-border-horizontal" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="4" y1="12" x2="20" y2="12" />
 4 |   <line x1="4" y1="4" x2="4" y2="4.01" />
 5 |   <line x1="8" y1="4" x2="8" y2="4.01" />
 6 |   <line x1="12" y1="4" x2="12" y2="4.01" />
 7 |   <line x1="16" y1="4" x2="16" y2="4.01" />
 8 |   <line x1="20" y1="4" x2="20" y2="4.01" />
 9 |   <line x1="4" y1="8" x2="4" y2="8.01" />
10 |   <line x1="12" y1="8" x2="12" y2="8.01" />
11 |   <line x1="20" y1="8" x2="20" y2="8.01" />
12 |   <line x1="4" y1="16" x2="4" y2="16.01" />
13 |   <line x1="12" y1="16" x2="12" y2="16.01" />
14 |   <line x1="20" y1="16" x2="20" y2="16.01" />
15 |   <line x1="4" y1="20" x2="4" y2="20.01" />
16 |   <line x1="8" y1="20" x2="8" y2="20.01" />
17 |   <line x1="12" y1="20" x2="12" y2="20.01" />
18 |   <line x1="16" y1="20" x2="16" y2="20.01" />
19 |   <line x1="20" y1="20" x2="20" y2="20.01" />
20 | </svg>
21 | 
22 | 
23 | 


--------------------------------------------------------------------------------
/docs/demo/img/split-vertical.9f33ba1c.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-border-vertical" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="12" y1="4" x2="12" y2="20" />
 4 |   <line x1="4" y1="4" x2="4" y2="4.01" />
 5 |   <line x1="8" y1="4" x2="8" y2="4.01" />
 6 |   <line x1="16" y1="4" x2="16" y2="4.01" />
 7 |   <line x1="20" y1="4" x2="20" y2="4.01" />
 8 |   <line x1="4" y1="8" x2="4" y2="8.01" />
 9 |   <line x1="20" y1="8" x2="20" y2="8.01" />
10 |   <line x1="4" y1="12" x2="4" y2="12.01" />
11 |   <line x1="8" y1="12" x2="8" y2="12.01" />
12 |   <line x1="16" y1="12" x2="16" y2="12.01" />
13 |   <line x1="20" y1="12" x2="20" y2="12.01" />
14 |   <line x1="4" y1="16" x2="4" y2="16.01" />
15 |   <line x1="20" y1="16" x2="20" y2="16.01" />
16 |   <line x1="4" y1="20" x2="4" y2="20.01" />
17 |   <line x1="8" y1="20" x2="8" y2="20.01" />
18 |   <line x1="16" y1="20" x2="16" y2="20.01" />
19 |   <line x1="20" y1="20" x2="20" y2="20.01" />
20 | </svg>
21 | 
22 | 
23 | 


--------------------------------------------------------------------------------
/docs/demo/img/square.e3ae5e15.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <rect x="4" y="4" width="16" height="16" rx="2" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/star-off.2e7e321c.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star-off" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <line x1="3" y1="3" x2="21" y2="21" />
4 |   <path d="M10.012 6.016l1.981 -4.014l3.086 6.253l6.9 1l-4.421 4.304m.012 4.01l.588 3.426l-6.158 -3.245l-6.172 3.245l1.179 -6.873l-5 -4.867l6.327 -.917" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/star.a95e48b9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/table.6d490f88.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-table" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <rect x="4" y="4" width="16" height="16" rx="2" />
4 |   <line x1="4" y1="10" x2="20" y2="10" />
5 |   <line x1="10" y1="4" x2="10" y2="20" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/tag.aeea4c23.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="5" y1="9" x2="19" y2="9" />
 4 |   <line x1="5" y1="15" x2="19" y2="15" />
 5 |   <line x1="11" y1="4" x2="7" y2="20" />
 6 |   <line x1="17" y1="4" x2="13" y2="20" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/tech-box.2f72163f.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-codesandbox" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M20 7.5v9l-4 2.25l-4 2.25l-4 -2.25l-4 -2.25v-9l4 -2.25l4 -2.25l4 2.25z" />
 4 |   <path d="M12 12l4 -2.25l4 -2.25" />
 5 |   <line x1="12" y1="12" x2="12" y2="21" />
 6 |   <path d="M12 12l-4 -2.25l-4 -2.25" />
 7 |   <path d="M20 12l-4 2v4.75" />
 8 |   <path d="M4 12l4 2l0 4.75" />
 9 |   <path d="M8 5.25l4 2.25l4 -2.25" />
10 | </svg>
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/docs/demo/img/template.2aaff5be.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-template" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <rect x="4" y="4" width="16" height="4" rx="1" />
 4 |   <rect x="4" y="12" width="6" height="8" rx="1" />
 5 |   <line x1="14" y1="12" x2="20" y2="12" />
 6 |   <line x1="14" y1="16" x2="20" y2="16" />
 7 |   <line x1="14" y1="20" x2="20" y2="20" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/terminal.03059f83.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-terminal-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M8 9l3 3l-3 3" />
4 |   <line x1="13" y1="15" x2="16" y2="15" />
5 |   <rect x="3" y="4" width="18" height="16" rx="2" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/test-pipe.b85eb77a.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-test-pipe" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M20 8.04l-12.122 12.124a2.857 2.857 0 1 1 -4.041 -4.04l12.122 -12.124" />
 4 |   <path d="M7 13h8" />
 5 |   <path d="M19 15l1.5 1.6a2 2 0 1 1 -3 0l1.5 -1.6z" />
 6 |   <path d="M15 3l6 6" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/tool.7e5656dc.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tool" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/demo/img/tools.53702ca8.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tools" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4" />
 4 |   <line x1="14.5" y1="5.5" x2="18.5" y2="9.5" />
 5 |   <polyline points="12 8 7 3 3 7 8 12" />
 6 |   <line x1="7" y1="8" x2="5.5" y2="9.5" />
 7 |   <polyline points="16 12 21 17 17 21 12 16" />
 8 |   <line x1="16" y1="17" x2="14.5" y2="18.5" />
 9 | </svg>
10 | 
11 | 
12 | 


--------------------------------------------------------------------------------
/docs/demo/img/trash.99d896ea.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-trash" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="4" y1="7" x2="20" y2="7" />
 4 |   <line x1="10" y1="11" x2="10" y2="17" />
 5 |   <line x1="14" y1="11" x2="14" y2="17" />
 6 |   <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" />
 7 |   <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/tree.638b5619.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tree" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M12 13l-2 -2" />
 4 |   <path d="M12 12l2 -2" />
 5 |   <path d="M12 21v-13" />
 6 |   <path d="M9.824 15.995a3 3 0 0 1 -2.743 -3.69a2.998 2.998 0 0 1 .304 -4.833a3 3 0 0 1 4.615 -3.707a3 3 0 0 1 4.614 3.707a2.997 2.997 0 0 1 .305 4.833a3 3 0 0 1 -2.919 3.695h-4z" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/typography.20e700ca.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-typography" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <line x1="4" y1="20" x2="7" y2="20" />
 4 |   <line x1="14" y1="20" x2="21" y2="20" />
 5 |   <line x1="6.9" y1="15" x2="13.8" y2="15" />
 6 |   <line x1="10.2" y1="6.3" x2="16" y2="20" />
 7 |   <polyline points="5 20 11 4 13 4 20 20" />
 8 | </svg>
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/docs/demo/img/urgent.b2be75e9.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-urgent" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M8 16v-4a4 4 0 0 1 8 0v4" />
4 |   <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7" />
5 |   <rect x="6" y="16" width="12" height="4" rx="1" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/users.902b8d76.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="9" cy="7" r="4" />
 4 |   <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
 5 |   <path d="M16 3.13a4 4 0 0 1 0 7.75" />
 6 |   <path d="M21 21v-2a4 4 0 0 0 -3 -3.85" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/img/variable.2e55a8f3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-variable" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1" />
4 |   <path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/versions.0771d6de.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-versions" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <rect x="10" y="5" width="10" height="14" rx="2" />
4 |   <line x1="7" y1="7" x2="7" y2="17" />
5 |   <line x1="4" y1="8" x2="4" y2="16" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/vertical-list.3d618662.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    class="icon icon-tabler icon-tabler-list"
11 |    width="24"
12 |    height="24"
13 |    viewBox="0 0 24 24"
14 |    stroke-width="2"
15 |    stroke="#485361"
16 |    fill="none"
17 |    stroke-linecap="round"
18 |    stroke-linejoin="round"
19 |    id="svg2"
20 |    version="1.1"
21 |    inkscape:version="0.91 r13725"
22 |    sodipodi:docname="vertical-list.svg">
23 |   <metadata
24 |      id="metadata22">
25 |     <rdf:RDF>
26 |       <cc:Work
27 |          rdf:about="">
28 |         <dc:format>image/svg+xml</dc:format>
29 |         <dc:type
30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31 |       </cc:Work>
32 |     </rdf:RDF>
33 |   </metadata>
34 |   <defs
35 |      id="defs20" />
36 |   <sodipodi:namedview
37 |      pagecolor="#ffffff"
38 |      bordercolor="#666666"
39 |      borderopacity="1"
40 |      objecttolerance="10"
41 |      gridtolerance="10"
42 |      guidetolerance="10"
43 |      inkscape:pageopacity="0"
44 |      inkscape:pageshadow="2"
45 |      inkscape:window-width="1362"
46 |      inkscape:window-height="711"
47 |      id="namedview18"
48 |      showgrid="false"
49 |      inkscape:zoom="6.9532167"
50 |      inkscape:cx="5.6397794"
51 |      inkscape:cy="12.585813"
52 |      inkscape:window-x="0"
53 |      inkscape:window-y="55"
54 |      inkscape:window-maximized="0"
55 |      inkscape:current-layer="svg2" />
56 |   <path
57 |      d="M0 0h24v24H0z"
58 |      id="path4"
59 |      stroke="none"
60 |      fill="none" />
61 |   <line
62 |      x1="11.711864"
63 |      y1="6.3559322"
64 |      x2="11.711864"
65 |      y2="6.3659325"
66 |      id="line12" />
67 |   <line
68 |      x1="11.711864"
69 |      y1="12.355932"
70 |      x2="11.711864"
71 |      y2="12.365932"
72 |      id="line14" />
73 |   <line
74 |      x1="11.711864"
75 |      y1="18.355932"
76 |      x2="11.711864"
77 |      y2="18.365932"
78 |      id="line16" />
79 | </svg>
80 | 


--------------------------------------------------------------------------------
/docs/demo/img/video.bf601f13.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-video" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" />
4 |   <rect x="3" y="6" width="12" height="12" rx="2" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/demo/img/vocabulary.424e1eeb.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-vocabulary" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M10 19h-6a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1h6a2 2 0 0 1 2 2a2 2 0 0 1 2 -2h6a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-6a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2z" />
 4 |   <path d="M12 5v16" />
 5 |   <path d="M7 7h1" />
 6 |   <path d="M7 11h1" />
 7 |   <path d="M16 7h1" />
 8 |   <path d="M16 11h1" />
 9 |   <path d="M16 15h1" />
10 | </svg>
11 | 
12 | 
13 | 


--------------------------------------------------------------------------------
/docs/demo/img/writing.ff929adb.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-writing" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M20 17v-12c0 -1.121 -.879 -2 -2 -2s-2 .879 -2 2v12l2 2l2 -2z" />
4 |   <path d="M16 7h4" />
5 |   <path d="M18 19h-13a2 2 0 1 1 0 -4h4a2 2 0 1 0 0 -4h-3" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/docs/demo/img/x.1480f851.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    class="icon icon-tabler icon-tabler-x"
11 |    width="24"
12 |    height="24"
13 |    viewBox="0 0 24 24"
14 |    stroke-width="1"
15 |    stroke="#485361"
16 |    fill="none"
17 |    stroke-linecap="round"
18 |    stroke-linejoin="round"
19 |    id="svg2"
20 |    version="1.1"
21 |    inkscape:version="0.91 r13725"
22 |    sodipodi:docname="x.svg">
23 |   <metadata
24 |      id="metadata14">
25 |     <rdf:RDF>
26 |       <cc:Work
27 |          rdf:about="">
28 |         <dc:format>image/svg+xml</dc:format>
29 |         <dc:type
30 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31 |       </cc:Work>
32 |     </rdf:RDF>
33 |   </metadata>
34 |   <defs
35 |      id="defs12" />
36 |   <sodipodi:namedview
37 |      pagecolor="#ffffff"
38 |      bordercolor="#666666"
39 |      borderopacity="1"
40 |      objecttolerance="10"
41 |      gridtolerance="10"
42 |      guidetolerance="10"
43 |      inkscape:pageopacity="0"
44 |      inkscape:pageshadow="2"
45 |      inkscape:window-width="1362"
46 |      inkscape:window-height="711"
47 |      id="namedview10"
48 |      showgrid="false"
49 |      inkscape:zoom="9.8333333"
50 |      inkscape:cx="7.1801196"
51 |      inkscape:cy="8.5897313"
52 |      inkscape:window-x="0"
53 |      inkscape:window-y="55"
54 |      inkscape:window-maximized="0"
55 |      inkscape:current-layer="svg2" />
56 |   <line
57 |      x1="18.648699"
58 |      y1="5.3513007"
59 |      x2="5.1479106"
60 |      y2="18.852091"
61 |      id="line6"
62 |      style="fill:#485361;fill-opacity:1;stroke:#485361;stroke-width:1.1250658;stroke-opacity:1" />
63 |   <line
64 |      x1="5.1479106"
65 |      y1="5.3513007"
66 |      x2="18.648699"
67 |      y2="18.852091"
68 |      id="line8"
69 |      style="stroke:#485361;stroke-width:1.1250658;stroke-opacity:1" />
70 | </svg>
71 | 


--------------------------------------------------------------------------------
/docs/demo/img/yin-yang.a72d57c0.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-yin-yang" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <circle cx="12" cy="12" r="9" />
 4 |   <path d="M12 3a4.5 4.5 0 0 0 0 9a4.5 4.5 0 0 1 0 9" />
 5 |   <circle cx="12" cy="7.5" r=".5" fill="currentColor" />
 6 |   <circle cx="12" cy="16.5" r=".5" fill="currentColor" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/docs/demo/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><link href="css/app.cf4de9f6.css" rel="preload" as="style"><link href="js/app.5540f4c0.js" rel="preload" as="script"><link href="js/chunk-vendors.542ac056.js" rel="preload" as="script"><link href="css/app.cf4de9f6.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png"><link rel="manifest" href="manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="ilse-langnar-notebook"><link rel="apple-touch-icon" href="img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><div id="app"></div><script src="js/chunk-vendors.542ac056.js"></script><script src="js/app.5540f4c0.js"></script></body></html>


--------------------------------------------------------------------------------
/docs/demo/manifest.json:
--------------------------------------------------------------------------------
1 | {"name":"ilse-langnar-notebook","short_name":"ilse-langnar-notebook","theme_color":"#4DBA87","icons":[{"src":"./img/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"./img/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"},{"src":"./img/icons/android-chrome-maskable-192x192.png","sizes":"192x192","type":"image/png","purpose":"maskable"},{"src":"./img/icons/android-chrome-maskable-512x512.png","sizes":"512x512","type":"image/png","purpose":"maskable"}],"start_url":".","display":"standalone","background_color":"#000000"}


--------------------------------------------------------------------------------
/docs/demo/service-worker.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Welcome to your Workbox-powered service worker!
 3 |  *
 4 |  * You'll need to register this file in your web app and you should
 5 |  * disable HTTP caching for this file too.
 6 |  * See https://goo.gl/nhQhGp
 7 |  *
 8 |  * The rest of the code is auto-generated. Please don't update this file
 9 |  * directly; instead, make changes to your Workbox build configuration
10 |  * and re-run your build process.
11 |  * See https://goo.gl/2aRDsh
12 |  */
13 | 
14 | importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
15 | 
16 | importScripts(
17 |   "precache-manifest.4855809beef607d31e944a1448f3579a.js"
18 | );
19 | 
20 | workbox.core.setCacheNameDetails({prefix: "ilse-langnar-notebook"});
21 | 
22 | self.addEventListener('message', (event) => {
23 |   if (event.data && event.data.type === 'SKIP_WAITING') {
24 |     self.skipWaiting();
25 |   }
26 | });
27 | 
28 | /**
29 |  * The workboxSW.precacheAndRoute() method efficiently caches and responds to
30 |  * requests for URLs in the manifest.
31 |  * See https://goo.gl/S9QRab
32 |  */
33 | self.__precacheManifest = [].concat(self.__precacheManifest || []);
34 | workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
35 | 


--------------------------------------------------------------------------------
/docs/ilse.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/ilse.jpeg


--------------------------------------------------------------------------------
/docs/mail.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mail" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <rect x="3" y="5" width="18" height="14" rx="2" />
4 |   <polyline points="3 7 12 13 21 7" />
5 | </svg>
6 | 
7 | 
8 | 


--------------------------------------------------------------------------------
/docs/moth.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/moth.jpg


--------------------------------------------------------------------------------
/docs/npm-install-ilse.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/npm-install-ilse.png


--------------------------------------------------------------------------------
/docs/play.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-play" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M7 4v16l13 -8z" />
4 | </svg>
5 | 
6 | 
7 | 


--------------------------------------------------------------------------------
/docs/screenshot-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/screenshot-1.png


--------------------------------------------------------------------------------
/docs/screenshot-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/screenshot-2.png


--------------------------------------------------------------------------------
/docs/screenshot-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/screenshot-3.png


--------------------------------------------------------------------------------
/docs/screenshot-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/screenshot-4.png


--------------------------------------------------------------------------------
/docs/screenshot-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/docs/screenshot-5.png


--------------------------------------------------------------------------------
/docs/terminal.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-terminal-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
3 |   <path d="M8 9l3 3l-3 3" />
4 |   <line x1="13" y1="15" x2="16" y2="15" />
5 |   <rect x="3" y="4" width="18" height="16" rx="2" />
6 | </svg>
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/javascript/cli/.gitignore:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | node_modules/
 4 | node_modules/**/*
 5 | node_modules
 6 | 
 7 | /node_modules/
 8 | 
 9 | */node_modules/
10 | */node_modules
11 | 
12 | example/
13 | 
14 | node_modules/*
15 | trash
16 | 
17 | log.log
18 | 
19 | test/
20 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Autopad.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | 
 4 | function autopad( blessed, screen ) {
 5 | 
 6 |     var box1 = blessed.box({
 7 |       parent: screen,
 8 |       top: 'center',
 9 |       left: 'center',
10 |       width: 20,
11 |       height: 10,
12 |       border: 'line'
13 |     });
14 | 
15 |     var box2 = blessed.box({
16 |       parent: box1,
17 |       top: 0,
18 |       left: 0,
19 |       width: 10,
20 |       height: 5,
21 |       border: 'line'
22 |     });
23 | 
24 |     screen.key('q', function() {
25 |       return screen.destroy();
26 |     });
27 | 
28 |     screen.render();
29 | 
30 | }
31 | 
32 | module.exports = autopad
33 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/BigText.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function big_text( blessed, screen ) {
 4 | 
 5 |     var box = blessed.bigtext({
 6 |       parent: screen,
 7 |       content: 'Hello',
 8 |       shrink: true,
 9 |       width: '80%',
10 |       // height: '80%',
11 |       height: 'shrink',
12 |       // width: 'shrink',
13 |       border: 'line',
14 |       fch: ' ',
15 |       ch: '\u2592',
16 |       style: {
17 |         fg: 'red',
18 |         bg: 'blue',
19 |         bold: false
20 |       }
21 |     });
22 | 
23 |     screen.key('q', function() {
24 |       return screen.destroy();
25 |     });
26 | 
27 |     screen.render();
28 | 
29 | }
30 | 
31 | module.exports = big_text
32 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/CSR.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function csr( blessed, screen ) {
 4 | 
 5 |     var lorem = require('fs').readFileSync(__dirname + '/git.diff', 'utf8');
 6 | 
 7 |     var cleanSides = screen.cleanSides;
 8 |     function expectClean(value) {
 9 |       screen.cleanSides = function(el) {
10 |         var ret = cleanSides.apply(this, arguments);
11 |         if (ret !== value) {
12 |           throw new Error('Failed. Expected '
13 |             + value + ' from cleanSides. Got '
14 |             + ret + '.');
15 |         }
16 |         return ret;
17 |       };
18 |     }
19 | 
20 |     /*
21 |     blessed.box({
22 |       parent: screen,
23 |       left: 0,
24 |       top: 'center',
25 |       width: '50%',
26 |       height: 2,
27 |       style: {
28 |         bg: 'green'
29 |       },
30 |       content: 'This will disallow CSR.'
31 |     });
32 |     expectClean(false);
33 |     */
34 | 
35 |     var btext = blessed.box({
36 |       parent: screen,
37 |       left: 'center',
38 |       top: 'center',
39 |       width: '80%',
40 |       height: '80%',
41 |       style: {
42 |         bg: 'green'
43 |       },
44 |       border: 'line',
45 |       content: 'CSR should still work.'
46 |     });
47 |     btext._oscroll = btext.scroll;
48 |     btext.scroll = function(offset, always) {
49 |       expectClean(true);
50 |       return btext._oscroll(offset, always);
51 |     };
52 | 
53 |     var text = blessed.scrollabletext({
54 |       parent: screen,
55 |       content: lorem,
56 |       border: 'line',
57 |       left: 'center',
58 |       top: 'center',
59 |       draggable: true,
60 |       width: '50%',
61 |       height: '50%',
62 |       mouse: true,
63 |       keys: true,
64 |       vi: true
65 |     });
66 | 
67 |     text._oscroll = text.scroll;
68 |     text.scroll = function(offset, always) {
69 |       var el = this;
70 |       var value = true;
71 |       if (el.left < 0) value = true;
72 |       if (el.top < 0) value = false;
73 |       if (el.left + el.width > screen.width) value = true;
74 |       if (el.top + el.height > screen.height) value = false;
75 |       expectClean(value);
76 |       return text._oscroll(offset, always);
77 |     };
78 | 
79 |     text.focus();
80 | 
81 |     screen.key('q', function() {
82 |       return screen.destroy();
83 |     });
84 | 
85 |     screen.render();
86 | }
87 | 
88 | module.exports = csr
89 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Dock.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function dock( blessed, screen ) {
  4 | 
  5 |     var topleft = blessed.box({
  6 |       parent: screen,
  7 |       left: 0,
  8 |       top: 0,
  9 |       width: '50%',
 10 |       height: '50%',
 11 |       border: {
 12 |         type: 'line',
 13 |         left: false,
 14 |         top: false,
 15 |         right: true,
 16 |         bottom: false
 17 |       },
 18 |       // border: 'line',
 19 |       content: 'Foo'
 20 |     });
 21 | 
 22 |     var topright = blessed.box({
 23 |       parent: screen,
 24 |       left: '50%-1',
 25 |       top: 0,
 26 |       width: '50%+1',
 27 |       height: '50%',
 28 |       border: {
 29 |         type: 'line',
 30 |         left: true,
 31 |         top: false,
 32 |         right: false,
 33 |         bottom: false
 34 |       },
 35 |       // border: 'line',
 36 |       content: 'Bar'
 37 |     });
 38 | 
 39 |     var bottomleft = blessed.box({
 40 |       parent: screen,
 41 |       left: 0,
 42 |       top: '50%-1',
 43 |       width: '50%',
 44 |       height: '50%+1',
 45 |       border: {
 46 |         type: 'line',
 47 |         left: false,
 48 |         top: true,
 49 |         right: false,
 50 |         bottom: false
 51 |       },
 52 |       border: 'line',
 53 |       content: 'Foo'
 54 |     });
 55 | 
 56 |     var bottomright = blessed.listtable({
 57 |       parent: screen,
 58 |       left: '50%-1',
 59 |       top: '50%-1',
 60 |       width: '50%+1',
 61 |       height: '50%+1',
 62 |       border: {
 63 |         type: 'line',
 64 |         left: true,
 65 |         top: true,
 66 |         right: false,
 67 |         bottom: false
 68 |       },
 69 |       // border: 'line',
 70 |       align: 'center',
 71 |       tags: true,
 72 |       keys: true,
 73 |       vi: true,
 74 |       mouse: true,
 75 |       style: {
 76 |         header: {
 77 |           fg: 'blue',
 78 |           bold: true
 79 |         },
 80 |         cell: {
 81 |           fg: 'magenta',
 82 |           selected: {
 83 |             bg: 'blue'
 84 |           }
 85 |         }
 86 |       },
 87 |       data: [
 88 |         [ 'Animals',  'Foods',  'Times',   'Numbers' ],
 89 |         [ 'Elephant', 'Apple',  '1:00am',  'One'     ],
 90 |         [ 'Bird',     'Orange', '2:15pm',  'Two'     ],
 91 |         [ 'T-Rex',    'Taco',   '8:45am',  'Three'   ],
 92 |         [ 'Mouse',    'Cheese', '9:05am',  'Four'    ]
 93 |       ]
 94 |     });
 95 | 
 96 |     bottomright.focus();
 97 | 
 98 |     var over = blessed.box({
 99 |       parent: screen,
100 |       left: 'center',
101 |       top: 'center',
102 |       width: '50%',
103 |       height: '50%',
104 |       draggable: true,
105 |       border: {
106 |         type: 'line',
107 |         left: false,
108 |         top: true,
109 |         right: true,
110 |         bottom: true
111 |       },
112 |       content: 'Drag Me'
113 |     });
114 | 
115 |     screen.key('q', function() {
116 |       return screen.destroy();
117 |     });
118 | 
119 |     screen.render();
120 | }
121 | module.exports = dock
122 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/DockNoBorder.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function dock_no_border( blessed, screen ) {
 4 | 
 5 |     blessed.box({
 6 |       parent: screen,
 7 |       left: -1,
 8 |       top: -1,
 9 |       width: '50%+1',
10 |       height: '50%+1',
11 |       border: 'line',
12 |       content: 'Foo'
13 |     });
14 | 
15 |     blessed.box({
16 |       parent: screen,
17 |       left: '50%-1',
18 |       top: -1,
19 |       width: '50%+3',
20 |       height: '50%+1',
21 |       content: 'Bar',
22 |       border: 'line'
23 |     });
24 | 
25 |     blessed.box({
26 |       parent: screen,
27 |       left: -1,
28 |       top: '50%-1',
29 |       width: '50%+1',
30 |       height: '50%+3',
31 |       border: 'line',
32 |       content: 'Foo'
33 |     });
34 | 
35 |     blessed.listtable({
36 |       parent: screen,
37 |       left: '50%-1',
38 |       top: '50%-1',
39 |       width: '50%+3',
40 |       height: '50%+3',
41 |       border: 'line',
42 |       align: 'center',
43 |       tags: true,
44 |       keys: true,
45 |       vi: true,
46 |       mouse: true,
47 |       style: {
48 |         header: {
49 |           fg: 'blue',
50 |           bold: true
51 |         },
52 |         cell: {
53 |           fg: 'magenta',
54 |           selected: {
55 |             bg: 'blue'
56 |           }
57 |         }
58 |       },
59 |       data: [
60 |         [ 'Animals',  'Foods',  'Times',   'Numbers' ],
61 |         [ 'Elephant', 'Apple',  '1:00am',  'One'     ],
62 |         [ 'Bird',     'Orange', '2:15pm',  'Two'     ],
63 |         [ 'T-Rex',    'Taco',   '8:45am',  'Three'   ],
64 |         [ 'Mouse',    'Cheese', '9:05am',  'Four'    ]
65 |       ]
66 |     }).focus();
67 | 
68 |     // blessed.box({
69 |     //   parent: screen,
70 |     //   left: '50%-1',
71 |     //   top: '50%-1',
72 |     //   width: '50%+1',
73 |     //   height: '50%+1',
74 |     //   border: 'line',
75 |     //   content: 'Bar'
76 |     // });
77 | 
78 |     screen.key('q', function() {
79 |       return screen.destroy();
80 |     });
81 | 
82 |     screen.render();
83 | 
84 | }
85 | module.exports = dock_no_border
86 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Exit.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | 
 4 | function exit( blessed, screen ) {
 5 | 
 6 |     var box = blessed.prompt({
 7 |       parent: screen,
 8 |       left: 'center',
 9 |       top: 'center',
10 |       width: '70%',
11 |       height: 'shrink',
12 |       border: 'line'
13 |     });
14 | 
15 |     screen.render();
16 | 
17 |     box.input('Input: ', '', function(err, data) {
18 |       screen.destroy();
19 |       if (process.argv[2] === 'resume') {
20 |         process.stdin.resume();
21 |       } else if (process.argv[2] === 'end') {
22 |         process.stdin.setRawMode(false);
23 |         process.stdin.end();
24 |       }
25 |       if (err) throw err;
26 |       console.log('Input: ' + data);
27 |     });
28 | 
29 |     screen.key('C-q', function(ch, key) {
30 |       return screen.destroy();
31 |     });
32 | 
33 | }
34 | 
35 | module.exports = exit
36 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/File.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function file( blessed, screen, target_dir ) {
 4 | 
 5 |     var fm = blessed.filemanager({
 6 |       parent: screen,
 7 |       border: 'line',
 8 |       style: {
 9 |         selected: {
10 |           bg: 'blue'
11 |         }
12 |       },
13 |       height: 'half',
14 |       width: 'half',
15 |       top: 'center',
16 |       left: 'center',
17 |       label: ' {blue-fg}%path{/blue-fg} ',
18 |       // cwd: process.env.HOME,
19 |       cwd: target_dir,
20 |       keys: true,
21 |       vi: true,
22 |       scrollbar: {
23 |         bg: 'white',
24 |         ch: ' '
25 |       }
26 |     });
27 | 
28 |     var box = blessed.box({
29 |       parent: screen,
30 |       style: {
31 |         bg: 'green'
32 |       },
33 |       border: 'line',
34 |       height: 'half',
35 |       width: 'half',
36 |       top: 'center',
37 |       left: 'center',
38 |       hidden: true
39 |     });
40 | 
41 |     fm.refresh();
42 | 
43 |     screen.render();
44 | 
45 |     screen.key('q', function() {
46 |       screen.destroy();
47 |     });
48 | 
49 |     screen.key(['s', 'p'], function() {
50 |       fm.hide();
51 |       screen.render();
52 |       setTimeout(function() {
53 |         fm.pick(function(err, file) {
54 |           box.show();
55 |           box.setContent(err ? err + '' : file);
56 |           screen.render();
57 |           setTimeout(function() {
58 |             box.hide();
59 |             fm.reset(function() {
60 |               fm.show();
61 |               screen.render();
62 |             });
63 |           }, 2000);
64 |         });
65 |       }, 2000);
66 |     });
67 | 
68 | }
69 | 
70 | module.exports = file
71 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Filesystem.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function Filesystem( blessed, location = null ) {
 4 | 
 5 |     if( !location ) throw new Error( "ERROR: Filesystem.js -> location IS NULL" )
 6 | 
 7 |     var fm = blessed.filemanager({
 8 |         parent: screen,
 9 |         border: 'line',
10 |         style: {
11 |             selected: {
12 |                 bg: 'blue'
13 |             }
14 |         },
15 |         height: 'half',
16 |         width: 'half',
17 |         top: 'center',
18 |         left: 'center',
19 |         label: ' {blue-fg}%path{/blue-fg} ',
20 |         // cwd: process.env.HOME,
21 |         // cwd: "/home/viktor/Downloads/zettel/",
22 |         cwd: location,
23 |         keys: true,
24 |         vi: true,
25 |         scrollbar: {
26 |             bg: 'white',
27 |             ch: ' '
28 |         }
29 |     });
30 | 
31 |     var box = blessed.box({
32 |         parent: screen,
33 |         style: {
34 |             bg: 'green'
35 |         },
36 |         border: 'line',
37 |         height: 'half',
38 |         width: 'half',
39 |         top: 'center',
40 |         left: 'center',
41 |         hidden: true
42 |     });
43 | 
44 |     fm.refresh();
45 | 
46 |     screen.render();
47 | 
48 |     screen.key('q', function() {
49 |         screen.destroy();
50 |     });
51 | 
52 |     fm.key( "enter", function( event ) {
53 |         printf( "Filesystem -> Event -> ", event )
54 |     })
55 | 
56 |     screen.key(['s', 'p'], function() {
57 |         fm.hide();
58 |         screen.render();
59 |         setTimeout(function() {
60 |             fm.pick(function(err, file) {
61 |                 box.show();
62 |                 box.setContent(err ? err + '' : file);
63 |                 screen.render();
64 |                 setTimeout(function() {
65 |                     box.hide();
66 |                     fm.reset(function() {
67 |                         fm.show();
68 |                         screen.render();
69 |                     });
70 |                 }, 2000);
71 |             });
72 |         }, 2000);
73 |     });
74 | }
75 | 
76 | module.exports = Filesystem
77 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Form.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function form( blessed, screen ) {
  4 | 
  5 |     var form = blessed.form({
  6 |       parent: screen,
  7 |       mouse: true,
  8 |       keys: true,
  9 |       vi: true,
 10 |       left: 0,
 11 |       top: 0,
 12 |       width: '100%',
 13 |       //height: 12,
 14 |       style: {
 15 |         bg: 'green',
 16 |         // border: {
 17 |         //   inverse: true
 18 |         // },
 19 |         scrollbar: {
 20 |           inverse: true
 21 |         }
 22 |       },
 23 |       content: 'foobar',
 24 |       scrollable: true,
 25 |       // border: {
 26 |       //   type: 'ch',
 27 |       //   ch: ' '
 28 |       // },
 29 |       scrollbar: {
 30 |         ch: ' '
 31 |       }
 32 |       //alwaysScroll: true
 33 |     });
 34 | 
 35 |     form.on('submit', function(data) {
 36 |       output.setContent(JSON.stringify(data, null, 2));
 37 |       screen.render();
 38 |     });
 39 | 
 40 |     form.key('d', function() {
 41 |       form.scroll(1, true);
 42 |       screen.render();
 43 |     });
 44 | 
 45 |     form.key('u', function() {
 46 |       form.scroll(-1, true);
 47 |       screen.render();
 48 |     });
 49 | 
 50 |     var set = blessed.radioset({
 51 |       parent: form,
 52 |       left: 1,
 53 |       top: 1,
 54 |       shrink: true,
 55 |       //padding: 1,
 56 |       //content: 'f',
 57 |       style: {
 58 |         bg: 'magenta'
 59 |       }
 60 |     });
 61 | 
 62 |     var radio1 = blessed.radiobutton({
 63 |       parent: set,
 64 |       mouse: true,
 65 |       keys: true,
 66 |       shrink: true,
 67 |       style: {
 68 |         bg: 'magenta'
 69 |       },
 70 |       height: 1,
 71 |       left: 0,
 72 |       top: 0,
 73 |       name: 'radio1',
 74 |       content: 'radio1'
 75 |     });
 76 | 
 77 |     var radio2 = blessed.radiobutton({
 78 |       parent: set,
 79 |       mouse: true,
 80 |       keys: true,
 81 |       shrink: true,
 82 |       style: {
 83 |         bg: 'magenta'
 84 |       },
 85 |       height: 1,
 86 |       left: 15,
 87 |       top: 0,
 88 |       name: 'radio2',
 89 |       content: 'radio2'
 90 |     });
 91 | 
 92 |     var text = blessed.textbox({
 93 |       parent: form,
 94 |       mouse: true,
 95 |       keys: true,
 96 |       style: {
 97 |         bg: 'blue'
 98 |       },
 99 |       height: 1,
100 |       width: 20,
101 |       left: 1,
102 |       top: 3,
103 |       name: 'text'
104 |     });
105 | 
106 |     text.on('focus', function() {
107 |       text.readInput();
108 |     });
109 | 
110 |     var check = blessed.checkbox({
111 |       parent: form,
112 |       mouse: true,
113 |       keys: true,
114 |       shrink: true,
115 |       style: {
116 |         bg: 'magenta'
117 |       },
118 |       height: 1,
119 |       left: 28,
120 |       top: 1,
121 |       name: 'check',
122 |       content: 'check'
123 |     });
124 | 
125 |     var check2 = blessed.checkbox({
126 |       parent: form,
127 |       mouse: true,
128 |       keys: true,
129 |       shrink: true,
130 |       style: {
131 |         bg: 'magenta'
132 |       },
133 |       height: 1,
134 |       left: 28,
135 |       top: 14,
136 |       name: 'foooooooo2',
137 |       content: 'foooooooo2'
138 |     });
139 | 
140 |     var submit = blessed.button({
141 |       parent: form,
142 |       mouse: true,
143 |       keys: true,
144 |       shrink: true,
145 |       padding: {
146 |         left: 1,
147 |         right: 1
148 |       },
149 |       left: 29,
150 |       top: 3,
151 |       shrink: true,
152 |       name: 'submit',
153 |       content: 'submit',
154 |       style: {
155 |         bg: 'blue',
156 |         focus: {
157 |           bg: 'red'
158 |         }
159 |       }
160 |     });
161 | 
162 |     submit.on('press', function() {
163 |       form.submit();
164 |     });
165 | 
166 |     var box1 = blessed.box({
167 |       parent: form,
168 |       left: 1,
169 |       top: 10,
170 |       height: 10,
171 |       width: 10,
172 |       content: 'one',
173 |       style: {
174 |         bg: 'cyan'
175 |       }
176 |     });
177 | 
178 |     var box2 = blessed.box({
179 |       parent: box1,
180 |       left: 1,
181 |       top: 2,
182 |       height: 8,
183 |       width: 9,
184 |       content: 'two',
185 |       style: {
186 |         bg: 'magenta'
187 |       }
188 |     });
189 | 
190 |     var box3 = blessed.box({
191 |       parent: box2,
192 |       left: 1,
193 |       top: 2,
194 |       height: 6,
195 |       width: 8,
196 |       content: 'three',
197 |       style: {
198 |         bg: 'yellow'
199 |       }
200 |     });
201 | 
202 |     var box4 = blessed.box({
203 |       parent: box3,
204 |       left: 1,
205 |       top: 2,
206 |       height: 4,
207 |       width: 7,
208 |       content: 'four',
209 |       style: {
210 |         bg: 'blue'
211 |       }
212 |     });
213 | 
214 |     var output = blessed.scrollabletext({
215 |       parent: form,
216 |       mouse: true,
217 |       keys: true,
218 |       left: 0,
219 |       top: 20,
220 |       height: 5,
221 |       left: 0,
222 |       right: 0,
223 |       style: {
224 |         bg: 'red'
225 |       },
226 |       content: 'foobar'
227 |     });
228 | 
229 |     var bottom = blessed.line({
230 |       parent: form,
231 |       type: 'line',
232 |       orientation: 'horizontal',
233 |       left: 0,
234 |       right: 0,
235 |       top: 50,
236 |       style: {
237 |         fg: 'blue'
238 |       }
239 |     });
240 | 
241 |     screen.key('q', function() {
242 |       return screen.destroy();
243 |     });
244 | 
245 |     form.focus();
246 | 
247 |     form.submit();
248 | 
249 |     screen.render();
250 | 
251 | }
252 | 
253 | module.exports = form
254 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Insert.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function insert( blessed, screen ) {
 4 | 
 5 |     var box = blessed.box({
 6 |       parent: screen,
 7 |       //align: 'center',
 8 |       style: {
 9 |         bg: 'blue'
10 |       },
11 |       height: 5,
12 |       top: 'center',
13 |       left: 0,
14 |       width: 12,
15 |       tags: true,
16 |       content: '{yellow-fg}line{/yellow-fg}{|}1',
17 |       //valign: 'middle'
18 |     });
19 | 
20 |     screen.render();
21 | 
22 |     box.insertBottom('{yellow-fg}line{/yellow-fg}{|}2');
23 |     box.insertTop('{yellow-fg}line{/yellow-fg}{|}0');
24 | 
25 |     screen.render();
26 | 
27 |     setTimeout(function() {
28 |       box.deleteTop();
29 |       screen.render();
30 |     }, 2000);
31 | 
32 |     screen.key('q', function() {
33 |       screen.destroy();
34 |     });
35 | 
36 | }
37 | 
38 | module.exports = insert
39 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Layout.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function layout( blessed, screen ) {
  4 | 
  5 |     var layout = blessed.layout({
  6 |       parent: screen,
  7 |       top: 'center',
  8 |       left: 'center',
  9 |       width: '50%',
 10 |       height: '50%',
 11 |       border: 'line',
 12 |       layout: process.argv[2] === 'grid' ? 'grid' : 'inline',
 13 |       style: {
 14 |         bg: 'red',
 15 |         border: {
 16 |           fg: 'blue'
 17 |         }
 18 |       }
 19 |     });
 20 | 
 21 |     var box1 = blessed.box({
 22 |       parent: layout,
 23 |       top: 'center',
 24 |       left: 'center',
 25 |       width: 20,
 26 |       height: 10,
 27 |       border: 'line',
 28 |       content: '1'
 29 |     });
 30 | 
 31 |     var box2 = blessed.box({
 32 |       parent: layout,
 33 |       top: 0,
 34 |       left: 0,
 35 |       width: 10,
 36 |       height: 5,
 37 |       border: 'line',
 38 |       content: '2'
 39 |     });
 40 | 
 41 |     var box3 = blessed.box({
 42 |       parent: layout,
 43 |       top: 0,
 44 |       left: 0,
 45 |       width: 10,
 46 |       height: 5,
 47 |       border: 'line',
 48 |       content: '3'
 49 |     });
 50 | 
 51 |     var box4 = blessed.box({
 52 |       parent: layout,
 53 |       top: 0,
 54 |       left: 0,
 55 |       width: 10,
 56 |       height: 5,
 57 |       border: 'line',
 58 |       content: '4'
 59 |     });
 60 | 
 61 |     var box5 = blessed.box({
 62 |       parent: layout,
 63 |       top: 0,
 64 |       left: 0,
 65 |       width: 10,
 66 |       height: 5,
 67 |       border: 'line',
 68 |       content: '5'
 69 |     });
 70 | 
 71 |     var box6 = blessed.box({
 72 |       parent: layout,
 73 |       top: 0,
 74 |       left: 0,
 75 |       width: 10,
 76 |       height: 5,
 77 |       border: 'line',
 78 |       content: '6'
 79 |     });
 80 | 
 81 |     var box7 = blessed.box({
 82 |       parent: layout,
 83 |       top: 0,
 84 |       left: 0,
 85 |       width: 10,
 86 |       height: 5,
 87 |       border: 'line',
 88 |       content: '7'
 89 |     });
 90 | 
 91 |     var box8 = blessed.box({
 92 |       parent: layout,
 93 |       top: 'center',
 94 |       left: 'center',
 95 |       width: 20,
 96 |       height: 10,
 97 |       border: 'line',
 98 |       content: '8'
 99 |     });
100 | 
101 |     var box9 = blessed.box({
102 |       parent: layout,
103 |       top: 0,
104 |       left: 0,
105 |       width: 10,
106 |       height: 5,
107 |       border: 'line',
108 |       content: '9'
109 |     });
110 | 
111 |     var box10 = blessed.box({
112 |       parent: layout,
113 |       top: 'center',
114 |       left: 'center',
115 |       width: 20,
116 |       height: 10,
117 |       border: 'line',
118 |       content: '10'
119 |     });
120 | 
121 |     var box11 = blessed.box({
122 |       parent: layout,
123 |       top: 0,
124 |       left: 0,
125 |       width: 10,
126 |       height: 5,
127 |       border: 'line',
128 |       content: '11'
129 |     });
130 | 
131 |     var box12 = blessed.box({
132 |       parent: layout,
133 |       top: 'center',
134 |       left: 'center',
135 |       width: 20,
136 |       height: 10,
137 |       border: 'line',
138 |       content: '12'
139 |     });
140 | 
141 |     if (process.argv[2] !== 'grid') {
142 |       for (var i = 0; i < 10; i++) {
143 |         blessed.box({
144 |           parent: layout,
145 |           // width: i % 2 === 0 ? 10 : 20,
146 |           // height: i % 2 === 0 ? 5 : 10,
147 |           width: Math.random() > 0.5 ? 10 : 20,
148 |           height: Math.random() > 0.5 ? 5 : 10,
149 |           border: 'line',
150 |           content: (i + 1 + 12) + ''
151 |         });
152 |       }
153 |     }
154 | 
155 |     screen.key('q', function() {
156 |       return screen.destroy();
157 |     });
158 | 
159 |     screen.render();
160 | 
161 | }
162 | 
163 | module.exports = layout
164 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/ListBar.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function list_bar( blessed, screen ) {
  4 |     var auto = true;
  5 | 
  6 |     var box = blessed.box({
  7 |       parent: screen,
  8 |       top: 0,
  9 |       right: 0,
 10 |       width: 'shrink',
 11 |       height: 'shrink',
 12 |       content: '...'
 13 |     });
 14 | 
 15 |     var bar = blessed.listbar({
 16 |       //parent: screen,
 17 |       bottom: 0,
 18 |       left: 3,
 19 |       right: 3,
 20 |       height: auto ? 'shrink' : 3,
 21 |       mouse: true,
 22 |       keys: true,
 23 |       autoCommandKeys: true,
 24 |       border: 'line',
 25 |       vi: true,
 26 |       style: {
 27 |         bg: 'green',
 28 |         item: {
 29 |           bg: 'red',
 30 |           hover: {
 31 |             bg: 'blue'
 32 |           },
 33 |           //focus: {
 34 |           //  bg: 'blue'
 35 |           //}
 36 |         },
 37 |         selected: {
 38 |           bg: 'blue'
 39 |         }
 40 |       },
 41 |       commands: {
 42 |         'one': {
 43 |           keys: ['a'],
 44 |           callback: function() {
 45 |             box.setContent('Pressed one.');
 46 |             screen.render();
 47 |           }
 48 |         },
 49 |         'two': function() {
 50 |           box.setContent('Pressed two.');
 51 |           screen.render();
 52 |         },
 53 |         'three': function() {
 54 |           box.setContent('Pressed three.');
 55 |           screen.render();
 56 |         },
 57 |         'four': function() {
 58 |           box.setContent('Pressed four.');
 59 |           screen.render();
 60 |         },
 61 |         'five': function() {
 62 |           box.setContent('Pressed five.');
 63 |           screen.render();
 64 |         },
 65 |         'six': function() {
 66 |           box.setContent('Pressed six.');
 67 |           screen.render();
 68 |         },
 69 |         'seven': function() {
 70 |           box.setContent('Pressed seven.');
 71 |           screen.render();
 72 |         },
 73 |         'eight': function() {
 74 |           box.setContent('Pressed eight.');
 75 |           screen.render();
 76 |         },
 77 |         'nine': function() {
 78 |           box.setContent('Pressed nine.');
 79 |           screen.render();
 80 |         },
 81 |         'ten': function() {
 82 |           box.setContent('Pressed ten.');
 83 |           screen.render();
 84 |         },
 85 |         'eleven': function() {
 86 |           box.setContent('Pressed eleven.');
 87 |           screen.render();
 88 |         },
 89 |         'twelve': function() {
 90 |           box.setContent('Pressed twelve.');
 91 |           screen.render();
 92 |         },
 93 |         'thirteen': function() {
 94 |           box.setContent('Pressed thirteen.');
 95 |           screen.render();
 96 |         },
 97 |         'fourteen': function() {
 98 |           box.setContent('Pressed fourteen.');
 99 |           screen.render();
100 |         },
101 |         'fifteen': function() {
102 |           box.setContent('Pressed fifteen.');
103 |           screen.render();
104 |         }
105 |       }
106 |     });
107 | 
108 |     screen.append(bar);
109 | 
110 |     bar.focus();
111 | 
112 |     screen.key('q', function() {
113 |       return screen.destroy();
114 |     });
115 | 
116 |     screen.render();
117 | }
118 | 
119 | module.exports = list_bar
120 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/ListTable.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function list_table( blessed, screen ) {
 4 |     var DU = '杜';
 5 |     var JUAN = '鹃';
 6 | 
 7 |     var table = blessed.listtable({
 8 |       //parent: screen,
 9 |       top: 'center',
10 |       left: 'center',
11 |       data: null,
12 |       border: 'line',
13 |       align: 'center',
14 |       tags: true,
15 |       keys: true,
16 |       //width: '80%',
17 |       width: 'shrink',
18 |       height: '70%',
19 |       vi: true,
20 |       mouse: true,
21 |       style: {
22 |         border: {
23 |           fg: 'red'
24 |         },
25 |         header: {
26 |           fg: 'blue',
27 |           bold: true
28 |         },
29 |         cell: {
30 |           fg: 'magenta',
31 |           selected: {
32 |             bg: 'blue'
33 |           }
34 |         }
35 |       }
36 |     });
37 | 
38 |     var data1 = [
39 |       [ 'Animals',  'Foods',  'Times'  ],
40 |       [ 'Elephant', 'Apple',  '1:00am' ],
41 |       [ 'Bird',     'Orange', '2:15pm' ],
42 |       [ 'T-Rex',    'Taco',   '8:45am' ],
43 |       [ 'Mouse',    'Cheese', '9:05am' ]
44 |     ];
45 | 
46 |     // data1[1][0] = '{red-fg}' + data1[1][0] + '{/red-fg}';
47 |     // data1[2][0] += ' (' + DU + JUAN + ')';
48 | 
49 |     var data2 = [
50 |       [ 'Animals',  'Foods',  'Times',   'Numbers' ],
51 |       [ 'Elephant', 'Apple',  '1:00am',  'One'     ],
52 |       [ 'Bird',     'Orange', '2:15pm',  'Two'     ],
53 |       [ 'T-Rex',    'Taco',   '8:45am',  'Three'   ],
54 |       [ 'Mouse',    'Cheese', '9:05am',  'Four'    ]
55 |     ];
56 | 
57 |     data2[1][0] = '{red-fg}' + data2[1][0] + '{/red-fg}';
58 |     data2[2][0] += ' (' + DU + JUAN + ')';
59 | 
60 |     screen.key('q', function() {
61 |       return screen.destroy();
62 |     });
63 | 
64 |     table.focus();
65 | 
66 |     table.setData(data2)
67 | 
68 |     screen.append(table)
69 | 
70 |     screen.render();
71 | 
72 |     setTimeout(function() {
73 |       table.setData(data1);
74 |       screen.render();
75 |     }, 3000);
76 | 
77 | }
78 | 
79 | module.exports = list_table
80 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/NestedAttr.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | 
 4 | function nested_attr( blessed, screen ) {
 5 | 
 6 |     blessed.box({
 7 |       parent: screen,
 8 |       left: 'center',
 9 |       top: 'center',
10 |       width: '80%',
11 |       height: '80%',
12 |       style: {
13 |         bg: 'black',
14 |         fg: 'yellow'
15 |       },
16 |       tags: true,
17 |       border: 'line',
18 |       content: '{red-fg}hello {blue-fg}how{/blue-fg}'
19 |         + ' {yellow-bg}are{/yellow-bg} you?{/red-fg}'
20 |     });
21 | 
22 |     screen.key('q', function() {
23 |       return screen.destroy();
24 |     });
25 | 
26 |     screen.render();
27 | 
28 | }
29 | 
30 | module.exports = nested_attr
31 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/NoAlt.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | 
 4 | function noalt( blessed, screen ) {
 5 | 
 6 |     var list = blessed.list({
 7 |       parent: screen,
 8 |       align: 'center',
 9 |       mouse: true,
10 |       keys: true,
11 |       vi: true,
12 |       width: '50%',
13 |       height: 'shrink',
14 |       //border: 'line',
15 |       top: 5,
16 |       //bottom: 2,
17 |       left: 0,
18 |       style: {
19 |         fg: 'blue',
20 |         bg: 'default',
21 |         selected: {
22 |           bg: 'green'
23 |         }
24 |       },
25 |       items: [
26 |         'one',
27 |         'two',
28 |         'three'
29 |       ]
30 |     });
31 | 
32 |     list.select(0);
33 | 
34 |     list.on('select', function(item) {
35 |       console.log(item.getText());
36 |       screen.destroy();
37 |     });
38 | 
39 |     screen.key('C-c', function() {
40 |       screen.destroy();
41 |     });
42 | 
43 |     list.focus();
44 | 
45 |     screen.render();
46 | }
47 | 
48 | module.exports = noalt
49 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/NoWrap.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function nowrap( blessed, screen ) {
 4 | 
 5 |     var fs = require('fs')
 6 | 
 7 |     // {open}xxxx{close} xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx
 8 |     // xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx {red-bg}xxxx xxxx xxxx{/red-bg}
 9 | 
10 | 
11 |     var box = blessed.box({
12 |       parent: screen,
13 |       width: 60,
14 |       wrap: false,
15 |       tags: true,
16 |       content: fs.readFileSync(__filename, 'utf8')
17 |       //content: '{red-bg}' + blessed.escape('{{{{{}{bold}x{/bold}}') + '{/red-bg}'
18 |       //  + '\nescaped: {green-fg}{escape}{{{}{{a{bold}b{/bold}c{/escape}{/green-fg}'
19 |     });
20 | 
21 |     box.focus();
22 | 
23 |     screen.key('q', function() {
24 |       return screen.destroy();
25 |     });
26 | 
27 |     screen.render();
28 | 
29 | }
30 | 
31 | module.exports = nowrap
32 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/ObscureSides.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function obscure_sides( blessed, screen ) {
 4 | 
 5 |     var box = blessed.box({
 6 |       parent: screen,
 7 |       scrollable: true,
 8 |       alwaysScroll: true,
 9 |       border: {
10 |         type: 'bg',
11 |         ch: ' '
12 |       },
13 |       style: {
14 |         bg: 'blue',
15 |         border: {
16 |           inverse: true
17 |         },
18 |         scrollbar: {
19 |           bg: 'white'
20 |         }
21 |       },
22 |       height: 10,
23 |       width: 30,
24 |       top: 'center',
25 |       left: 'center',
26 |       cwd: process.env.HOME,
27 |       keys: true,
28 |       vi: true,
29 |       scrollbar: {
30 |         ch: ' '
31 |       }
32 |     });
33 | 
34 |     var child = blessed.box({
35 |       parent: box,
36 |       content: 'hello',
37 |       style: {
38 |         bg: 'green'
39 |       },
40 |       // border: 'line',
41 |       height: 5,
42 |       width: 20,
43 |       top: 2,
44 |       left: 15
45 |     });
46 | 
47 |     var child2 = blessed.box({
48 |       parent: box,
49 |       content: 'hello',
50 |       style: {
51 |         bg: 'green',
52 |       },
53 |       border: 'line',
54 |       height: 5,
55 |       width: 20,
56 |       top: 25,
57 |       left: -5
58 |     });
59 | 
60 |     box.focus();
61 | 
62 |     screen.render();
63 | 
64 |     screen.key('q', function() {
65 |       screen.destroy();
66 |     });
67 | 
68 | }
69 | 
70 | module.exports = obscure_sides
71 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/POS.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function pos( blessed, screen ) {
  4 | 
  5 |     // My terminal size at the time of writing these tests:
  6 |     screen.program.cols = 154;
  7 |     screen.program.rows = 19;
  8 |     screen.alloc();
  9 | 
 10 |     var main = blessed.box({
 11 |       //width: '75%',
 12 |       //height: '75%',
 13 |       width: 115,
 14 |       height: 14,
 15 |       style: {
 16 |         bg: 'yellow'
 17 |       },
 18 |       top: 2,
 19 |       left: 2,
 20 |       content: 'Welcome to my program'
 21 |     });
 22 | 
 23 |     screen.append(main);
 24 | 
 25 |     var inner = blessed.box({
 26 |       width: '50%',
 27 |       height: '50%',
 28 |       //width: 57,
 29 |       //height: 7,
 30 |       style: {
 31 |         bg: 'blue'
 32 |       },
 33 |       top: 2,
 34 |       left: 2,
 35 |       content: 'Hello'
 36 |     });
 37 | 
 38 |     main.append(inner);
 39 | 
 40 |     inner.setContent(inner.content + '\n' + JSON.stringify({
 41 |       aleft: inner.aleft,
 42 |       aright: inner.aright,
 43 |       atop: inner.atop,
 44 |       abottom: inner.abottom,
 45 |       width: inner.width,
 46 |       height: inner.height,
 47 |       rleft: inner.rleft,
 48 |       rright: inner.rright,
 49 |       rtop: inner.rtop,
 50 |       rbottom: inner.rbottom
 51 |     }));
 52 | 
 53 |     assert.equal(inner.width, 57);
 54 |     assert.equal(inner.height, 7);
 55 | 
 56 |     assert.equal(inner.aleft, 4);
 57 |     assert.equal(inner.aright, 93);
 58 |     assert.equal(inner.atop, 4);
 59 |     assert.equal(inner.abottom, 8);
 60 | 
 61 |     assert.equal(inner.rleft, 2);
 62 |     assert.equal(inner.rright, 56);
 63 |     assert.equal(inner.rtop, 2);
 64 |     assert.equal(inner.rbottom, 5);
 65 | 
 66 |     // Change left to half of the parent width.
 67 |     inner.rleft = '50%';
 68 |     assert.equal(inner.aleft, 59);
 69 | 
 70 |     // Change left to half of the screen width.
 71 |     inner.aleft = '50%';
 72 |     assert.equal(inner.aleft, screen.width / 2 | 0);
 73 | 
 74 |     // Test implied height/width.
 75 |     reset(inner, {
 76 |       top: 5,
 77 |       bottom: 5,
 78 |       left: 5,
 79 |       right: 5
 80 |     });
 81 | 
 82 |     assert.equal(inner.width, 105);
 83 |     assert.equal(inner.height, 4);
 84 | 
 85 |     // Demonstrate the difference between `left: 5`, and `.aleft = 5` (relative vs. absolute):
 86 |     inner.atop = inner.abottom = inner.aleft = inner.aright = 5;
 87 | 
 88 |     assert.equal(inner.width, 144);
 89 |     assert.equal(inner.height, 9);
 90 | 
 91 |     // Test center keyword
 92 |     reset(inner, {
 93 |       width: '50%',
 94 |       height: '50%',
 95 |       left: 'center',
 96 |       top: 'center'
 97 |     });
 98 | 
 99 |     assert.equal(inner.rleft, 29);
100 |     assert.equal(inner.rtop, 4);
101 | 
102 |     // TODO: Start storing position.left, etc. as absolute?
103 | 
104 |     screen.on('keypress', function(ch, key) {
105 |       if (key.name === 'escape' || key.name === 'q') {
106 |         return screen.destroy();
107 |       }
108 |     });
109 | 
110 |     screen.render();
111 | 
112 |     function reset(el, pos) {
113 |       pos = pos || {};
114 |       el.position.width = el.options.width = pos.width;
115 |       el.position.height = el.options.height = pos.height;
116 |       el.position.left = el.options.left = pos.left;
117 |       el.position.right = el.options.right = pos.right;
118 |       el.position.top = el.options.top = pos.top;
119 |       el.position.bottom = el.options.bottom = pos.bottom;
120 |     }
121 | 
122 | }
123 | 
124 | module.exports = pos
125 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Padding.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function padding( blessed, screen ) {
 4 | 
 5 |     blessed.box({
 6 |       parent: screen,
 7 |       border: 'line',
 8 |       style: {
 9 |         bg: 'red',
10 |       },
11 |       content: 'hello world\nhi',
12 |       align: 'center',
13 |       left: 'center',
14 |       top: 'center',
15 |       width: 22,
16 |       height: 10,
17 |       padding: 2
18 |     });
19 | 
20 |     screen.key('q', function() {
21 |       return screen.destroy();
22 |     });
23 | 
24 |     screen.render();
25 | 
26 | }
27 | module.exports = padding
28 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Prompt.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function prompt( blessed, screen, string ) {
 4 | 
 5 |     var prompt = blessed.prompt({
 6 |         parent: screen,
 7 |         border: 'line',
 8 |         height: 'shrink',
 9 |         width: 'half',
10 |         top: 'center',
11 |         left: 'center',
12 |         label: ' {blue-fg}Prompt{/blue-fg} ',
13 |         tags: true,
14 |         keys: true,
15 |         vi: true
16 |     });
17 | 
18 |     var question = blessed.question({
19 |         parent: screen,
20 |         border: 'line',
21 |         height: 'shrink',
22 |         width: 'half',
23 |         top: 'center',
24 |         left: 'center',
25 |         label: ' {blue-fg}Question{/blue-fg} ',
26 |         tags: true,
27 |         keys: true,
28 |         vi: true
29 |     });
30 | 
31 |     var msg = blessed.message({
32 |         parent: screen,
33 |         border: 'line',
34 |         height: 'shrink',
35 |         width: 'half',
36 |         top: 'center',
37 |         left: 'center',
38 |         label: ' {blue-fg}Message{/blue-fg} ',
39 |         tags: true,
40 |         keys: true,
41 |         hidden: true,
42 |         vi: true
43 |     });
44 | 
45 |     var loader = blessed.loading({
46 |         parent: screen,
47 |         border: 'line',
48 |         height: 'shrink',
49 |         width: 'half',
50 |         top: 'center',
51 |         left: 'center',
52 |         label: ' {blue-fg}Loader{/blue-fg} ',
53 |         tags: true,
54 |         keys: true,
55 |         hidden: true,
56 |         vi: true
57 |     });
58 | 
59 |     prompt.input(string, '', function(err, value) {
60 |         question.ask('Question?', function(err, value) {
61 |             screen.destroy();
62 |         });
63 |     });
64 | 
65 | 
66 |     /*
67 |     prompt.input('Question?', '', function(err, value) {
68 |         question.ask('Question?', function(err, value) {
69 |             msg.display('Hello world!', 3, function(err) {
70 |                 msg.display('Hello world again!', -1, function(err) {
71 |                     loader.load('Loading...');
72 |                     setTimeout(function() {
73 |                         loader.stop();
74 |                         screen.destroy();
75 |                     }, 3000);
76 |                 });
77 |             });
78 |         });
79 |     });
80 |     */
81 | 
82 |     screen.key('q', function() {
83 |         screen.destroy();
84 |     });
85 | 
86 |     screen.render();
87 | }
88 | 
89 | module.exports = prompt
90 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/ScrollableBoxes.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function scrollable_boxes( blessed, screen ) {
  4 | 
  5 |     var box = blessed.box({
  6 |       parent: screen,
  7 |       //padding: 2,
  8 |       scrollable: true,
  9 |       left: 'center',
 10 |       top: 'center',
 11 |       width: '80%',
 12 |       height: '80%',
 13 |       style: {
 14 |         bg: 'green'
 15 |       },
 16 |       border: 'line',
 17 |       content: 'foobar',
 18 |       keys: true,
 19 |       vi: true,
 20 |       alwaysScroll: true,
 21 |       scrollbar: {
 22 |         ch: ' ',
 23 |         inverse: true
 24 |       }
 25 |     });
 26 | 
 27 |     var text = blessed.box({
 28 |       parent: box,
 29 |       content: 'hello1\nhello2\nhello3\nhello4',
 30 |       padding: 2,
 31 |       style: {
 32 |         bg: 'red'
 33 |       },
 34 |       left: 2,
 35 |       top: 30,
 36 |       width: '50%',
 37 |       height: 6
 38 |     });
 39 | 
 40 |     var text2 = blessed.box({
 41 |       parent: box,
 42 |       content: 'world',
 43 |       padding: 1,
 44 |       style: {
 45 |         bg: 'red'
 46 |       },
 47 |       left: 2,
 48 |       top: 50,
 49 |       width: '50%',
 50 |       height: 3
 51 |     });
 52 | 
 53 |     var box2 = blessed.box({
 54 |       parent: box,
 55 |       scrollable: true,
 56 |       content: 'foo-one\nfoo-two\nfoo-three',
 57 |       padding: 2,
 58 |       left: 'center',
 59 |       top: 20,
 60 |       width: '80%',
 61 |       height: 9,
 62 |       border: 'line',
 63 |       style: {
 64 |         bg: 'magenta',
 65 |         focus: {
 66 |           bg: 'blue'
 67 |         },
 68 |         hover: {
 69 |           bg: 'red'
 70 |         }
 71 |         // scrollbar: {
 72 |         //   inverse: true
 73 |         // }
 74 |       },
 75 |       keys: true,
 76 |       vi: true,
 77 |       alwaysScroll: true
 78 |       // scrollbar: {
 79 |       //   ch: ' '
 80 |       // }
 81 |     });
 82 | 
 83 |     var box3 = blessed.box({
 84 |       parent: box2,
 85 |       scrollable: true,
 86 |       //content: 'foo1\nfoo2\nfoo3\nfoo4\nfoo5\nfoo6\nfoo7\nf008',
 87 |       //left: 'center',
 88 |       left: 3,
 89 |       top: 3,
 90 |       content: 'foo',
 91 |       //shrink: true,
 92 |       height: 4,
 93 |       width: 5,
 94 |       //width: '80%',
 95 |       //height: 5,
 96 |       border: 'line',
 97 |       style: {
 98 |         bg: 'yellow',
 99 |         focus: {
100 |           bg: 'blue'
101 |         },
102 |         hover: {
103 |           bg: 'red'
104 |         }
105 |         // scrollbar: {
106 |         //   inverse: true
107 |         // }
108 |       },
109 |       keys: true,
110 |       vi: true,
111 |       alwaysScroll: true
112 |       // scrollbar: {
113 |       //   ch: ' '
114 |       // }
115 |     });
116 | 
117 |     screen.key('q', function() {
118 |       return screen.destroy();
119 |     });
120 | 
121 |     box.focus();
122 | 
123 |     screen.render();
124 | 
125 | }
126 | 
127 | module.exports = scrollable_boxes
128 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Shadow.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function shadow( blessed, screen ) {
  4 | 
  5 |     var bg = blessed.box({
  6 |       parent: screen,
  7 |       shadow: true,
  8 |       left: 0,
  9 |       top: 0,
 10 |       right: 0,
 11 |       bottom: 0,
 12 |       style: {
 13 |         bg: 'lightblue'
 14 |       },
 15 |       content: 'Foo'
 16 |     });
 17 | 
 18 |     var under = blessed.box({
 19 |       parent: screen,
 20 |       shadow: true,
 21 |       left: 10,
 22 |       top: 4,
 23 |       width: '40%',
 24 |       height: '30%',
 25 |       style: {
 26 |         bg: 'yellow'
 27 |       },
 28 |       border: 'line',
 29 |       tags: true
 30 |     });
 31 | 
 32 |     var over = blessed.box({
 33 |       parent: screen,
 34 |       shadow: true,
 35 |       left: 'center',
 36 |       top: 'center',
 37 |       width: '50%',
 38 |       height: '50%',
 39 |       style: {
 40 |         bg: 'red',
 41 |         transparent: true
 42 |       },
 43 |       border: 'line',
 44 |       draggable: true,
 45 |       tags: true,
 46 |       content: '{green-bg}{red-fg}{bold} --Drag Me-- {/}'
 47 |     });
 48 | 
 49 |     over.key('left', function() {
 50 |       over.left -= 2;
 51 |       screen.render();
 52 |     });
 53 | 
 54 |     over.key('up', function() {
 55 |       over.top -= 1;
 56 |       screen.render();
 57 |     });
 58 | 
 59 |     over.key('right', function() {
 60 |       over.left += 2;
 61 |       screen.render();
 62 |     });
 63 | 
 64 |     over.key('down', function() {
 65 |       over.top += 1;
 66 |       screen.render();
 67 |     });
 68 | 
 69 |     over.focus();
 70 | 
 71 |     screen.key('q', function() {
 72 |       return screen.destroy();
 73 |     });
 74 | 
 75 |     var lorem = 'Non eram nescius Brute cum quae summis ingeniis exquisitaque'
 76 |     + ' doctrina philosophi Graeco sermone tractavissent ea Latinis litteris mandaremus'
 77 |     + ' fore ut hic noster labor in varias reprehensiones incurreret nam quibusdam et'
 78 |     + ' iis quidem non admodum indoctis totum hoc displicet philosophari quidam autem'
 79 |     + ' non tam id reprehendunt si remissius agatur sed tantum studium tamque multam'
 80 |     + ' operam ponendam in eo non arbitrantur erunt etiam et ii quidem eruditi Graecis'
 81 |     + ' litteris contemnentes Latinas qui se dicant in Graecis legendis operam malle'
 82 |     + ' consumere postremo aliquos futuros suspicor qui me ad alias litteras vocent'
 83 |     + ' genus hoc scribendi etsi sit elegans personae tamen et dignitatis esse negent'
 84 |     + ' Contra quos omnis dicendum breviter existimo Quamquam philosophiae quidem'
 85 |     + ' vituperatoribus satis responsum est eo libro quo a nobis philosophia defensa et'
 86 |     + ' collaudata est cum esset accusata et vituperata ab Hortensio qui liber cum et'
 87 |     + ' tibi probatus videretur et iis quos ego posse iudicare arbitrarer plura suscepi'
 88 |     + ' veritus ne movere hominum studia viderer retinere non posse Qui autem si maxime'
 89 |     + ' hoc placeat moderatius tamen id volunt fieri difficilem quandam temperantiam'
 90 |     + ' postulant in eo quod semel admissum coerceri reprimique non potest ut'
 91 |     + ' propemodum iustioribus utamur illis qui omnino avocent a philosophia quam his'
 92 |     + ' qui rebus infinitis modum constituant in reque eo meliore quo maior sit'
 93 |     + ' mediocritatem desiderent Sive enim ad sapientiam perveniri potest non paranda'
 94 |     + ' nobis solum ea sed fruenda etiam sapientia est sive hoc difficile est tamen nec'
 95 |     + ' modus est ullus investigandi veri nisi inveneris et quaerendi defatigatio'
 96 |     + ' turpis est cum id quod quaeritur sit pulcherrimum etenim si delectamur cum'
 97 |     + ' scribimus quis est tam invidus qui ab eo nos abducat sin laboramus quis est qui'
 98 |     + ' alienae modum statuat industriae nam ut Terentianus Chremes non inhumanus qui'
 99 |     + ' novum vicinum non vult fodere aut arare aut aliquid ferre denique non enim'
100 |     + ' illum ab industria sed ab inliberali labore deterret sic isti curiosi quos'
101 |     + ' offendit noster minime nobis iniucundus labor Iis igitur est difficilius satis'
102 |     + ' facere qui se Latina scripta dicunt contemnere in quibus hoc primum est in quo'
103 |     + ' admirer cur in gravissimis rebus non delectet eos sermo patrius cum idem'
104 |     + ' fabellas Latinas ad verbum e Graecis expressas non inviti legant quis enim tam'
105 |     + ' inimicus paene nomini Romano est qui Ennii Medeam aut Antiopam Pacuvii spernat'
106 |     + ' aut reiciat quod se isdem Euripidis fabulis delectari dicat Latinas litteras'
107 |     + ' oderit Quid si nos non interpretum fungimur munere sed tuemur ea quae dicta'
108 |     + ' sunt ab iis quos probamus eisque nostrum iudicium et nostrum scribendi ordinem'
109 |     + ' adiungimus quid habent cur Graeca anteponant iis quae et splendide dicta sint'
110 |     + ' neque sint conversa de Graecis nam si dicent ab illis has res esse tractatas ne'
111 |     + ' ipsos quidem Graecos est cur tam multos legant quam legendi sunt quid enim est'
112 |     + ' a Chrysippo praetermissum in Stoicis legimus tamen Diogenem Antipatrum'
113 |     + ' Mnesarchum Panaetium multos alios in primisque familiarem nostrum Posidonium'
114 |     + ' quid Theophrastus mediocriterne delectat cum tractat locos ab Aristotele ante'
115 |     + ' tractatos quid Epicurei num desistunt de isdem de quibus et ab Epicuro scriptum'
116 |     + ' est et ab antiquis ad arbitrium suum scribere quodsi Graeci leguntur a Graecis'
117 |     + ' isdem de rebus alia ratione compositis quid est cur nostri a nostris non'
118 |     + ' legantur';
119 | 
120 |     bg.setContent(lorem);
121 | 
122 |     screen.render();
123 | 
124 | }
125 | 
126 | module.exports = shadow
127 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/ShrinkFail.js:
--------------------------------------------------------------------------------
  1 | const printf = console.log
  2 | 
  3 | function shrink_fail( blessed, screen ) {
  4 | 
  5 |     var tab = blessed.box({
  6 |       parent: screen,
  7 |       top: 2,
  8 |       left: 0,
  9 |       right: 0,
 10 |       bottom: 0,
 11 |       scrollable: true,
 12 |       keys: true,
 13 |       vi: true,
 14 |       alwaysScroll: true,
 15 |       scrollbar: {
 16 |         ch: ' '
 17 |       },
 18 |       style: {
 19 |         scrollbar: {
 20 |           inverse: true
 21 |         }
 22 |       }
 23 |     });
 24 | 
 25 |     var form = blessed.box({
 26 |       parent: tab,
 27 |       top: 0,
 28 |       left: 1,
 29 |       right: 1,
 30 |       //height: 9,
 31 |       keys: true,
 32 |       mouse: true,
 33 |       // XXX Problem:
 34 |       height: 'shrink',
 35 |       label: ' {blue-fg}Form{/blue-fg} ',
 36 |       border: 'line',
 37 |       tags: true
 38 |     });
 39 | 
 40 |     form._.ftext = blessed.text({
 41 |       parent: form,
 42 |       top: 0,
 43 |       left: 0,
 44 |       height: 1,
 45 |       content: 'Foo',
 46 |       tags: true
 47 |     });
 48 | 
 49 |     form._.foo = blessed.textbox({
 50 |       parent: form,
 51 |       name: 'foo',
 52 |       inputOnFocus: true,
 53 |       top: 0,
 54 |       left: 9,
 55 |       right: 1,
 56 |       height: 1,
 57 |       style: {
 58 |         bg: 'black',
 59 |         focus: {
 60 |           bg: 'blue'
 61 |         },
 62 |         hover: {
 63 |           bg: 'blue'
 64 |         }
 65 |       }
 66 |     });
 67 | 
 68 |     form._.btext = blessed.text({
 69 |       parent: form,
 70 |       top: 2,
 71 |       left: 0,
 72 |       height: 1,
 73 |       content: 'Bar',
 74 |       tags: true
 75 |     });
 76 | 
 77 |     form._.bar = blessed.textbox({
 78 |       parent: form,
 79 |       name: 'bar',
 80 |       inputOnFocus: true,
 81 |       top: 2,
 82 |       left: 9,
 83 |       right: 1,
 84 |       height: 1,
 85 |       style: {
 86 |         bg: 'black',
 87 |         focus: {
 88 |           bg: 'blue'
 89 |         },
 90 |         hover: {
 91 |           bg: 'blue'
 92 |         }
 93 |       }
 94 |     });
 95 | 
 96 |     form._.ztext = blessed.text({
 97 |       parent: form,
 98 |       top: 4,
 99 |       left: 0,
100 |       height: 1,
101 |       content: 'Baz',
102 |       tags: true
103 |     });
104 | 
105 |     form._.baz = blessed.textbox({
106 |       parent: form,
107 |       name: 'baz',
108 |       inputOnFocus: true,
109 |       top: 4,
110 |       left: 9,
111 |       right: 1,
112 |       height: 1,
113 |       style: {
114 |         bg: 'black',
115 |         focus: {
116 |           bg: 'blue'
117 |         },
118 |         hover: {
119 |           bg: 'blue'
120 |         }
121 |       }
122 |     });
123 | 
124 |     form._.submit = blessed.button({
125 |       parent: form,
126 |       name: 'submit',
127 |       top: 6,
128 |       right: 1,
129 |       height: 1,
130 |       //width: 'shrink',
131 |       width: 10,
132 |       content: 'send',
133 |       tags: true,
134 |       style: {
135 |         bg: 'black',
136 |         focus: {
137 |           bg: 'blue'
138 |         },
139 |         hover: {
140 |           bg: 'blue'
141 |         }
142 |       }
143 |     });
144 | 
145 |     form._.submit.on('press', function() {
146 |       tabs.send._.form.submit();
147 |     });
148 | 
149 |     form.on('submit', function(data) {
150 |       screen.leave();
151 |       console.log(data);
152 |       screen.destroy();
153 |     });
154 | 
155 |     screen.key('q', function() {
156 |       screen.destroy();
157 |     });
158 | 
159 |     screen.render();
160 | 
161 | }
162 | module.exports = shrink_fail
163 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Table.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function table( blessed, screen ) {
 4 | 
 5 |     var DU = '杜';
 6 |     var JUAN = '鹃';
 7 | 
 8 |     var table = blessed.table({
 9 |       //parent: screen,
10 |       top: 'center',
11 |       left: 'center',
12 |       data: null,
13 |       border: 'line',
14 |       align: 'center',
15 |       tags: true,
16 |       //width: '80%',
17 |       width: 'shrink',
18 |       style: {
19 |         border: {
20 |           fg: 'red'
21 |         },
22 |         header: {
23 |           fg: 'blue',
24 |           bold: true
25 |         },
26 |         cell: {
27 |           fg: 'magenta'
28 |         }
29 |       }
30 |     });
31 | 
32 |     var data1 = [
33 |       [ 'Animals',  'Foods',  'Times'  ],
34 |       [ 'Elephant', 'Apple',  '1:00am' ],
35 |       [ 'Bird',     'Orange', '2:15pm' ],
36 |       [ 'T-Rex',    'Taco',   '8:45am' ],
37 |       [ 'Mouse',    'Cheese', '9:05am' ]
38 |     ];
39 | 
40 |     data1[1][0] = '{red-fg}' + data1[1][0] + '{/red-fg}';
41 |     data1[2][0] += ' (' + DU + JUAN + ')';
42 | 
43 |     var data2 = [
44 |       [ 'Animals',  'Foods',  'Times',   'Numbers' ],
45 |       [ 'Elephant', 'Apple',  '1:00am',  'One'     ],
46 |       [ 'Bird',     'Orange', '2:15pm',  'Two'     ],
47 |       [ 'T-Rex',    'Taco',   '8:45am',  'Three'   ],
48 |       [ 'Mouse',    'Cheese', '9:05am',  'Four'    ]
49 |     ];
50 | 
51 |     data2[1][0] = '{red-fg}' + data2[1][0] + '{/red-fg}';
52 |     data2[2][0] += ' (' + DU + JUAN + ')';
53 | 
54 |     screen.key('q', function() {
55 |       return screen.destroy();
56 |     });
57 | 
58 |     table.setData(data2);
59 |     screen.append(table);
60 |     screen.render();
61 | 
62 |     setTimeout(function() {
63 |       table.setData(data1);
64 |       screen.render();
65 |     }, 3000);
66 | 
67 | }
68 | module.exports = table
69 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Terminal.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | function terminal( blessed, screen ) {
 4 | 
 5 |     var terminal = blessed.terminal({
 6 |       parent: screen,
 7 |       // cursor: 'line',
 8 |       cursorBlink: true,
 9 |       screenKeys: false,
10 |       top: 'center',
11 |       left: 'center',
12 |       width: '90%',
13 |       height: '90%',
14 |       border: 'line',
15 |       handler: function() {},
16 |       style: {
17 |         fg: 'default',
18 |         bg: 'default',
19 |         focus: {
20 |           border: {
21 |             fg: 'green'
22 |           }
23 |         }
24 |       }
25 |     });
26 | 
27 |     terminal.focus();
28 | 
29 |     var term = terminal.term;
30 | 
31 |     var screen2 = blessed.screen({
32 |       // dump: __dirname + '/logs/termblessed2.log',
33 |       smartCSR: true,
34 |       warnings: true,
35 |       input: term,
36 |       output: term
37 |     });
38 | 
39 |     var box1 = blessed.box({
40 |       parent: screen2,
41 |       top: 'center',
42 |       left: 'center',
43 |       width: 20,
44 |       height: 10,
45 |       border: 'line',
46 |       content: 'Hello world'
47 |     });
48 | 
49 |     screen.key('C-q', function() {
50 |       // NOTE:
51 |       // not necessary since screen.destroy causes terminal.term to be destroyed
52 |       // (screen2's input and output are no longer readable/writable)
53 |       // screen2.destroy();
54 |       return screen.destroy();
55 |     });
56 | 
57 |     screen2.render();
58 |     screen.render();
59 | 
60 | }
61 | 
62 | module.exports = terminal
63 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/Textarea.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | function textarea( blessed, screen ) {
 4 | 
 5 |     var box = blessed.textarea({
 6 |       parent: screen,
 7 |       // Possibly support:
 8 |       // align: 'center',
 9 |       style: {
10 |         bg: 'blue'
11 |       },
12 |       height: 'half',
13 |       width: 'half',
14 |       top: 'center',
15 |       left: 'center',
16 |       tags: true
17 |     });
18 | 
19 |     screen.render();
20 | 
21 |     screen.key('q', function() {
22 |       screen.destroy();
23 |     });
24 | 
25 |     screen.key('i', function() {
26 |       box.readInput(function() {});
27 |     });
28 | 
29 |     screen.key('e', function() {
30 |       box.readEditor(function() {});
31 |     });
32 | 
33 | }
34 | 
35 | module.exports = textarea
36 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/env-paths.js:
--------------------------------------------------------------------------------
 1 | 
 2 | // import path from 'node:path';
 3 | // import os from 'node:os';
 4 | // import process from 'node:process';
 5 | 
 6 | 
 7 | // const path      = require('node:path')
 8 | // const os        =  require('node:os')
 9 | // const process   = require('node:process')
10 | 
11 | 
12 | const path      = require('path')
13 | const os        =  require('os')
14 | const process   = require('process')
15 | 
16 | 
17 | 
18 | const homedir = os.homedir();
19 | const tmpdir = os.tmpdir();
20 | const {env} = process;
21 | 
22 | const macos = name => {
23 | 	const library = path.join(homedir, 'Library');
24 | 
25 | 	return {
26 | 		data: path.join(library, 'Application Support', name),
27 | 		config: path.join(library, 'Preferences', name),
28 | 		cache: path.join(library, 'Caches', name),
29 | 		log: path.join(library, 'Logs', name),
30 | 		temp: path.join(tmpdir, name),
31 | 	};
32 | };
33 | 
34 | const windows = name => {
35 | 	const appData = env.APPDATA || path.join(homedir, 'AppData', 'Roaming');
36 | 	const localAppData = env.LOCALAPPDATA || path.join(homedir, 'AppData', 'Local');
37 | 
38 | 	return {
39 | 		// Data/config/cache/log are invented by me as Windows isn't opinionated about this
40 | 		data: path.join(localAppData, name, 'Data'),
41 | 		config: path.join(appData, name, 'Config'),
42 | 		cache: path.join(localAppData, name, 'Cache'),
43 | 		log: path.join(localAppData, name, 'Log'),
44 | 		temp: path.join(tmpdir, name),
45 | 	};
46 | };
47 | 
48 | // https://specifications.freedesktop.org/basedir-spec/basedir-spec-latest.html
49 | const linux = name => {
50 | 	const username = path.basename(homedir);
51 | 
52 | 	return {
53 | 		data: path.join(env.XDG_DATA_HOME || path.join(homedir, '.local', 'share'), name),
54 | 		config: path.join(env.XDG_CONFIG_HOME || path.join(homedir, '.config'), name),
55 | 		cache: path.join(env.XDG_CACHE_HOME || path.join(homedir, '.cache'), name),
56 | 		// https://wiki.debian.org/XDGBaseDirectorySpecification#state
57 | 		log: path.join(env.XDG_STATE_HOME || path.join(homedir, '.local', 'state'), name),
58 | 		temp: path.join(tmpdir, username, name),
59 | 	};
60 | };
61 | 
62 | function envPaths(name, {suffix = 'nodejs'} = {}) {
63 | 	if (typeof name !== 'string') {
64 | 		throw new TypeError(`Expected a string, got ${typeof name}`);
65 | 	}
66 | 
67 | 	if (suffix) {
68 | 		// Add suffix to prevent possible conflict with native apps
69 | 		name += `-${suffix}`;
70 | 	}
71 | 
72 | 	if (process.platform === 'darwin') {
73 | 		return macos(name);
74 | 	}
75 | 
76 | 	if (process.platform === 'win32') {
77 | 		return windows(name);
78 | 	}
79 | 
80 | 	return linux(name);
81 | }
82 | module.exports = envPaths
83 | 


--------------------------------------------------------------------------------
/javascript/cli/libs/get-date-id.js:
--------------------------------------------------------------------------------
 1 | 
 2 | // 20220123180536
 3 | function get_unique_date_id() {
 4 |     "use strict"
 5 | 
 6 |     var today = new Date()
 7 |     var year    = today.getFullYear()
 8 | 
 9 |     var month   = Number( today.getMonth() )
10 |         month += 1
11 |         month = `0${month}`
12 |         if( month === "010" ) month = "10" // BUGFIX :
13 |         if( month === "011" ) month = "11" // BUGFIX :
14 |         if( month === "012" ) month = "12" // BUGFIX :
15 | 
16 | 
17 |     var day     = today.getDate()
18 |         if( day === 1 ) day = "01" // BUGFIX: only "1" will give a bug on the id, 01 is not allowed in strict mode,
19 |         if( day === 2 ) day = "02"
20 |         if( day === 3 ) day = "03"
21 |         if( day === 4 ) day = "04"
22 |         if( day === 5 ) day = "05"
23 |         if( day === 6 ) day = "06"
24 |         if( day === 7 ) day = "07"
25 |         if( day === 8 ) day = "08"
26 |         if( day === 9 ) day = "09"
27 |         if( day === 10 ) day = "10"
28 | 
29 |     var hour    = today.getHours()
30 |     var minutes = today.getMinutes()
31 |     var seconds = today.getSeconds()
32 | 
33 |     var id      = `${year}${month}${day}${hour}${minutes}${seconds}`
34 | 
35 |     return id
36 | }
37 | 
38 | module.exports = get_unique_date_id
39 | // exports.module = get_unique_date_id
40 | 
41 | 


--------------------------------------------------------------------------------
/javascript/cli/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ilse",
 3 |   "version": "1.9.2",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "keywords": [
10 |     "Note Taking",
11 |     "taskwarrior",
12 |     "zettelkasten",
13 |     "flashcards",
14 |     "anki",
15 |     "supermemo",
16 |     "command line",
17 |     "journal",
18 |     "journaling",
19 |     "Diary",
20 |     "Memory",
21 |     "algorithm"
22 |   ],
23 |   "bin": "./index.js",
24 |   "author": "Ilse Langnar",
25 |   "license": "MIT",
26 |   "dependencies": {
27 |     "arg": "^5.0.1",
28 |     "blessed": "^0.1.81",
29 |     "blessed-contrib": "^4.11.0",
30 |     "chalk": "^5.0.1",
31 |     "env-paths": "^3.0.0",
32 |     "prompt": "^1.3.0",
33 |     "term.js": "^0.0.7",
34 |     "terminal-kit": "^2.4.0"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/javascript/cli/readme.md:
--------------------------------------------------------------------------------
 1 | # Ilse
 2 | This is the CLI version for Ilse Langnar's Notebook. It's an implementatino of a standard where you can have the same notes, files and overall organization into the same structure as to access them in different "environments". Such as desktop, mobile, command line, fridge etc.
 3 | 
 4 | This is the CLI version you might install with: `npm install ilse -g` or `yarn add global ilse`
 5 | 
 6 | To try it use: npx ilse ui
 7 | 
 8 | ## Cheatsheet
 9 | - ilse
10 |     - ilse f
11 |     - ilse s
12 | 
13 | 


--------------------------------------------------------------------------------
/javascript/cli/src/EventEmitter.js:
--------------------------------------------------------------------------------
 1 | const printf                                        = console.log
 2 | 
 3 | let isFunction = function(obj) {
 4 |     return typeof obj == 'function' || false;
 5 | }
 6 | 
 7 | class EventEmitter {
 8 |     constructor() {
 9 |         this.listeners = new Map();
10 |     }
11 | 
12 |     on(label, callback) {
13 |         this.listeners.has(label) || this.listeners.set(label, []);
14 |         this.listeners.get(label).push(callback);
15 |     }
16 | 
17 |     off(label, callback) {
18 |         let listeners = this.listeners.get(label),
19 |             index;
20 | 
21 |         if (listeners && listeners.length) {
22 |             index = listeners.reduce((i, listener, index) => {
23 |                 return (isFunction(listener) && listener === callback) ?
24 |                     i = index :
25 |                     i;
26 |             }, -1);
27 | 
28 |             if (index > -1) {
29 |                 listeners.splice(index, 1);
30 |                 this.listeners.set(label, listeners);
31 |                 return true;
32 |             }
33 |         }
34 |         return false;
35 |     }
36 |     emit(label, ...args) {
37 |         let listeners = this.listeners.get(label);
38 | 
39 |         if (listeners && listeners.length) {
40 |             listeners.forEach((listener) => {
41 |                 listener(...args);
42 |             });
43 |             return true;
44 |         }
45 |         return false;
46 |     }
47 | }
48 | module.exports =  EventEmitter
49 | 


--------------------------------------------------------------------------------
/javascript/cli/src/Search.js:
--------------------------------------------------------------------------------
  1 | const printf        = console.log
  2 | 
  3 | // Lib[s]
  4 |     let blessed         = require('blessed')
  5 |     let contrib         = require('blessed-contrib')
  6 | 
  7 |     // Native
  8 |         const fs            = require( "fs" )
  9 | 
 10 | // Messager
 11 |     let Messager         = require('./messager')
 12 | 
 13 | const TARGET_DIRECTORY = ""
 14 | 
 15 | class Search {
 16 | 
 17 |     constructor( terminal ) {
 18 | 
 19 |         this.terminal   = terminal
 20 |         this.is_on      = false
 21 | 
 22 |         /*
 23 |         this.input.on('keypress', async (ch, key) => {
 24 | 
 25 |             // TODO: capture this for selecting the file
 26 |             if( key.name === "return" ) {
 27 | 
 28 |                 // this.input.destroy()
 29 | 
 30 |                 // this.search_result.focus()
 31 |                 // this.screen.debug( "key", key )
 32 |                 return
 33 |             }
 34 | 
 35 |             // let key   = key.sequence
 36 |             let text    = this.input.getValue()
 37 |             let files   = await fs.readdirSync( "" )
 38 |             let result  = this.utils.fuzzy_search( text, files )
 39 |             let data    = []
 40 | 
 41 |             for( const [index, file] of result.entries() ) {
 42 | 
 43 |                 if( file && file.target ) {
 44 | 
 45 |                     data.push([
 46 |                         [file.target],
 47 |                         ["ll"]
 48 |                     ])
 49 |                 }
 50 | 
 51 |             }
 52 | 
 53 |             this.search_result.setData({
 54 |                 headers: [ "File", "Other" ],
 55 |                 data: data,
 56 |             })
 57 | 
 58 |         })
 59 | 
 60 |         this.input.focus()
 61 |         */
 62 | 
 63 |     }
 64 | 
 65 |     set_files( files ) {
 66 | 
 67 |         let data = []
 68 | 
 69 |         for( const file of files ) {
 70 | 
 71 |             if( file ) {
 72 | 
 73 |                 data.push([
 74 |                     [file],
 75 |                     ["ll"]
 76 |                 ])
 77 |             }
 78 | 
 79 |         }
 80 | 
 81 |         this.result.setData({
 82 |             headers: [ "File", "Other" ],
 83 |             data: data,
 84 |         })
 85 | 
 86 |     }
 87 | 
 88 |     async open() {
 89 | 
 90 |         this.is_on = true
 91 | 
 92 |         this.input        = this.terminal.add({
 93 |             id: "search-input",
 94 |             type: "textarea",
 95 |             options: {
 96 |                 label: "Search",
 97 |                 mouse: true,
 98 |                 inputOnFocus: true,
 99 |                 keys: true,
100 |             },
101 |             width: 8,
102 |             height: 1,
103 |             y: 1,
104 |             x: 2,
105 |             config: { focus_on_click: false },
106 |         })
107 | 
108 |         this.result        = this.terminal.add({
109 |             id: "search-result",
110 |             type: "table",
111 |             options: {
112 |                 label: "Result",
113 |                 mouse: true,
114 |                 // inputOnFocus: true,
115 |                 interactive: true,
116 |                 keys: true,
117 |                 border: {type: "line", fg: "cyan"},
118 |                 columnWidth: [100, 12, 12],
119 |                 columnSpacing: 10,
120 |             },
121 |             width: 8,
122 |             height: 8,
123 |             y: 2,
124 |             x: 2,
125 |             config: { focus_on_click: false },
126 |         })
127 | 
128 |         this.terminal.screen.append( this.input )
129 |         this.terminal.screen.append( this.result )
130 | 
131 |         let files   = await fs.readdirSync( TARGET_DIRECTORY )
132 |             this.set_files( files )
133 | 
134 |         this.terminal.screen.render()
135 | 
136 |         this.result.rows.on( "select", ( item, index ) => {
137 |             let file = item._clines.fake[0]
138 |             Messager.emit( "~search", "selected-file", file )
139 |             this.close()
140 |         })
141 | 
142 |         // PROBLEM: If i'm selecting from the result, and press escape, we'll get out of the app tho
143 |         this.result.on( "keypress", ( ch, key ) => {
144 | 
145 |             if( key.name === "escape" ) {
146 |                 this.close()
147 |                 return
148 |             }
149 | 
150 |         })
151 | 
152 |         // this.result.on( "select item", () => {
153 |             // process.exit( 0 )
154 |             // this.result.focus()
155 |             // this.terminal.screen.debug( "debug: clicked this.result" )
156 |         // })
157 | 
158 |         this.input.on('keypress', async (ch, key) => {
159 | 
160 |             this.terminal.screen.debug( "ch -> ", ch )
161 |             this.terminal.screen.debug( "key -> ", key )
162 | 
163 |             // <---------> Close <---------> //
164 |                 if( key.name === 'tab' ) {
165 |                     this.input.destroy()
166 |                     this.terminal.screen.render()
167 |                     this.result.focus()
168 |                     return
169 |                 } else if( key.name === "escape" ) {
170 |                     this.close()
171 |                     return
172 |                 }
173 | 
174 |                 this.input.on('cancel', () => {
175 |                     // this.input.destroy()
176 |                     // this.result.destroy()
177 |                     // this.terminal.screen.render()
178 |                     // this.destroy()
179 |                 })
180 |             // <---------> Close <---------> //
181 | 
182 |             // <---------> Focus on result + destroy input <---------> //
183 |                 if( key.name === 'down' ) {
184 |                     this.input.destroy()
185 |                     this.terminal.screen.render()
186 |                     this.result.focus()
187 |                     return
188 |                 } else if( key.name === 'up' ) {
189 |                     this.terminal.screen.render()
190 |                     this.result.focus()
191 |                     return
192 |                 }
193 |             // <---------> Focus on result + destroy input <---------> //
194 | 
195 |             let text                = this.input.getValue()
196 |             let result              = this.terminal.utils.fuzzy_search( text, files )
197 |             let normalized_result   = result.map( result => result.target ).filter( e=>e )
198 | 
199 |             this.set_files( normalized_result )
200 | 
201 |             /*
202 |             let data    = []
203 |             for( const [index, file] of result.entries() ) {
204 | 
205 |                 if( file && file.target ) {
206 | 
207 |                     data.push([
208 |                         [file.target],
209 |                         ["ll"]
210 |                     ])
211 |                 }
212 | 
213 |             }
214 | 
215 |             this.result.setData({
216 |                 headers: [ "File", "Other" ],
217 |                 data: data,
218 |             })
219 |             */
220 | 
221 |         })
222 | 
223 |         this.input.focus()
224 | 
225 |     }
226 | 
227 |     toggle() {
228 | 
229 |         this.is_on = !this.is_on
230 | 
231 |         if( this.is_on ) {
232 |             this.open()
233 |         } else {
234 |             this.close()
235 | 
236 |         }
237 |     }
238 | 
239 |     close() {
240 |         this.is_on = false
241 |         this.input.destroy()
242 |         this.result.destroy()
243 |         this.terminal.screen.render()
244 |     }
245 | }
246 | 
247 | module.exports = Search
248 | 


--------------------------------------------------------------------------------
/javascript/cli/src/Terminal.js:
--------------------------------------------------------------------------------
  1 | const printf            = console.log
  2 | 
  3 | // Lib[s]
  4 |     var blessed         = require('blessed')
  5 |     var contrib         = require('blessed-contrib')
  6 | 
  7 | // Classes
  8 |     const Utils         = require( "./utils" )
  9 | 
 10 | class Terminal {
 11 | 
 12 |     constructor( rows = 12 , columns = 12 ) {
 13 | 
 14 |         this.screen             = blessed.screen({
 15 |             smartCSR: true,
 16 |             debug: true,
 17 |             label: "Title",
 18 |             autoPadding: true,
 19 |             dump: __dirname + "/log.log"
 20 |         })
 21 |         this.screen.title       = 'Title'
 22 | 
 23 |         this.grid               = new contrib.grid({
 24 |             rows: rows,
 25 |             cols: columns,
 26 |             screen: this.screen
 27 |         })
 28 | 
 29 |         this.boxes              = []
 30 |         this.utils              = new Utils()
 31 | 
 32 |         this.listen_screen()
 33 | 
 34 |     }
 35 | 
 36 |     listen_screen() {
 37 | 
 38 |         // this.screen.key(['escape', 'q', 'C-c', 'C-d'], function(ch, key) {
 39 |         this.screen.key(['escape', 'C-c', 'C-d'], function(ch, key) {
 40 |             return process.exit(0)
 41 |         })
 42 | 
 43 |     }
 44 | 
 45 |     key( event, fn ) {
 46 |         this.screen.on( event, fn )
 47 |     }
 48 | 
 49 |     add({ id,
 50 |         type,
 51 |         options = {
 52 |             mouse: true,
 53 |             inputOnFocus: true,
 54 |             style: {
 55 |                 border: {type: "line", fg: "cyan"},
 56 |                 focus: {
 57 |                     border: { type: 'line', fg: 'white' }
 58 |                 },
 59 |             }
 60 |         },
 61 |         width,
 62 |         height,
 63 |         x,
 64 |         y,
 65 |         config,
 66 |     }) {
 67 | 
 68 |         let box_type    = this.get_type(type)
 69 |         let grid_box    = this.grid.set( y, x, height, width, box_type, options )
 70 | 
 71 | 
 72 |         grid_box.on('focus',function(el) {
 73 |             // printf( "focus -> el -> ", el )
 74 |         })
 75 | 
 76 |         if( config.focus_on_click ) {
 77 | 
 78 |             grid_box.on('click',function(el) {
 79 |                 grid_box.focus()
 80 |             })
 81 | 
 82 |         }
 83 | 
 84 |         // grid_box.on('focus',function(el){
 85 |         // grid_box.on('element focus',function(el){
 86 |             // :process.exit( 0 )
 87 | 
 88 |             // this.screen.debug( "el", el )
 89 | 
 90 | 
 91 |             // el.parent.border.fg = 'red';
 92 |             // el.border.fg = 'red';
 93 | 
 94 |             // this.screen.render();
 95 | 
 96 |         // })
 97 | 
 98 | 
 99 | 
100 |         let box         = {
101 |             id,
102 |             ...grid_box
103 |         }
104 | 
105 |         this.boxes.push( box )
106 | 
107 |         this.screen.render()
108 | 
109 |         return grid_box
110 |     }
111 | 
112 |     get_type( string ) {
113 | 
114 |         if( string === 'tree' ) {
115 |             return contrib.tree
116 |         } else if( string === 'textarea' ) {
117 |             return blessed.textarea
118 |         } else if( string === 'table' ) {
119 |             return contrib.table
120 |         } else if( string === 'button' ) {
121 |             return blessed.button
122 |         } else if( string === 'markdown' ) {
123 |             return contrib.markdown
124 |         } else if( string === 'box' ) {
125 |             return blessed.box
126 |         } else if( string === 'map' ) {
127 |             return contrib.map
128 |         }
129 | 
130 |         throw new Error( "Grid.js -> get_type( <string> ) -> <string> is not defined" )
131 |     }
132 | 
133 | }
134 | 
135 | module.exports = Terminal
136 | 


--------------------------------------------------------------------------------
/javascript/cli/src/get_note_id.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | const get_note_string_id               = require("./get_note_string_id.js")
 4 | const get_unique_date_id               = require("./get_unique_date_id.js")
 5 | 
 6 | 
 7 | module.exports =function get_note_id() {
 8 |     let id   = get_note_string_id(2)
 9 |     let date = get_unique_date_id()
10 | 
11 |     return `${date}-${id}`
12 | }
13 | 


--------------------------------------------------------------------------------
/javascript/cli/src/get_note_string_id.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | const get_small_unique_string_id = require("./get_small_unique_string_id.js")
 4 | 
 5 | module.exports = function get_note_string_id( num = 1 ) {
 6 | 
 7 |     let id = ""
 8 | 
 9 |     for( var i = 0; i < num; i++ ) {
10 |         id += get_small_unique_string_id()
11 |     }
12 | 
13 |     return id
14 | }
15 | 


--------------------------------------------------------------------------------
/javascript/cli/src/get_small_unique_string_id.js:
--------------------------------------------------------------------------------
1 | const printf = console.log
2 | 
3 | module.exports = function get_small_unique_string_id() {
4 |     return Math.floor((1 + Math.random()) * 0x10000)
5 |         .toString(16)
6 |         .substring(1);
7 | }
8 | 


--------------------------------------------------------------------------------
/javascript/cli/src/get_unique_date_id.js:
--------------------------------------------------------------------------------
 1 | const printf = console.log
 2 | 
 3 | // 20220123180536
 4 | module.exports = function get_unique_date_id() {
 5 | 
 6 |     const today = new Date()
 7 |     let year    = today.getFullYear()
 8 | 
 9 |     let month   = Number( today.getMonth() )
10 |         if( month === 0 ) month = "01" // BUGFIX: only "1" will give a bug on the id, 01 is not allowed in strict mode,
11 |         if( month === 1 ) month = "02" // BUGFIX: only "1" will give a bug on the id, 01 is not allowed in strict mode,
12 |         if( month === 2 ) month = "03"
13 |         if( month === 3 ) month = "04"
14 |         if( month === 4 ) month = "05"
15 |         if( month === 5 ) month = "06"
16 |         if( month === 6 ) month = "07"
17 |         if( month === 7 ) month = "08"
18 |         if( month === 8 ) month = "09"
19 |         if( month === 9 ) month = "10"
20 |         if( month === 10 ) month = "11"
21 |         if( month === 11 ) monthgT = "12"
22 | 
23 |     let day     = today.getDate()
24 |         if( day === 1 ) day = "01" // BUGFIX: only "1" will give a bug on the id, 01 is not allowed in strict mode,
25 |         if( day === 2 ) day = "02"
26 |         if( day === 3 ) day = "03"
27 |         if( day === 4 ) day = "04"
28 |         if( day === 5 ) day = "05"
29 |         if( day === 6 ) day = "06"
30 |         if( day === 7 ) day = "07"
31 |         if( day === 8 ) day = "08"
32 |         if( day === 9 ) day = "09"
33 |         if( day === 10 ) day = "10"
34 | 
35 |     let hour    = today.getHours()
36 |         if( hour === 0 ) hour = "00"
37 |         if( hour === 1 ) hour = "01"
38 |         if( hour === 2 ) hour = "02"
39 |         if( hour === 3 ) hour = "03"
40 |         if( hour === 4 ) hour = "04"
41 |         if( hour === 5 ) hour = "05"
42 |         if( hour === 6 ) hour = "06"
43 |         if( hour === 7 ) hour = "07"
44 |         if( hour === 8 ) hour = "08"
45 |         if( hour === 9 ) hour = "09"
46 |         if( hour === 10 ) hour = "10"
47 | 
48 |     let minutes = today.getMinutes()
49 |         if( minutes === 0 ) minutes = "00"
50 |         if( minutes === 1 ) minutes = "01"
51 |         if( minutes === 2 ) minutes = "02"
52 |         if( minutes === 3 ) minutes = "02"
53 |         if( minutes === 4 ) minutes = "04"
54 |         if( minutes === 5 ) minutes = "05"
55 |         if( minutes === 6 ) minutes = "06"
56 |         if( minutes === 7 ) minutes = "07"
57 |         if( minutes === 8 ) minutes = "08"
58 |         if( minutes === 9 ) minutes = "09"
59 |         if( minutes === 10 ) minutes = "10"
60 | 
61 |     let seconds = today.getSeconds()
62 |         if( seconds === 0 ) seconds = "00"
63 |         if( seconds === 1 ) seconds = "01"
64 |         if( seconds === 2 ) seconds = "02"
65 |         if( seconds === 3 ) seconds = "03"
66 |         if( seconds === 4 ) seconds = "04"
67 |         if( seconds === 5 ) seconds = "05"
68 |         if( seconds === 6 ) seconds = "06"
69 |         if( seconds === 7 ) seconds = "07"
70 |         if( seconds === 8 ) seconds = "08"
71 |         if( seconds === 9 ) seconds = "09"
72 |         if( seconds === 10 ) seconds = "10"
73 | 
74 | 
75 |     let id      = `${year}${month}${day}${hour}${minutes}${seconds}`
76 | 
77 |     return id
78 | }
79 | 


--------------------------------------------------------------------------------
/javascript/cli/src/messager.js:
--------------------------------------------------------------------------------
 1 | 
 2 | const printf                        = console.log
 3 | const EventEmitter                 = require( "./EventEmitter.js")
 4 | // import EventEmitter                 from 'events'
 5 | 
 6 | class Messager extends EventEmitter {
 7 | 
 8 |     constructor() {
 9 |         super()
10 |     }
11 | 
12 | }
13 | 
14 | let messager = new Messager()
15 | 
16 | module.exports = messager;
17 | 


--------------------------------------------------------------------------------
/javascript/cli/src/print_options.js:
--------------------------------------------------------------------------------
 1 | 
 2 | module.exports = function() {
 3 | 
 4 |     console.table({
 5 |         "Search": {
 6 |             "Long":      "ilse search",
 7 |             "Short":     "ilse s",
 8 |             "Alias":     "i s",
 9 |             "Alias+":     "s",
10 |         },
11 |         "Help": {
12 |             "Long":      "ilse search",
13 |             "Short":     "ilse h",
14 |             "Alias":     "i h",
15 |             "Alias+":     "h",
16 |         },
17 |         "UI": {
18 |             "Long":      "ilse tui",
19 |             "Short":     "ilse t",
20 |             "Alias":     "i u",
21 |             "Alias+":     "u",
22 |         },
23 |         "UI": {
24 |             "Long":      "ilse flashcards",
25 |             "Short":     "ilse f",
26 |             "Alias":     "i f",
27 |             "Alias+":     "f",
28 |         },
29 |         "Add": {
30 |             "Long":      "ilse add",
31 |             "Short":     "ilse a",
32 |             "Alias":     "i a",
33 |             "Alias+":     "a",
34 |         },
35 |         "Remove": {
36 |             "Long":      "ilse remove",
37 |             "Short":     "ilse r",
38 |             "Alias":     "i r",
39 |             "Alias+":     "r",
40 |         },
41 |         "List Locations": {
42 |             "Long":      "ilse locations",
43 |             "Short":     "ilse l",
44 |             "Alias":     "i l",
45 |             "Alias+":     "l",
46 |         },
47 |         "Set Brain": {
48 |             "Long":      "ilse Set",
49 |             "Short":     "ilse e",
50 |             "Alias":     "i e",
51 |             "Alias+":     "e",
52 |         },
53 |     })
54 | }
55 | 


--------------------------------------------------------------------------------
/javascript/cli/src/utils.js:
--------------------------------------------------------------------------------
 1 | const printf                = console.log
 2 | 
 3 | // Libs
 4 |     let fuzzy_sort      = require("./fuzzysort.js")
 5 |     // Native
 6 |         const fs            = require( "fs" )
 7 | 
 8 | class Utils {
 9 | 
10 |     constructor() {
11 | 
12 |     }
13 | 
14 |     fuzzy_search( search = "", list = []) {
15 |         let search_results                  = fuzzy_sort.go( search, list )
16 |         return search_results
17 |     }
18 | 
19 |     is_directory( path ) {
20 |           const stats =  fs.statSync( path )
21 |           return stats.isDirectory()
22 |     }
23 | 
24 | }
25 | 
26 | module.exports = Utils
27 | 


--------------------------------------------------------------------------------
/javascript/cli/src/widget-file.js:
--------------------------------------------------------------------------------
 1 | 
 2 | class Filesystem {
 3 | 
 4 |     contructor( blessed ) {
 5 |         this.start()
 6 |     }
 7 | 
 8 |     start() {
 9 |         var screen = blessed.screen({
10 |             tput: true,
11 |             smartCSR: true,
12 |             // dump: __dirname + '/logs/file.log',
13 |             warnings: true
14 |         });
15 | 
16 |         var fm = blessed.filemanager({
17 |             parent: screen,
18 |             border: 'line',
19 |             style: {
20 |                 selected: {
21 |                     bg: 'blue'
22 |                 }
23 |             },
24 |             height: 'half',
25 |             width: 'half',
26 |             top: 'center',
27 |             left: 'center',
28 |             label: ' {blue-fg}%path{/blue-fg} ',
29 |             // cwd: process.env.HOME,
30 |             cwd: "/home/viktor/Downloads/zettel/",
31 |             keys: true,
32 |             vi: true,
33 |             scrollbar: {
34 |                 bg: 'white',
35 |                 ch: ' '
36 |             }
37 |         });
38 | 
39 |         var box = blessed.box({
40 |             parent: screen,
41 |             style: {
42 |                 bg: 'green'
43 |             },
44 |             border: 'line',
45 |             height: 'half',
46 |             width: 'half',
47 |             top: 'center',
48 |             left: 'center',
49 |             hidden: true
50 |         });
51 | 
52 |         fm.refresh();
53 | 
54 |         screen.render();
55 | 
56 |         screen.key('q', function() {
57 |             screen.destroy();
58 |         });
59 | 
60 |         screen.key(['s', 'p'], function() {
61 |             fm.hide();
62 |             screen.render();
63 |             setTimeout(function() {
64 |                 fm.pick(function(err, file) {
65 |                     box.show();
66 |                     box.setContent(err ? err + '' : file);
67 |                     screen.render();
68 |                     setTimeout(function() {
69 |                         box.hide();
70 |                         fm.reset(function() {
71 |                             fm.show();
72 |                             screen.render();
73 |                         });
74 |                     }, 2000);
75 |                 });
76 |             }, 2000);
77 |         });
78 | 
79 | 
80 |     }
81 | 
82 | }
83 | 
84 | module.exports = Filesystem
85 | 


--------------------------------------------------------------------------------
/javascript/web/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not dead
4 | 


--------------------------------------------------------------------------------
/javascript/web/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | # /dist/
 5 | */dist/
 6 | dist/*
 7 | 
 8 | 
 9 | # local env files
10 | .env.local
11 | .env.*.local
12 | 
13 | # Log files
14 | npm-debug.log*
15 | yarn-debug.log*
16 | yarn-error.log*
17 | pnpm-debug.log*
18 | 
19 | # Editor directories and files
20 | .idea
21 | .vscode
22 | *.suo
23 | *.ntvs*
24 | *.njsproj
25 | *.sln
26 | *.sw?
27 | 
28 | .env
29 | */.env
30 | **/.env
31 | */*.env
32 | /**/.env
33 | 
34 | *.sw?
35 | 
36 | labels.json
37 | links.bin
38 | meta.json
39 | 
40 | 
41 | #Electron-builder output
42 | /dist_electrondist_electro/
43 | dist_electron
44 | dist.tar.gz
45 | ParseFilesystem.js
46 | sass/
47 | trash
48 | src/
49 | 


--------------------------------------------------------------------------------
/javascript/web/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/javascript/web/icon.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-geometry" width="24" height="24" viewBox="0 0 24 24" stroke-width="1" stroke="#485361" fill="none" stroke-linecap="round" stroke-linejoin="round">
 2 |   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
 3 |   <path d="M7 21l4 -12m2 0l1.48 4.439m.949 2.847l1.571 4.714" />
 4 |   <path d="M12 7m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />
 5 |   <path d="M4 12c1.526 2.955 4.588 5 8 5c3.41 0 6.473 -2.048 8 -5" />
 6 |   <path d="M12 5v-2" />
 7 | </svg>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/javascript/web/icons/1icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/javascript/web/icons/1icon.png


--------------------------------------------------------------------------------
/javascript/web/icons/@@@@@icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/javascript/web/icons/@@@@@icon.png


--------------------------------------------------------------------------------
/javascript/web/icons/@@@@icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/javascript/web/icons/@@@@icon.ico


--------------------------------------------------------------------------------
/javascript/web/icons/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/javascript/web/icons/icon.png


--------------------------------------------------------------------------------
/javascript/web/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ilse-langnar-notebook",
 3 |   "productName": "Ilse Langnar's Notebook",
 4 |   "version": "1.3.0",
 5 |   "private": true,
 6 |   "author": "ilse <superapollo56@protonmail.com> ",
 7 |   "homepage": "https://github.com/ilse-langnar/notebook",
 8 |   "scripts": {
 9 |     "build": "VUE_APP_TARGET=WEB vue-cli-service build",
10 |     "all": "VUE_APP_TARGET=ELECTRON electron-builder -wl",
11 |     "build-electron": "VUE_APP_TARGET=ELECTRON bash scripts/build.sh",
12 |     "sass:build": "VUE_APP_TARGET=SASS vue-cli-service build",
13 |     "sass:serve": "VUE_APP_TARGET=SASS vue-cli-service serve",
14 |     "electron:all": "VUE_APP_TARGET=ELECTRON npm run electron:build -- --win nsis",
15 |     "electron:build": "VUE_APP_TARGET=ELECTRON vue-cli-service electron:build",
16 |     "electron:serve": "VUE_APP_TESTING=TRUE VUE_APP_TARGET=ELECTRON vue-cli-service electron:serve",
17 |     "electron:serve2": "VUE_APP_TARGET=ELECTRON vue-cli-service electron:serve",
18 |     "i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.json\"",
19 |     "postinstall": "VUE_APP_TARGET=ELECTRON electron-builder install-app-deps",
20 |     "postuninstall": "VUE_APP_TARGET=ELECTRON electron-builder install-app-deps"
21 |   },
22 |   "main": "background.js",
23 |   "dependencies": {
24 |     "alpinejs": "^3.10.4",
25 |     "browserfs": "^1.4.3",
26 |     "dom-filesystem": "^1.0.8",
27 |     "electron-context-menu": "^3.4.0",
28 |     "electron-find": "^1.0.7",
29 |     "electron-in-page-search": "^1.3.2",
30 |     "electron-winstaller": "^5.0.0",
31 |     "html-webpack-inline-source-plugin": "^0.0.10",
32 |     "html-webpack-plugin": "4.0.0",
33 |     "jsframe.js": "^1.6.2",
34 |     "markdown-it": "^12.3.2",
35 |     "markdown-it-regexp": "^0.4.0",
36 |     "mousetrap": "^1.6.5",
37 |     "panzoom": "^9.4.3",
38 |     "parse": "^3.5.1",
39 |     "raw-loader": "^4.0.2",
40 |     "register-service-worker": "^1.7.1",
41 |     "resizable": "^1.2.1",
42 |     "to-string-loader": "^1.2.0",
43 |     "vue": "^2.6.14:",
44 |     "vue-i18n": "^8.26.3",
45 |     "vue-resize-directive": "^1.2.0",
46 |     "vue-router": "^3.2.0"
47 |   },
48 |   "devDependencies": {
49 |     "@intlify/vue-i18n-loader": "^1.1.0",
50 |     "@vue/cli": "^4.5.13",
51 |     "@vue/cli-plugin-babel": "^4.5.13",
52 |     "@vue/cli-plugin-eslint": "^4.5.13",
53 |     "@vue/cli-plugin-pwa": "^4.5.13",
54 |     "@vue/cli-plugin-router": "~4.5.0",
55 |     "@vue/cli-plugin-vuex": "~4.5.0",
56 |     "@vue/cli-service": "^4.5.13",
57 |     "axios": "^0.21.4",
58 |     "babel-eslint": "^10.1.0",
59 |     "electron": "^13.0.0",
60 |     "electron-devtools-installer": "^3.1.0",
61 |     "eslint": "^6.7.2",
62 |     "eslint-plugin-vue": "^6.2.2",
63 |     "html-loader": "^4.1.0",
64 |     "lint-staged": "^9.5.0",
65 |     "pug": "^3.0.2",
66 |     "pug-loader": "^2.4.0",
67 |     "pug-plain-loader": "^1.1.0",
68 |     "vitepress": "^1.0.0-alpha.63",
69 |     "vue-cli-plugin-electron-builder": "^2.1.1",
70 |     "vue-cli-plugin-i18n": "~2.3.1",
71 |     "vue-template-compiler": "2.6.14",
72 |     "yaml": "^1.10.2"
73 |   },
74 |   "bin": "npx.js",
75 |   "email": "ilse-langnar-notebook@gmail.com"
76 | }
77 | 


--------------------------------------------------------------------------------
/javascript/web/readme.md:
--------------------------------------------------------------------------------
 1 | # Web
 2 | 
 3 | This is basically the web 'client' of ilse, since I want to port to other platforms such as: Desktop, Mobile, Terminal etc.
 4 | 
 5 | ## Serving electron
 6 | `npm run electron:serve --debug`
 7 | 
 8 | ## Building Electron
 9 | `npm run electron:build`
10 | 
11 | ## Building Demo
12 | `npm run build:demo`
13 | 


--------------------------------------------------------------------------------
/javascript/web/template.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html> 
 2 | <html lang="en" >
 3 |     <head>
 4 |         <meta charset="utf-8">
 5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |         <link rel="manifest" href="data:application/json;base64,eyAgCiAgIm5hbWUiOiAiSFRNTCBETkEiLCAgCiAgInNob3J0X25hbWUiOiAiRE5BIiwgIAogICJkZXNjcmlwdGlvbiI6ICJIVE1MIGZpbGVzIGFzIGFwcHMiLCAgCiAgInN0YXJ0X3VybCI6ICIuL2luZGV4Lmh0bWwiLCAgCiAgImljb25zIjogWyAgCiAgICB7ICAKICAgICAgInNyYyI6ICJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJR05zWVhOelBTSnBZMjl1SUdsamIyNHRkR0ZpYkdWeUlHbGpiMjR0ZEdGaWJHVnlMV1J1WVMweUlpQjNhV1IwYUQwaU1qUWlJR2hsYVdkb2REMGlNalFpSUhacFpYZENiM2c5SWpBZ01DQXlOQ0F5TkNJZ2MzUnliMnRsTFhkcFpIUm9QU0l4SWlCemRISnZhMlU5SWlNME9EVXpOakVpSUdacGJHdzlJbTV2Ym1VaUlITjBjbTlyWlMxc2FXNWxZMkZ3UFNKeWIzVnVaQ0lnYzNSeWIydGxMV3hwYm1WcWIybHVQU0p5YjNWdVpDSStDaUFnUEhCaGRHZ2djM1J5YjJ0bFBTSnViMjVsSWlCa1BTSk5NQ0F3YURJMGRqSTBTREI2SWlCbWFXeHNQU0p1YjI1bElpOCtDaUFnUEhCaGRHZ2daRDBpVFRFM0lETjJNV010TGpBeElETXVNelV5SUMweExqWTRJRFl1TURJeklDMDFMakF3T0NBNExqQXhOR010TXk0ek1qZ2dNUzQ1T1NBekxqTXpOaUF0TWk0d01EVWdMakF3T0NBdExqQXhOR010TXk0ek1qZ2dNUzQ1T1NBdE5DNDVPVGNnTkM0Mk5qSWdMVFV1TURBNElEZ3VNREUwZGpFaUlDOCtDaUFnUEhCaGRHZ2daRDBpVFRFM0lESXhMakF4TkhZdE1XTXRMakF4SUMwekxqTTFNaUF0TVM0Mk9DQXROaTR3TWpNZ0xUVXVNREE0SUMwNExqQXhOR010TXk0ek1qZ2dMVEV1T1RrZ015NHpNellnTWk0d01EVWdMakF3T0NBdU1ERTBZeTB6TGpNeU9DQXRNUzQ1T1RFZ0xUUXVPVGszSUMwMExqWTJNaUF0TlM0d01EZ2dMVGd1TURFMGRpMHhJaUF2UGdvZ0lEeHdZWFJvSUdROUlrMDNJRFJvTVRBaUlDOCtDaUFnUEhCaGRHZ2daRDBpVFRjZ01qQm9NVEFpSUM4K0NpQWdQSEJoZEdnZ1pEMGlUVGdnT0dnNElpQXZQZ29nSUR4d1lYUm9JR1E5SWswNElERTJhRGdpSUM4K0Nqd3ZjM1puUGdvS0NnPT0iLCAgCiAgICAgICJzaXplcyI6ICIzNngzNiIsICAKICAgICAgInR5cGUiOiAiaW1hZ2UvcG5nIiAgCiAgICB9LCAgCiAgICB7ICAKICAgICAgInNyYyI6ICJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJR05zWVhOelBTSnBZMjl1SUdsamIyNHRkR0ZpYkdWeUlHbGpiMjR0ZEdGaWJHVnlMV1J1WVMweUlpQjNhV1IwYUQwaU1qUWlJR2hsYVdkb2REMGlNalFpSUhacFpYZENiM2c5SWpBZ01DQXlOQ0F5TkNJZ2MzUnliMnRsTFhkcFpIUm9QU0l4SWlCemRISnZhMlU5SWlNME9EVXpOakVpSUdacGJHdzlJbTV2Ym1VaUlITjBjbTlyWlMxc2FXNWxZMkZ3UFNKeWIzVnVaQ0lnYzNSeWIydGxMV3hwYm1WcWIybHVQU0p5YjNWdVpDSStDaUFnUEhCaGRHZ2djM1J5YjJ0bFBTSnViMjVsSWlCa1BTSk5NQ0F3YURJMGRqSTBTREI2SWlCbWFXeHNQU0p1YjI1bElpOCtDaUFnUEhCaGRHZ2daRDBpVFRFM0lETjJNV010TGpBeElETXVNelV5SUMweExqWTRJRFl1TURJeklDMDFMakF3T0NBNExqQXhOR010TXk0ek1qZ2dNUzQ1T1NBekxqTXpOaUF0TWk0d01EVWdMakF3T0NBdExqQXhOR010TXk0ek1qZ2dNUzQ1T1NBdE5DNDVPVGNnTkM0Mk5qSWdMVFV1TURBNElEZ3VNREUwZGpFaUlDOCtDaUFnUEhCaGRHZ2daRDBpVFRFM0lESXhMakF4TkhZdE1XTXRMakF4SUMwekxqTTFNaUF0TVM0Mk9DQXROaTR3TWpNZ0xUVXVNREE0SUMwNExqQXhOR010TXk0ek1qZ2dMVEV1T1RrZ015NHpNellnTWk0d01EVWdMakF3T0NBdU1ERTBZeTB6TGpNeU9DQXRNUzQ1T1RFZ0xUUXVPVGszSUMwMExqWTJNaUF0TlM0d01EZ2dMVGd1TURFMGRpMHhJaUF2UGdvZ0lEeHdZWFJvSUdROUlrMDNJRFJvTVRBaUlDOCtDaUFnUEhCaGRHZ2daRDBpVFRjZ01qQm9NVEFpSUM4K0NpQWdQSEJoZEdnZ1pEMGlUVGdnT0dnNElpQXZQZ29nSUR4d1lYUm9JR1E5SWswNElERTJhRGdpSUM4K0Nqd3ZjM1puUGdvS0NnPT0iLCAgCiAgICAgICJzaXplcyI6ICI0OHg0OCIsICAKICAgICAgInR5cGUiOiAiaW1hZ2UvcG5nIiAgCiAgICB9LCAgCiAgICB7ICAKICAgICAgInNyYyI6ICJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJR05zWVhOelBTSnBZMjl1SUdsamIyNHRkR0ZpYkdWeUlHbGpiMjR0ZEdGaWJHVnlMV1J1WVMweUlpQjNhV1IwYUQwaU1qUWlJR2hsYVdkb2REMGlNalFpSUhacFpYZENiM2c5SWpBZ01DQXlOQ0F5TkNJZ2MzUnliMnRsTFhkcFpIUm9QU0l4SWlCemRISnZhMlU5SWlNME9EVXpOakVpSUdacGJHdzlJbTV2Ym1VaUlITjBjbTlyWlMxc2FXNWxZMkZ3UFNKeWIzVnVaQ0lnYzNSeWIydGxMV3hwYm1WcWIybHVQU0p5YjNWdVpDSStDaUFnUEhCaGRHZ2djM1J5YjJ0bFBTSnViMjVsSWlCa1BTSk5NQ0F3YURJMGRqSTBTREI2SWlCbWFXeHNQU0p1YjI1bElpOCtDaUFnUEhCaGRHZ2daRDBpVFRFM0lETjJNV010TGpBeElETXVNelV5SUMweExqWTRJRFl1TURJeklDMDFMakF3T0NBNExqQXhOR010TXk0ek1qZ2dNUzQ1T1NBekxqTXpOaUF0TWk0d01EVWdMakF3T0NBdExqQXhOR010TXk0ek1qZ2dNUzQ1T1NBdE5DNDVPVGNnTkM0Mk5qSWdMVFV1TURBNElEZ3VNREUwZGpFaUlDOCtDaUFnUEhCaGRHZ2daRDBpVFRFM0lESXhMakF4TkhZdE1XTXRMakF4SUMwekxqTTFNaUF0TVM0Mk9DQXROaTR3TWpNZ0xUVXVNREE0SUMwNExqQXhOR010TXk0ek1qZ2dMVEV1T1RrZ015NHpNellnTWk0d01EVWdMakF3T0NBdU1ERTBZeTB6TGpNeU9DQXRNUzQ1T1RFZ0xUUXVPVGszSUMwMExqWTJNaUF0TlM0d01EZ2dMVGd1TURFMGRpMHhJaUF2UGdvZ0lEeHdZWFJvSUdROUlrMDNJRFJvTVRBaUlDOCtDaUFnUEhCaGRHZ2daRDBpVFRjZ01qQm9NVEFpSUM4K0NpQWdQSEJoZEdnZ1pEMGlUVGdnT0dnNElpQXZQZ29nSUR4d1lYUm9JR1E5SWswNElERTJhRGdpSUM4K0Nqd3ZjM1puUGdvS0NnPT0iLCAgCiAgICAgICJzaXplcyI6ICI1MTJ4NTEyIiwgIAogICAgICAidHlwZSI6ICJpbWFnZS9wbmciICAKICAgIH0gIAogIF0sICAKICAidGhlbWVfY29sb3IiOiAiIzAwMCIsICAKICAiYmFja2dyb3VuZF9jb2xvciI6ICIjZmZmIiwgIAogICJkaXNwbGF5IjogImZ1bGxzY3JlZW4iLCAgCiAgIm9yaWVudGF0aW9uIjogInBvcnRyYWl0IiAgCn0">
 7 |         <link rel="icon" type="image/svg" sizes="16x16" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbi10YWJsZXIteCIKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHN0cm9rZS13aWR0aD0iMSIKICAgc3Ryb2tlPSIjNDg1MzYxIgogICBmaWxsPSJub25lIgogICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgIGlkPSJzdmcyIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IgogICBzb2RpcG9kaTpkb2NuYW1lPSJsZXR0ZXItaS5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE0Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzYyIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjY5MyIKICAgICBpZD0ibmFtZWR2aWV3MTAiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIKICAgICBpbmtzY2FwZTpjeD0iNy4yNjEzMzE3IgogICAgIGlua3NjYXBlOmN5PSI5LjE0MDg1MzUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjczIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8dGV4dAogICAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOjE4LjkzMzM1OTE1cHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTonTWFyeSBKYW5lIEFudGlxdWUnOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246J01hcnkgSmFuZSBBbnRpcXVlJztsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiM0ODUzNjE7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIgogICAgIHg9IjguMjQwNjQ4MyIKICAgICB5PSIxOS4yMTQ0ODMiCiAgICAgaWQ9InRleHQ0MTQ0IgogICAgIHNvZGlwb2RpOmxpbmVzcGFjaW5nPSIxMjUlIj48dHNwYW4KICAgICAgIHNvZGlwb2RpOnJvbGU9ImxpbmUiCiAgICAgICBpZD0idHNwYW40MTQ2IgogICAgICAgeD0iOC4yNDA2NDgzIgogICAgICAgeT0iMTkuMjE0NDgzIj5pPC90c3Bhbj48L3RleHQ+Cjwvc3ZnPgo=" >
 8 | 
 9 |         <meta name="viewport" content="width=device-width,initial-scale=1">
10 |         <meta http-equiv="content-type" content="text/html; charset=utf-8">
11 |         <meta name="description" content="Ilse Langnar's Notebook" >
12 |         <meta name="author" content="Ilse" >
13 |         <meta name="keywords" content="Notebook, Note Taking, Zettelkasten, Knowledge, PKM, Knowledge Management, Supermemo, Spaced Repetition" >
14 |         <meta name="reply-to" content="??">
15 |         <meta name="url" content="https://ilse-langnar.github.io/notebook/ilse.html" >
16 | 
17 |         <title> Ilse Langnar's Notebook </title>
18 |     </head>
19 |     <body>
20 |         <div id="app"> </div>
21 |     </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/javascript/web/vue.config.js:
--------------------------------------------------------------------------------
  1 | const printf                    = console.log
  2 | 
  3 | const HtmlPlugin                  = require("html-webpack-plugin")
  4 | let HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
  5 | 
  6 | module.exports = {
  7 | 
  8 |     // runtimeCompiler: true,
  9 | 
 10 |     productionSourceMap: false,
 11 | 
 12 |     pluginOptions: {
 13 |         electronBuilder: {
 14 |             builderOptions: {
 15 |                 appId: 'com.ilse.notebook',
 16 |                 win: {},
 17 |                 linux: {
 18 |                     category: 'Productivity'
 19 |                 },
 20 |                 mac: {
 21 |                     category: 'Productivity'
 22 |                 }
 23 |             },
 24 |             nodeModulesPath: [
 25 |                 './node_modules'
 26 |             ],
 27 |             nodeIntegration: true,
 28 |             preload: 'src/preload.js'
 29 |         },
 30 |         i18n: {
 31 |             locale: 'en',
 32 |             fallbackLocale: 'en',
 33 |             localeDir: 'locales',
 34 |             enableInSFC: true,
 35 |             enableBridge: false
 36 |         }
 37 |     },
 38 | 
 39 |     lintOnSave: false,
 40 |     // For Electron
 41 |     publicPath: process.env.NODE_ENV  ===  'production'  ?  './'  :  '/',
 42 |     // publicPath: process.env.NODE_ENV  ===  'production'  ?  './'  :  '/'
 43 |     configureWebpack: {
 44 | 
 45 |         plugins: [
 46 | 
 47 |             // new HtmlPlugin({
 48 |                 // inject: true,
 49 |                 // inlineSource: '.(js|css)$', // embed all javascript and css inline
 50 |                 // inject: 'body',
 51 |                 // template: 'template.html',
 52 |                 // chunksSortMode: 'auto'
 53 |                 // chunksSortMode: 'dependency'
 54 |             // }),
 55 | 
 56 |             // new HtmlWebpackInlineSourcePlugin(),
 57 |         ],
 58 | 
 59 |         // "web" | "webworker" | "node" | "async-node" | "node-webkit" | "electron-main" | "electron-renderer" | "electron-preload" | function
 60 |         // target: "electron-renderer",
 61 |         module: {
 62 |             rules: [
 63 | 
 64 |                 {
 65 |                     test: /\.icss$/,
 66 |                     // loader: [ "to-string-loader", "css-loader" ]
 67 |                     loader: [ "to-string-loader", "css-loader" ]
 68 |                     // loader: "raw-text-loader"
 69 | 
 70 |                 },
 71 | 
 72 |                 /*
 73 |                 {
 74 |                     test: /\.html$/,
 75 |                     loader: "raw-loader",
 76 |                     exclude: /node_modules/,
 77 |                 },
 78 |                 {
 79 |                     test: /\.html$/,
 80 |                     use: [ {
 81 |                         loader: 'html-loader',
 82 | 
 83 |                     } ],
 84 | 
 85 |                 },
 86 |                 */
 87 | 
 88 |                 {
 89 |                     test: /\.html/i,
 90 |                     // loader: "html-loader",
 91 |                     loader: "raw-loader",
 92 | 
 93 |                 },
 94 | 
 95 | 
 96 | 
 97 |                 // {
 98 |                 // test: /\.icss$/,
 99 |                 // loader: [ "to-string-loader", "css-loader" ]
100 |                 // loader: [ "to-string-loader", "css-loader" ]
101 |                 // loader: "raw-text-loader"
102 |                 // },
103 | 
104 |                 // {
105 |                 // test: /\.iyml$/,
106 |                 // type: "json",
107 |                 // loader: [ "to-string-loader", "yaml-loader" ],
108 |                 // }
109 |             ]
110 |         }
111 |     }
112 | }
113 | 
114 | 


--------------------------------------------------------------------------------
/lisp/.gitignore:
--------------------------------------------------------------------------------
1 | out.exe
2 | 


--------------------------------------------------------------------------------
/lisp/build.lisp:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | (load "main.lisp")
4 | 


--------------------------------------------------------------------------------
/lisp/hello-world.lisp:
--------------------------------------------------------------------------------
  1 | (require :cl-cffi-gtk)
  2 | 
  3 | ;; (use-package :gtk)
  4 | ;; (use-package :gdk)
  5 | ;; (use-package :gdk-pixbuf)
  6 | ;; (use-package :gobject)
  7 | ;; (use-package :glib)
  8 | ;; (use-package :gio)
  9 | ;; (use-package :pango)
 10 | ;; (use-package :cairo)
 11 | 
 12 | ;; (defvar *window* (gtk-window-new :toplevel))
 13 | ;; (setf (gtk-window-title *window*) "Hello World for Test")
 14 | ;; (defvar *button* (make-instance'gtk-button :label "Hello World"))
 15 | ;; (g-signal-connect *window* "destroy"
 16 | ;;                   (lambda (widget)
 17 | ;;                     (declare (ignore widget))
 18 | ;;                     (format t "~%Leaving...~%")
 19 | ;;                     (leave-gtk-main)))
 20 | ;; (g-signal-connect *button* "clicked"
 21 | ;;                   (lambda (widget)
 22 | ;;                     (declare (ignore widget))
 23 | ;;                     (format t "~%Clicked: Click Hello~%")
 24 | ;;                     (gtk-widget-destroy *window*)))
 25 | ;; (gtk-container-add *window* *button*)
 26 | ;; (gtk-widget-show-all *window*)
 27 | 
 28 | 
 29 | (defpackage :try-gtk-example
 30 |   (:use :gtk :gdk :gdk-pixbuf :gobject
 31 |         :glib :gio :pango :cairo :common-lisp)
 32 |   (:export example-hello-world
 33 |            example-simple-window
 34 |            app.run))
 35 | 
 36 | (in-package :try-gtk-example)
 37 | 
 38 | (defun example-simple-window ()
 39 |   (within-main-loop
 40 |    (let (;; Create a toplevel window.
 41 |          (window (gtk-window-new :toplevel)))
 42 |      ;; Signal handler for the window to handle the signal "destroy".
 43 |      (g-signal-connect window "destroy"
 44 |                        (lambda (widget)
 45 |                          (declare (ignore widget))
 46 |                          (leave-gtk-main)))
 47 |      ;; Show the window.
 48 |      (gtk-widget-show-all window))))
 49 | 
 50 | (defun example-hello-world ()
 51 |   (within-main-loop
 52 |    (let (;; Create a toplevel window, set a border width.
 53 |          (window (make-instance 'gtk-window
 54 |                                 :type :toplevel
 55 |                                 :title "Hello World"
 56 |                                 :default-width 250
 57 |                                 :border-width 12))
 58 |          ;; Create a button with a label.
 59 |          (button (make-instance 'gtk-button :label "Hello World")))
 60 |      ;; Signal handler for the button to handle the signal "clicked".
 61 |      (g-signal-connect button "clicked"
 62 |                        (lambda (widget)
 63 |                          (declare (ignore widget))
 64 |                          (format t "Hello world.~%")
 65 |                          (gtk-widget-destroy window)))
 66 |      ;; Signal handler for the window to handle the signal "destroy".
 67 |      (g-signal-connect window "destroy"
 68 |                        (lambda (widget)
 69 |                          (declare (ignore widget))
 70 |                          (leave-gtk-main)))
 71 |      ;; Signal handler for the window to handle the signal "delete-event".
 72 |      (g-signal-connect window "delete-event"
 73 |                        (lambda (widget event)
 74 |                          (declare (ignore widget event))
 75 |                          (format t "Delete Event Occured.~%")
 76 |                          +gdk-event-stop+))
 77 |      ;; Put the button into the window.
 78 |      (gtk-container-add window button)
 79 |      ;; Show the window and the button.
 80 |      (gtk-widget-show-all window))))
 81 | 
 82 | 
 83 | 
 84 | 
 85 | ;; (defun app.run nil
 86 | ;;   (let ((window (make-instance 'gtk-window :type :toplevel
 87 | ;;                                :title "Hello World for test"))
 88 | ;;         (button (make-instance 'gtk-button :label "Hello World")))
 89 | ;;     (g-signal-connect window "destroy"
 90 | ;;                       (lambda (w)
 91 | ;;                         (declare (ignore w))
 92 | ;;                         (format t "~%Leaving....~%")
 93 | ;;                         (leave-gtk-main)))
 94 | ;;     (g-signal-connect button "clicked"
 95 | ;;                       (lambda (w)
 96 | ;;                         (declare (ignore w))
 97 | ;;                         (format t "~%Clicked: Hello World.~%")))
 98 | ;;     (gtk-container-add window button)
 99 | ;;     (gtk-widget-show-all window)
100 | ;;     (gtk-main))
101 | ;;   0)
102 | 
103 | 
104 | ;; (defun app.run nil
105 | ;;   (let ((window (make-instance 'gtk-window :type :toplevel
106 | ;;                                :title "Hello World for test"))
107 | ;;         (button (make-instance 'gtk-button :label "Hello World")))
108 | ;;     (g-signal-connect window "destroy"
109 | ;;                       (lambda (w)
110 | ;;                         (declare (ignore w))
111 | ;;                         (format t "~%Leaving....~%")
112 | ;;                         (leave-gtk-main)))
113 | ;;     (g-signal-connect button "event"
114 | ;;                       (lambda (widget event)
115 | ;;                         (declare (ignorable widget))
116 | ;;                         (format t "~%Event: ~A~%" event)))
117 | ;;     (g-signal-connect button "clicked"
118 | ;;                       (lambda (w)
119 | ;;                         (declare (ignore w))
120 | ;;                         (format t "~%Clicked: Hello World.~%")))
121 | ;;     (gtk-container-add window button)
122 | ;;     (gtk-widget-show-all window)
123 | ;;     (gtk-main))
124 | ;;   0)
125 | 
126 | (defvar *event-info*)
127 | 
128 | (defun app.run nil
129 |   (within-main-loop
130 |    (let ((window (make-instance 'gtk-window :type :toplevel
131 |                                 :title "My App Test"))
132 |          (button (make-instance 'gtk-button :label "My App Test, Click output hello wolr.")))
133 |      (g-signal-connect button "clicked"
134 |                        (lambda (widget)
135 |                          (declare (ignorable widget))
136 |                          (format t "~&Hello, World~%")))
137 |      (g-signal-connect window "destroy"
138 |                        (lambda (widget)
139 |                          (declare (ignorable widget))
140 |                          (format t "~%Leaving....~%")
141 |                          (leave-gtk-main)))
142 |      (g-signal-connect button "button_press_event"
143 |                        (lambda (widget event)
144 |                          (declare (ignorable widget event))
145 |                          (format t "~%Event: ~[Zero~;Left~;Middle~;Right~:;????~] ~A;~&Botton Code: ~0@*~A~%"
146 |                                  (slot-value event 'gdk::button)
147 |                                  (slot-value event 'type))
148 |                          nil))
149 |      (gtk-container-add window button)
150 |      (gtk-widget-show-all window))))
151 | 
152 | (app.run)
153 | 


--------------------------------------------------------------------------------
/lisp/main.lisp:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 
 4 | 
 5 | (load "hello-world.lisp")
 6 | 
 7 | (defun main() 
 8 |     (try-gtk-example:app.run)
 9 | )
10 | 
11 | ; (sb-ext:save-lisp-and-die "out.exe" :toplevel #'main :executable t)
12 | ; (main)
13 | 
14 | 


--------------------------------------------------------------------------------
/lisp/try-gtk-example.asd.txt:
--------------------------------------------------------------------------------
 1 | ;; (require :asdf)
 2 | 
 3 | ;; (in-package 'asdf-user)
 4 | 
 5 | 
 6 | 
 7 | (defsystem try-gtk-example
 8 |   :author "lagagain <lagagain@email.com>"
 9 |   :licence "BSD"
10 |   :version "1.0.0"
11 |   :depends-on (:cl-cffi-gtk)
12 |   :components ((:file "hello-world")))
13 | 


--------------------------------------------------------------------------------
/marketplace/marketplace.json:
--------------------------------------------------------------------------------
 1 | [
 2 | 
 3 |     {
 4 |         "name": "Brown Noise",
 5 |         "name": "brown-id",
 6 |         "permissions": [],
 7 |         "description": "A plugins for playing brown noise(autogenerated)",
 8 |         "url": "https://raw.githubusercontent.com/ilse-langnar/notebook/dev/marketplace/brown-noise.html"
 9 |     },
10 | 
11 |     {
12 |         "name": "Pomodoro Timer",
13 |         "name": "pomodoro",
14 |         "permissions": [],
15 |         "description": "Pomodoro timer, customize the time, the pauses and more",
16 |         "url": "https://raw.githubusercontent.com/ilse-langnar/notebook/dev/marketplace/pomodoro.html"
17 |     },
18 | 
19 |     {
20 |         "name": "Simple Draw",
21 |         "name": "simple-draw",
22 |         "permissions": [],
23 |         "description": "Simple drawing board for simple drawings, with a single button for drawing",
24 |         "url": "https://raw.githubusercontent.com/ilse-langnar/notebook/dev/marketplace/simple-draw.html"
25 |     },
26 | 
27 |     {
28 |         "name": "Template",
29 |         "name": "template",
30 |         "permissions": [],
31 |         "description": "Simple template for making new plugins",
32 |         "url": "https://raw.githubusercontent.com/ilse-langnar/notebook/dev/marketplace/template.html"
33 |     }
34 | 
35 | ]
36 | 


--------------------------------------------------------------------------------
/marketplace/template.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <head>
 3 |         <meta http-equiv="content-type" content="text/html; charset=utf-8">
 4 |         <meta http-equiv="X-UA-Compatible" content="IE=edge">
 5 | 
 6 |         <link rel="icon" type="image/svg" sizes="16x16" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLXBsdWciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZT0iIzQ4NTM2MSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNNyA3aDEwdjZhMyAzIDAgMCAxIC0zIDNoLTRhMyAzIDAgMCAxIC0zIC0zdi02IiAvPgogIDxsaW5lIHgxPSI5IiB5MT0iMyIgeDI9IjkiIHkyPSI3IiAvPgogIDxsaW5lIHgxPSIxNSIgeTE9IjMiIHgyPSIxNSIgeTI9IjciIC8+CiAgPHBhdGggZD0iTTEyIDE2djJhMiAyIDAgMCAwIDIgMmgzIiAvPgo8L3N2Zz4KCgo=" >
 7 | 
 8 |         <title> Plugin Template </title>
 9 | 
10 |         <style type="text/css" media="all">
11 |             body, html {
12 |                 margin: 0;
13 |                 padding: 0;
14 |                 overflow: hidden;
15 |                 background: #fff;
16 |             }
17 | 
18 |             main {
19 |                 display: block;
20 |                 margin: 0 auto;
21 |                 width: 50%;
22 |             }
23 |             
24 |                     
25 |         </style>
26 | 
27 |         <style id="theme" type="text/css" media="all" >
28 |             
29 |         </style>
30 | 
31 |     </head>
32 | 
33 |     <body>
34 | 
35 |         <main role="main">
36 |             <h1> Hello, World </h1>
37 |             <h2> I'm aplugin template. </h2>
38 |         </main>
39 | 
40 |         <script id="manifest" type="application/json" >
41 |             {
42 |                 "id": "template",
43 |                 "name": "Plugin Template",
44 |                 "version": "0.1",
45 |                 "description": "Simple plugin template for people to make their own plugins  from here.",
46 |                 "author": "Anonymous",
47 |                 "website": "",
48 |                 "bugs": ""
49 |             }
50 |         </script> 
51 | 
52 |         <script id="data" type="application/json">{}</script> 
53 | 
54 |         <script id="plugin">
55 | 
56 |             if( window.ilse ) {
57 | 
58 |                 // Todo: Show usage of every api method, variable etc.
59 |                 window.ilse.commands.add({
60 |                     id: "template-command",
61 |                     name: "Template Command",
62 |                     description: "This is a template command",
63 |                     fn: function() {
64 |                         // window.ilse.components.create_window({ title: "Simple Draw", html: `simple-draw.html` })
65 |                     },
66 |                     props: {},
67 |                 })
68 | 
69 |                 // window.ilse.keyboard.add( "ctrl+space t d d", "open-drawing-board" )
70 |             }
71 | 
72 |         </script>
73 | 
74 | </body>
75 | 


--------------------------------------------------------------------------------
/powershell/index.ps1:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/powershell/index.ps1


--------------------------------------------------------------------------------
/powershell/screenshot.ps1:
--------------------------------------------------------------------------------
 1 | # ScreenShot Desktop using PowerShell (PS)
 2 | # Version v1
 3 | # Written by: Othmane Moutaouakkil [ WHOAMI2507 ]  (You don't become a coder by just changing the credits)
 4 | # Github: https://github.com/whoami2507
 5 | 
 6 | 
 7 | # [ Takes snapshot of your screen and saves to a file ]
 8 | 
 9 | $outputFile = "C:\Users\Othmane Moutaouakkil\Desktop\ScreenShot.png"
10 | 
11 | Add-Type -AssemblyName System.Windows.Forms
12 | Add-type -AssemblyName System.Drawing
13 | 
14 | # Return resolution
15 | $Screen = [System.Windows.Forms.SystemInformation]::VirtualScreen
16 | $Width = $Screen.Width
17 | $Height = $Screen.Height
18 | $Left = $Screen.Left
19 | $Top = $Screen.Top
20 | 
21 | # Create graphic
22 | $screenshotImage = New-Object System.Drawing.Bitmap $Width, $Height
23 | 
24 | # Create graphic object
25 | $graphicObject = [System.Drawing.Graphics]::FromImage($screenshotImage)
26 | 
27 | # Capture screen
28 | $graphicObject.CopyFromScreen($Left, $Top, 0, 0, $screenshotImage.Size)
29 | 
30 | # Save to file - Saves to your path
31 | $screenshotImage.Save($outputFile)
32 | 
33 | Write-Output "Saved to:"
34 | Write-Output $outputFile
35 | Start-Sleep -s 5
36 | 
37 | 
38 | # PowerShell
39 | #ImageMagick Convert Command-Line Tool
40 | ##Use the convert program to convert between image formats as well as resize an image, blur, crop, despeckle, dither, draw on, flip, join, re-sample, and much more. See Command Line Processing for advice on how to structure your convert command or see below for example usages of the command.
41 | # 
42 | # cd 'C:\Program Files\ImageMagick-6.9.2-Q16'
43 | # ls 'D:\power\pdf\pdf\convertir' *.pdf | %{.\convert -density 150 $_.FullName -quality 90 $_.FullName.Replace('pdf','png')}
44 | #
45 | 


--------------------------------------------------------------------------------
/whitepaper.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ilse-langnar/notebook/6e34281aad001202836afcad6fff1759d56acfd7/whitepaper.pdf


--------------------------------------------------------------------------------