vuehex 0.6.1 → 0.6.3

package/README.md

@@ -2,6 +2,9 @@
 
 [![Live Demo](https://img.shields.io/badge/Live_Demo-2da44e?style=for-the-badge)](https://vvollers.github.io/vuehex/demo/)
 [![Documentation](https://img.shields.io/badge/Documentation-0969da?style=for-the-badge)](https://vvollers.github.io/vuehex/docs/)
+[![CI](https://img.shields.io/github/actions/workflow/status/vvollers/vuehex/ci.yml?style=for-the-badge)](https://github.com/vvollers/vuehex/actions/workflows/ci.yml)
+[![npm](https://img.shields.io/npm/v/vuehex?style=for-the-badge&cacheSeconds=60)](https://www.npmjs.com/package/vuehex)
+[![size](https://deno.bundlejs.com/?q=vuehex&badge=detailed&badge-style=for-the-badge)](https://bundlejs.com/?q=vuehex)
 
 ## Description
 
@@ -542,6 +545,65 @@ Example:
 
 The `"slot"` entry controls where your slot content renders relative to built-in items.
 
+## Contributing
+
+Thanks for contributing! VueHex aims to stay fast, dependency-free, and easy to embed, so PRs are easiest to review when they’re small and well-scoped.
+
+### Local development
+
+Run the Vite dev server (for the workspace app):
+
+```bash
+npm run dev
+```
+
+Explore demos and component states via Storybook:
+
+```bash
+npm run storybook
+```
+
+Build the library (and generate type declarations):
+
+```bash
+npm run build
+```
+
+Build the demo site:
+
+```bash
+npm run build:demo
+```
+
+### Quality checks
+
+This repo uses Biome for formatting and linting:
+
+```bash
+npm run lint
+npm run format
+```
+
+Type-check with Vue’s TS tooling:
+
+```bash
+npm run type-check
+```
+
+### PR guidelines
+
+- Keep changes focused and easy to review
+- If you change behavior or add a feature, update Storybook docs/examples when possible
+- Keep public API changes intentional (props/events/types) and document them in the README and/or Storybook
+
+### Filing issues
+
+Bug reports are most actionable with:
+
+- A minimal reproduction (StackBlitz/link or small repo)
+- Browser + OS + Vue version
+- Whether you’re using `data-mode="buffer"` or `data-mode="window"` (and approximate dataset size)
+
 ## License
 
 MIT © Vincent Vollers

package/dist/index.js

@@ -2122,7 +2122,6 @@ var _hoisted_1 = ["aria-disabled", "tabindex"], _hoisted_2 = ["innerHTML"], DEFA
 		})), at = computed(() => {
 			if (T.value) return {
 				position: "static",
-				width: "100%",
 				transform: "none"
 			};
 			let e = rt.value;
@@ -2130,8 +2129,6 @@ var _hoisted_1 = ["aria-disabled", "tabindex"], _hoisted_2 = ["innerHTML"], DEFA
 				position: "absolute",
 				top: "0px",
 				left: "0px",
-				right: "0px",
-				width: "100%",
 				transform: Number.isFinite(e) ? `translateY(${e}px)` : "translateY(0px)"
 			};
 		});

package/dist/styles.css

@@ -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-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}
+.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;width:max-content;min-width:max-content}.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

@@ -1,6 +1,6 @@
 {
 	"name": "vuehex",
-	"version": "0.6.1",
+	"version": "0.6.3",
 	"private": false,
 	"description": "A fast and flexible Vue 3 component for viewing and editing binary data as a hexadecimal view",
 	"author": "Vincent Vollers",