vuehex 0.6.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +8 -3
  2. package/dist/styles.css +1 -1
  3. package/package.json +1 -1
package/README.md CHANGED
@@ -1,10 +1,15 @@
1
1
  # VueHex
2
2
 
3
+ [![Live Demo](https://img.shields.io/badge/Live_Demo-2da44e?style=for-the-badge)](https://vvollers.github.io/vuehex/demo/)
4
+ [![Documentation](https://img.shields.io/badge/Documentation-0969da?style=for-the-badge)](https://vvollers.github.io/vuehex/docs/)
5
+
6
+ ## Description
7
+
3
8
  VueHex is a fast, virtualized hex viewer/editor component for Vue 3. It can be used both for cleanly viewing and editing binary data and for efficiently handling very large datasets.
4
9
 
5
10
  * No dependencies
6
- * Small package (~64KB minimized / ~15KB zipped)
7
- * Render local and remote data
11
+ * Small package (~72KB minimized / ~18KB zipped)
12
+ * Render any local or remote data
8
13
  * Can handle extremely large data sizes
9
14
  * Very flexible and themeable, can be as simple or as complicated as you wish
10
15
 
@@ -16,7 +21,7 @@ VueHex is a fast, virtualized hex viewer/editor component for Vue 3. It can be u
16
21
  npm install vuehex
17
22
  ```
18
23
 
19
- Optionally register the plugin once to make the `<VueHex>` component available everywhere and load the bundled styles:
24
+ Register the plugin once to make the `<VueHex>` component available everywhere and load the bundled styles:
20
25
 
21
26
  ```ts
22
27
  import { createApp } from "vue";
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .vuehex-root{box-sizing:border-box;gap:.75rem;width:100%;height:100%;display:flex}.vuehex-root--expand-to-content{height:auto}.vuehex-root--horizontal{flex-direction:row;align-items:stretch}.vuehex-root--vertical{flex-direction:column}.vuehex-viewer{flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.vuehex-viewer--with-statusbar{flex-direction:column}.vuehex-viewer>.vuehex{flex:auto;height:auto;min-height:0}.vuehex-statusbar{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.vuehex-statusbar__section{flex:1 1 0;align-items:center;gap:.75rem;min-width:0;display:flex}.vuehex-statusbar__section--left{justify-content:flex-start}.vuehex-statusbar__section--middle{justify-content:center}.vuehex-statusbar__section--right{justify-content:flex-end}.vuehex-statusbar__item{white-space:nowrap;align-items:baseline;gap:.4rem;display:inline-flex}.vuehex-statusbar__label{opacity:.75}.vuehex-statusbar__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;display:inline-block;overflow:hidden}.vuehex-statusbar__item--selection{margin-left:auto}.vuehex-statusbar--top{border-bottom:none}.vuehex-viewer--statusbar-top>.vuehex,.vuehex-statusbar--bottom{border-top:none}.vuehex-viewer--statusbar-bottom>.vuehex{border-bottom:none}.vuehex-viewer--with-nav.vuehex-viewer--nav-left,.vuehex-viewer--with-nav.vuehex-viewer--nav-right{flex:auto}.vuehex-chunk-nav{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));box-shadow:var(--vuehex-ui-shadow,0 12px 24px #0f172a1f);flex:none;gap:.5rem;padding:.6rem;display:flex}.vuehex-chunk-nav--right,.vuehex-chunk-nav--left{flex-direction:column;align-items:stretch;min-width:220px;max-width:280px}.vuehex-chunk-nav--right{order:1}.vuehex-chunk-nav--left{order:-1}.vuehex-chunk-nav--top,.vuehex-chunk-nav--bottom{flex-direction:row;align-items:center;width:100%}.vuehex-chunk-nav--top{order:-1}.vuehex-chunk-nav--bottom{order:1}.vuehex-chunk-nav__header{flex-direction:column;gap:.25rem;display:flex}.vuehex-chunk-nav__title{font-size:.9rem;font-weight:600}.vuehex-chunk-nav__summary{opacity:.75;font-size:.75rem}.vuehex-chunk-list{flex-direction:column;flex:auto;gap:.25rem;min-height:0;display:flex;overflow-y:auto}.vuehex-chunk-nav--top .vuehex-chunk-list,.vuehex-chunk-nav--bottom .vuehex-chunk-list{flex-direction:row;overflow:auto visible}.vuehex-chunk-item{border:1px solid var(--vuehex-ui-button-border-color,#94a3b826);background:var(--vuehex-ui-button-background,#94a3b814);color:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.125rem;padding:.45rem .65rem;transition:border-color .15s,background-color .15s;display:flex}.vuehex-chunk-item:hover{border-color:var(--vuehex-ui-button-border-color-hover,#94a3b866);background:var(--vuehex-ui-button-background-hover,#94a3b81f)}.vuehex-chunk-item:focus-visible{outline:2px solid var(--vuehex-ui-focus-ring-color,#60a5facc);outline-offset:2px}.vuehex-chunk-item--active{border-color:var(--vuehex-ui-button-border-color-active,#60a5facc);background:var(--vuehex-ui-button-background-active,#60a5fa38)}.vuehex-chunk-item__label{font-size:.8rem;font-weight:600}.vuehex-chunk-item__range{opacity:.8;font-size:.75rem}.vuehex{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.4;--vuehex-row-divider:#94a3b833;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b873;--vuehex-ascii-column-border:#94a3b833;--vuehex-mid-column-gutter:1.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;background:var(--vuehex-background);color:var(--vuehex-foreground);border:1px solid var(--vuehex-border-color);box-sizing:border-box;user-select:none;scrollbar-color:var(--vuehex-scrollbar-thumb)var(--vuehex-scrollbar-track);scrollbar-width:thin;padding:0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;position:relative;overflow:auto}.vuehex::-webkit-scrollbar{width:12px;height:12px}.vuehex::-webkit-scrollbar-track{background:var(--vuehex-scrollbar-track)}.vuehex::-webkit-scrollbar-thumb{background:var(--vuehex-scrollbar-thumb);border:2px solid var(--vuehex-background);border-radius:6px}.vuehex::-webkit-scrollbar-thumb:hover{background:var(--vuehex-scrollbar-thumb-hover)}.vuehex::-webkit-scrollbar-corner{background:var(--vuehex-scrollbar-track)}.vuehex.vuehex--expand-to-content{height:auto;overflow:visible}.vuehex-table{border-collapse:collapse;table-layout:fixed;width:100%}.vuehex-inner{width:100%;min-height:100%;position:relative}.vuehex-table tbody tr{border-bottom:1px solid var(--vuehex-row-divider)}.vuehex-table tbody tr:last-child{border-bottom:none}.vuehex-offset{text-align:left;color:var(--vuehex-offset-color);white-space:nowrap;width:150px;padding:.25rem .75rem .25rem 0;font-weight:600}.vuehex-offset-leading{opacity:var(--vuehex-offset-leading-opacity)}.vuehex-bytes,.vuehex-ascii{white-space:nowrap}.vuehex-bytes{width:23.1rem;padding-right:.75rem}.vuehex-byte,.vuehex-ascii-char{text-align:center;display:inline-block}.vuehex-byte{min-width:2ch;color:var(--vuehex-byte-color);margin:0 .25ch}.vuehex-byte.vuehex-selected,.vuehex-ascii-char.vuehex-selected{outline-offset:-1px;background:#3b82f64d;outline:1px solid #3b82f6a6}.vuehex-byte.vuehex-cursor,.vuehex-ascii-char.vuehex-cursor{outline-offset:-2px;outline:2px solid #3b82f6d9}.vuehex.vuehex-editor.vuehex-editor--active-hex .vuehex-bytes,.vuehex.vuehex-editor.vuehex-editor--active-ascii .vuehex-ascii{background:#3b82f60d}.vuehex.vuehex-editor .vuehex-cursor.vuehex-cursor--active-column{background:#3b82f638}.vuehex.vuehex-editor.vuehex-editor--insert .vuehex-byte.vuehex-cursor,.vuehex.vuehex-editor.vuehex-editor--insert .vuehex-ascii-char.vuehex-cursor,.vuehex-ascii-char.vuehex-selected--ascii{outline-style:dashed}.vuehex-ascii-char{min-width:1ch;margin:0}.vuehex-byte--column-start{margin-left:calc(var(--vuehex-mid-column-gutter) + .25ch)}.vuehex-ascii-char--column-start{margin-left:0}.vuehex-ascii{border-left:1px solid var(--vuehex-ascii-column-border);color:var(--vuehex-ascii-color);padding-left:.75rem}.vuehex-ascii-char{color:var(--vuehex-ascii-color)}.vuehex-ascii-char--non-printable{color:var(--vuehex-ascii-non-printable-color)}.vuehex-byte.vuehex-category-digit,.vuehex-ascii-char.vuehex-category-digit{color:#facc15}.vuehex-byte.vuehex-category-uppercase,.vuehex-ascii-char.vuehex-category-uppercase{color:#38bdf8}.vuehex-byte.vuehex-category-lowercase,.vuehex-ascii-char.vuehex-category-lowercase{color:#c084fc}.vuehex-byte.vuehex-category-null,.vuehex-ascii-char.vuehex-category-null{opacity:.55}.vuehex-byte.vuehex-category-erased,.vuehex-ascii-char.vuehex-category-erased{color:#fb923c}.vuehex-byte.vuehex-category-control,.vuehex-ascii-char.vuehex-category-control{color:#2dd4bf}.vuehex-byte.vuehex-category-highbit,.vuehex-ascii-char.vuehex-category-highbit{color:#f87171}.vuehex-byte.vuehex-linked-hover,.vuehex-ascii-char.vuehex-linked-hover{color:var(--vuehex-byte-color);cursor:pointer;background:#60a5fa40;outline:1px solid #fff}.vuehex-byte--placeholder,.vuehex-ascii-char--placeholder{visibility:hidden}.vuehex-byte--ghost,.vuehex-ascii-char--ghost{opacity:.45;color:var(--vuehex-offset-color)}.vuehex.vuehex-editor .vuehex-byte--ghost.vuehex-cursor,.vuehex.vuehex-editor .vuehex-ascii-char--ghost.vuehex-cursor{opacity:1;color:var(--vuehex-byte-color);outline:1px dashed var(--vuehex-ui-focus-ring-color);outline-offset:1px}.vuehex-theme-dark{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}.vuehex-theme-light{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-light [class~=vuehex-ascii-char--non-printable]{color:#64748b59}.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}@media (prefers-color-scheme:light){.vuehex-theme-auto{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-auto [class~=vuehex-ascii-char--non-printable]{color:#64748b59}}@media (prefers-color-scheme:dark){.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch}}.vuehex-theme-terminal{--vuehex-background:#050505;--vuehex-foreground:#7fff7f;--vuehex-border-color:#50ff7840;--vuehex-offset-color:#8fff8fa6;--vuehex-offset-leading-opacity:.55;--vuehex-scrollbar-track:#00000080;--vuehex-scrollbar-thumb:#7fff7f59;--vuehex-scrollbar-thumb-hover:#7fff7f8c;--vuehex-row-divider:#50ff7826;--vuehex-byte-color:#7fff7f;--vuehex-ascii-color:#b8ff8a;--vuehex-ascii-non-printable-color:#7fff7f59;--vuehex-ascii-column-border:#7fff7f40;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #00000073;--vuehex-ui-button-border-color:#7fff7f40;--vuehex-ui-button-border-color-hover:#7fff7f73;--vuehex-ui-button-border-color-active:#7fff7fbf;--vuehex-ui-button-background:#7fff7f14;--vuehex-ui-button-background-hover:#7fff7f1f;--vuehex-ui-button-background-active:#7fff7f2e;--vuehex-ui-focus-ring-color:#7fff7fb3}.vuehex-theme-sunset{--vuehex-background:radial-gradient(circle at top,#451952,#1f1728);--vuehex-foreground:#fee2e2;--vuehex-border-color:#f8717159;--vuehex-offset-color:#f87171bf;--vuehex-offset-leading-opacity:.5;--vuehex-scrollbar-track:#1f172880;--vuehex-scrollbar-thumb:#f8717173;--vuehex-scrollbar-thumb-hover:#f87171a6;--vuehex-row-divider:#f871711f;--vuehex-byte-color:#fca5a5;--vuehex-ascii-color:#fcd34d;--vuehex-ascii-non-printable-color:#fbbf2466;--vuehex-ascii-column-border:#f8717140;--vuehex-mid-column-gutter:1.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 14px 30px #0f172a38;--vuehex-ui-button-border-color:#f8717138;--vuehex-ui-button-border-color-hover:#f871716b;--vuehex-ui-button-border-color-active:#fbbf24a6;--vuehex-ui-button-background:#f871711a;--vuehex-ui-button-background-hover:#f8717126;--vuehex-ui-button-background-active:#fbbf242e;--vuehex-ui-focus-ring-color:#fbbf24a6}
1
+ .vuehex-root{box-sizing:border-box;gap:.75rem;width:100%;height:100%;display:flex}.vuehex-root--expand-to-content{height:auto}.vuehex-root--horizontal{flex-direction:row;align-items:stretch}.vuehex-root--vertical{flex-direction:column}.vuehex-viewer{flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.vuehex-viewer--with-statusbar{flex-direction:column}.vuehex-viewer>.vuehex{flex:auto;height:auto;min-height:0}.vuehex-statusbar{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.vuehex-statusbar__section{flex:1 1 0;align-items:center;gap:.75rem;min-width:0;display:flex}.vuehex-statusbar__section--left{justify-content:flex-start}.vuehex-statusbar__section--middle{justify-content:center}.vuehex-statusbar__section--right{justify-content:flex-end}.vuehex-statusbar__item{white-space:nowrap;align-items:baseline;gap:.4rem;display:inline-flex}.vuehex-statusbar__label{opacity:.75}.vuehex-statusbar__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;display:inline-block;overflow:hidden}.vuehex-statusbar__item--selection{margin-left:auto}.vuehex-statusbar--top{border-bottom:none}.vuehex-viewer--statusbar-top>.vuehex,.vuehex-statusbar--bottom{border-top:none}.vuehex-viewer--statusbar-bottom>.vuehex{border-bottom:none}.vuehex-viewer--with-nav.vuehex-viewer--nav-left,.vuehex-viewer--with-nav.vuehex-viewer--nav-right{flex:auto}.vuehex-chunk-nav{border:1px solid var(--vuehex-ui-border-color,var(--vuehex-border-color));background:var(--vuehex-ui-background,var(--vuehex-background));color:var(--vuehex-ui-foreground,var(--vuehex-foreground));box-shadow:var(--vuehex-ui-shadow,0 12px 24px #0f172a1f);flex:none;gap:.5rem;padding:.6rem;display:flex}.vuehex-chunk-nav--right,.vuehex-chunk-nav--left{flex-direction:column;align-items:stretch;min-width:220px;max-width:280px}.vuehex-chunk-nav--right{order:1}.vuehex-chunk-nav--left{order:-1}.vuehex-chunk-nav--top,.vuehex-chunk-nav--bottom{flex-direction:row;align-items:center;width:100%}.vuehex-chunk-nav--top{order:-1}.vuehex-chunk-nav--bottom{order:1}.vuehex-chunk-nav__header{flex-direction:column;gap:.25rem;display:flex}.vuehex-chunk-nav__title{font-size:.9rem;font-weight:600}.vuehex-chunk-nav__summary{opacity:.75;font-size:.75rem}.vuehex-chunk-list{flex-direction:column;flex:auto;gap:.25rem;min-height:0;display:flex;overflow-y:auto}.vuehex-chunk-nav--top .vuehex-chunk-list,.vuehex-chunk-nav--bottom .vuehex-chunk-list{flex-direction:row;overflow:auto visible}.vuehex-chunk-item{border:1px solid var(--vuehex-ui-button-border-color,#94a3b826);background:var(--vuehex-ui-button-background,#94a3b814);color:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.125rem;padding:.45rem .65rem;transition:border-color .15s,background-color .15s;display:flex}.vuehex-chunk-item:hover{border-color:var(--vuehex-ui-button-border-color-hover,#94a3b866);background:var(--vuehex-ui-button-background-hover,#94a3b81f)}.vuehex-chunk-item:focus-visible{outline:2px solid var(--vuehex-ui-focus-ring-color,#60a5facc);outline-offset:2px}.vuehex-chunk-item--active{border-color:var(--vuehex-ui-button-border-color-active,#60a5facc);background:var(--vuehex-ui-button-background-active,#60a5fa38)}.vuehex-chunk-item__label{font-size:.8rem;font-weight:600}.vuehex-chunk-item__range{opacity:.8;font-size:.75rem}.vuehex{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.4;--vuehex-row-divider:#94a3b833;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b873;--vuehex-ascii-column-border:#94a3b833;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;font-variant-ligatures:none;font-variant-numeric:tabular-nums;text-rendering:optimizeSpeed;background:var(--vuehex-background);color:var(--vuehex-foreground);border:1px solid var(--vuehex-border-color);box-sizing:border-box;user-select:none;scrollbar-color:var(--vuehex-scrollbar-thumb)var(--vuehex-scrollbar-track);scrollbar-width:thin;padding:0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,DejaVu Sans Mono,Ubuntu Mono,Courier New,monospace;position:relative;overflow:auto}.vuehex::-webkit-scrollbar{width:12px;height:12px}.vuehex::-webkit-scrollbar-track{background:var(--vuehex-scrollbar-track)}.vuehex::-webkit-scrollbar-thumb{background:var(--vuehex-scrollbar-thumb);border:2px solid var(--vuehex-background);border-radius:6px}.vuehex::-webkit-scrollbar-thumb:hover{background:var(--vuehex-scrollbar-thumb-hover)}.vuehex::-webkit-scrollbar-corner{background:var(--vuehex-scrollbar-track)}.vuehex.vuehex--expand-to-content{height:auto;overflow:visible}.vuehex-table{border-collapse:collapse;table-layout:auto;min-width:max-content;width:max-content!important}.vuehex-inner{width:100%;min-height:100%;position:relative}.vuehex-table tbody tr{border-bottom:1px solid var(--vuehex-row-divider)}.vuehex-table tbody tr:last-child{border-bottom:none}.vuehex-offset{text-align:left;color:var(--vuehex-offset-color);white-space:nowrap;width:150px;padding:.25rem .75rem .25rem 0;font-weight:600}.vuehex-offset-leading{opacity:var(--vuehex-offset-leading-opacity)}.vuehex-bytes,.vuehex-ascii{white-space:nowrap}.vuehex-bytes{padding-right:var(--vuehex-bytes-column-padding-right);width:auto}.vuehex-byte,.vuehex-ascii-char{text-align:center;display:inline-block}.vuehex-byte{min-width:2ch;color:var(--vuehex-byte-color);margin:0 .25ch}.vuehex-byte.vuehex-selected,.vuehex-ascii-char.vuehex-selected{outline-offset:-1px;background:#3b82f64d;outline:1px solid #3b82f6a6}.vuehex-byte.vuehex-cursor,.vuehex-ascii-char.vuehex-cursor{outline-offset:-2px;outline:2px solid #3b82f6d9}.vuehex.vuehex-editor.vuehex-editor--active-hex .vuehex-bytes,.vuehex.vuehex-editor.vuehex-editor--active-ascii .vuehex-ascii{background:#3b82f60d}.vuehex.vuehex-editor .vuehex-cursor.vuehex-cursor--active-column{background:#3b82f638}.vuehex.vuehex-editor.vuehex-editor--insert .vuehex-byte.vuehex-cursor,.vuehex.vuehex-editor.vuehex-editor--insert .vuehex-ascii-char.vuehex-cursor,.vuehex-ascii-char.vuehex-selected--ascii{outline-style:dashed}.vuehex-ascii-char{min-width:1ch;margin:0}.vuehex-byte--column-start{margin-left:calc(var(--vuehex-mid-column-gutter) + .25ch)}.vuehex-ascii-char--column-start{margin-left:0}.vuehex-ascii{padding-left:var(--vuehex-ascii-column-padding-left);border-left:1px solid var(--vuehex-ascii-column-border);color:var(--vuehex-ascii-color)}.vuehex-ascii-char{color:var(--vuehex-ascii-color)}.vuehex-ascii-char--non-printable{color:var(--vuehex-ascii-non-printable-color)}.vuehex-byte.vuehex-category-digit,.vuehex-ascii-char.vuehex-category-digit{color:#facc15}.vuehex-byte.vuehex-category-uppercase,.vuehex-ascii-char.vuehex-category-uppercase{color:#38bdf8}.vuehex-byte.vuehex-category-lowercase,.vuehex-ascii-char.vuehex-category-lowercase{color:#c084fc}.vuehex-byte.vuehex-category-null,.vuehex-ascii-char.vuehex-category-null{opacity:.55}.vuehex-byte.vuehex-category-erased,.vuehex-ascii-char.vuehex-category-erased{color:#fb923c}.vuehex-byte.vuehex-category-control,.vuehex-ascii-char.vuehex-category-control{color:#2dd4bf}.vuehex-byte.vuehex-category-highbit,.vuehex-ascii-char.vuehex-category-highbit{color:#f87171}.vuehex-byte.vuehex-linked-hover,.vuehex-ascii-char.vuehex-linked-hover{color:var(--vuehex-byte-color);cursor:pointer;background:#60a5fa40;outline:1px solid #fff}.vuehex-byte--placeholder,.vuehex-ascii-char--placeholder{visibility:hidden}.vuehex-byte--ghost,.vuehex-ascii-char--ghost{opacity:.45;color:var(--vuehex-offset-color)}.vuehex.vuehex-editor .vuehex-byte--ghost.vuehex-cursor,.vuehex.vuehex-editor .vuehex-ascii-char--ghost.vuehex-cursor{opacity:1;color:var(--vuehex-byte-color);outline:1px dashed var(--vuehex-ui-focus-ring-color);outline-offset:1px}.vuehex-theme-dark{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}.vuehex-theme-light{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-light [class~=vuehex-ascii-char--non-printable]{color:#64748b59}.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-scrollbar-track:#0f172a4d;--vuehex-scrollbar-thumb:#94a3b866;--vuehex-scrollbar-thumb-hover:#94a3b899;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a1f;--vuehex-ui-button-border-color:#94a3b826;--vuehex-ui-button-border-color-hover:#94a3b866;--vuehex-ui-button-border-color-active:#60a5facc;--vuehex-ui-button-background:#94a3b814;--vuehex-ui-button-background-hover:#94a3b81f;--vuehex-ui-button-background-active:#60a5fa38;--vuehex-ui-focus-ring-color:#60a5facc}@media (prefers-color-scheme:light){.vuehex-theme-auto{--vuehex-background:#f8fafc;--vuehex-foreground:#0f172a;--vuehex-border-color:#0f172a1f;--vuehex-offset-color:#0f172aa6;--vuehex-offset-leading-opacity:.5;--vuehex-row-divider:#0f172a14;--vuehex-byte-color:#1f2937;--vuehex-ascii-color:#334155;--vuehex-scrollbar-track:#e2e8f099;--vuehex-scrollbar-thumb:#64748b66;--vuehex-scrollbar-thumb-hover:#64748b99;--vuehex-ascii-non-printable-color:#64748b80;--vuehex-ascii-column-border:#94a3b859;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #0f172a14;--vuehex-ui-button-border-color:#0f172a1f;--vuehex-ui-button-border-color-hover:#0f172a38;--vuehex-ui-button-border-color-active:#2563ebb3;--vuehex-ui-button-background:#0f172a08;--vuehex-ui-button-background-hover:#0f172a0f;--vuehex-ui-button-background-active:#2563eb1f;--vuehex-ui-focus-ring-color:#2563ebb3}.vuehex-theme-auto [class~=vuehex-ascii-char--non-printable]{color:#64748b59}}@media (prefers-color-scheme:dark){.vuehex-theme-auto{--vuehex-background:#0f172a;--vuehex-foreground:#e2e8f0;--vuehex-border-color:#94a3b840;--vuehex-offset-color:#94a3b8;--vuehex-offset-leading-opacity:.35;--vuehex-row-divider:#94a3b82e;--vuehex-byte-color:#f8fafc;--vuehex-ascii-color:#f1f5f9;--vuehex-ascii-non-printable-color:#94a3b859;--vuehex-ascii-column-border:#94a3b83d;--vuehex-mid-column-gutter:1.5ch}}.vuehex-theme-terminal{--vuehex-background:#050505;--vuehex-foreground:#7fff7f;--vuehex-border-color:#50ff7840;--vuehex-offset-color:#8fff8fa6;--vuehex-offset-leading-opacity:.55;--vuehex-scrollbar-track:#00000080;--vuehex-scrollbar-thumb:#7fff7f59;--vuehex-scrollbar-thumb-hover:#7fff7f8c;--vuehex-row-divider:#50ff7826;--vuehex-byte-color:#7fff7f;--vuehex-ascii-color:#b8ff8a;--vuehex-ascii-non-printable-color:#7fff7f59;--vuehex-ascii-column-border:#7fff7f40;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 12px 24px #00000073;--vuehex-ui-button-border-color:#7fff7f40;--vuehex-ui-button-border-color-hover:#7fff7f73;--vuehex-ui-button-border-color-active:#7fff7fbf;--vuehex-ui-button-background:#7fff7f14;--vuehex-ui-button-background-hover:#7fff7f1f;--vuehex-ui-button-background-active:#7fff7f2e;--vuehex-ui-focus-ring-color:#7fff7fb3}.vuehex-theme-sunset{--vuehex-background:radial-gradient(circle at top,#451952,#1f1728);--vuehex-foreground:#fee2e2;--vuehex-border-color:#f8717159;--vuehex-offset-color:#f87171bf;--vuehex-offset-leading-opacity:.5;--vuehex-scrollbar-track:#1f172880;--vuehex-scrollbar-thumb:#f8717173;--vuehex-scrollbar-thumb-hover:#f87171a6;--vuehex-row-divider:#f871711f;--vuehex-byte-color:#fca5a5;--vuehex-ascii-color:#fcd34d;--vuehex-ascii-non-printable-color:#fbbf2466;--vuehex-ascii-column-border:#f8717140;--vuehex-mid-column-gutter:1.5ch;--vuehex-bytes-column-padding-right:.5ch;--vuehex-ascii-column-padding-left:.5ch;--vuehex-ui-background:var(--vuehex-background);--vuehex-ui-foreground:var(--vuehex-foreground);--vuehex-ui-border-color:var(--vuehex-border-color);--vuehex-ui-shadow:0 14px 30px #0f172a38;--vuehex-ui-button-border-color:#f8717138;--vuehex-ui-button-border-color-hover:#f871716b;--vuehex-ui-button-border-color-active:#fbbf24a6;--vuehex-ui-button-background:#f871711a;--vuehex-ui-button-background-hover:#f8717126;--vuehex-ui-button-background-active:#fbbf242e;--vuehex-ui-focus-ring-color:#fbbf24a6}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vuehex",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "private": false,
5
5
  "description": "A fast and flexible Vue 3 component for viewing and editing binary data as a hexadecimal view",
6
6
  "author": "Vincent Vollers",