@ixfx/components 0.5.19 → 0.5.20

package/dist/fallbacks-DEE1nCTt.js

@@ -0,0 +1,406 @@
+import { css } from "lit";
+//#region src/styles/fallbacks.ts
+/**
+* Default fallback values for theme CSS variables.
+*
+* Uses `@property` to register each variable with an initial value that acts
+* as a fallback. This means:
+*  - If the theme CSS (`src/style.css`) is loaded, its `:root` values cascade
+*    in and override these defaults.
+*  - If no theme CSS is loaded, these initial values ensure components still
+*    have visible backgrounds, text colours, etc.
+*
+* `@property` registration is document-global — it is not scoped per shadow
+* root — so this is registered exactly once (via `_registerThemeFallbacksOnce`
+* below) rather than adopted into every component's shadow-root stylesheet.
+* Registering the same `@property` rule repeatedly across many shadow roots
+* causes Chrome to log "Ignored @property rule" for every repeat.
+*/
+const _themeFallbacksCss = css`
+  @property --surface-0 {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(5% 0.02 240);
+  }
+  @property --surface-1 {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(8% 0.02 240);
+  }
+  @property --surface-2 {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(12% 0.02 240);
+  }
+  @property --surface-2-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --surface-3 {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(15% 0.02 240);
+  }
+  @property --surface-3-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(75% 0.02 240);
+  }
+  @property --surface-4 {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(22% 0.02 240);
+  }
+  @property --surface-4-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --surface-5 {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(19% 0.02 240);
+  }
+  @property --surface-5-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --surface-6 {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(35% 0.02 240);
+  }
+  @property --surface-6-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --surface-muted-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(55% 0.02 240);
+  }
+  @property --content {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(10% 0.01 240);
+  }
+  @property --content-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --accent {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(60% 0.15 140);
+  }
+  @property --accent-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --error {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(60% 0.15 20);
+  }
+  @property --error-text {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --border {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px solid oklch(25% 0.02 240);
+  }
+  @property --border-subtle {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px solid oklch(18% 0.02 240);
+  }
+  @property --disabled-opacity {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 0.5;
+  }
+  @property --transition {
+    syntax: '<time>';
+    inherits: true;
+    initial-value: 0.15s;
+  }
+  @property --prominence-idle-opacity {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 0.6;
+  }
+  @property --prominence-idle-saturate {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 0.4;
+  }
+  @property --prominence-tickled-opacity {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 0.85;
+  }
+  @property --prominence-tickled-saturate {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 0.8;
+  }
+  @property --prominence-disabled-opacity {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 0.3;
+  }
+  @property --prominence-disabled-saturate {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 0.1;
+  }
+  @property --crumb-item-bg {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: transparent;
+  }
+  @property --crumb-item-bg-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: var(--surface-5);
+  }
+  @property --crumb-item-text-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: inherit;
+  }
+  @property --crumb-item-border {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px solid transparent;
+  }
+  @property --crumb-item-border-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: var(--accent);
+  }
+  @property --crumb-item-padding {
+    syntax: '*';
+    inherits: true;
+    initial-value: var(--space-xs);
+  }
+  @property --crumb-item-border-radius {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: var(--radius-m);
+  }
+  @property --crumb-item-gap {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: var(--space-xs);
+  }
+  @property --crumb-separator {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: var(--surface-muted-text);
+  }
+  @property --crumb-truncate-min-width {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 5ch;
+  }
+  @property --space-xs {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 3px;
+  }
+  @property --space-s {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 4px;
+  }
+  @property --space-m {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 8px;
+  }
+  @property --space-l {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 12px;
+  }
+  @property --space-xl {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 16px;
+  }
+  @property --space-2xl {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 20px;
+  }
+  @property --text-xs {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 10px;
+  }
+  @property --text-s {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 11px;
+  }
+  @property --text-m {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 12px;
+  }
+  @property --text-l {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 13px;
+  }
+  @property --text-xl {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 16px;
+  }
+  @property --text-2xl {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 20px;
+  }
+  @property --font-weight-bold {
+    syntax: '<number>';
+    inherits: true;
+    initial-value: 600;
+  }
+  @property --radius-s {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 3px;
+  }
+  @property --radius-m {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 4px;
+  }
+  @property --radius-l {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 6px;
+  }
+  @property --radius-xl {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 8px;
+  }
+  @property --shadow-m {
+    syntax: '*';
+    inherits: true;
+    initial-value: 0 4px 12px rgba(0, 0, 0, 0.3);
+  }
+  @property --shadow-l {
+    syntax: '*';
+    inherits: true;
+    initial-value: 0 4px 24px rgba(0, 0, 0, 0.5);
+  }
+  @property --item-bg {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: transparent;
+  }
+  @property --item-bg-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(19% 0.02 240);
+  }
+  @property --item-bg-selected {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: oklch(60% 0.15 140);
+  }
+  @property --item-bg-selected-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: color-mix(in oklch, oklch(60% 0.15 140) 80%, oklch(0% 0 0));
+  }
+  @property --item-text-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --item-text-selected {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: #fff;
+  }
+  @property --item-border {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px solid oklch(19% 0.02 240);
+  }
+  @property --item-border-tickled {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px solid color-mix(in oklch, oklch(60% 0.15 140) 40%, transparent);
+  }
+  @property --item-border-selected {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px dashed oklch(60% 0.15 140);
+  }
+  @property --item-border-active {
+    syntax: '*';
+    inherits: true;
+    initial-value: 2px solid oklch(60% 0.15 140);
+  }
+  @property --item-border-dragged {
+    syntax: '*';
+    inherits: true;
+    initial-value: 2px dotted color-mix(in oklch, oklch(60% 0.15 140) 80%, transparent);
+  }
+  @property --item-border-disabled {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px solid oklch(22% 0.02 240);
+  }
+  @property --item-padding {
+    syntax: '*';
+    inherits: true;
+    initial-value: 4px 8px;
+  }
+  @property --item-border-radius {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 4px;
+  }
+  @property --item-icon-spacing {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 4px;
+  }
+`;
+let _themeFallbacksRegistered = false;
+function _registerThemeFallbacksOnce() {
+	if (_themeFallbacksRegistered || typeof document === `undefined`) return;
+	_themeFallbacksRegistered = true;
+	const styleEl = document.createElement(`style`);
+	styleEl.textContent = _themeFallbacksCss.cssText;
+	document.head.append(styleEl);
+}
+_registerThemeFallbacksOnce();
+/**
+* Spread this into any component whose styles reference theme variables.
+* It is an empty stylesheet — the actual `@property` rules are registered
+* once at the document level as a side effect of importing this module — so
+* this exists only to keep the familiar `static styles = [themeFallbacks, ...]`
+* pattern working across all consuming components.
+*/
+const themeFallbacks = css``;
+//#endregion
+export { themeFallbacks as t };
+
+//# sourceMappingURL=fallbacks-DEE1nCTt.js.map

package/dist/fallbacks-DEE1nCTt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallbacks-DEE1nCTt.js","names":[],"sources":["../src/styles/fallbacks.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Default fallback values for theme CSS variables.\n *\n * Uses `@property` to register each variable with an initial value that acts\n * as a fallback. This means:\n *  - If the theme CSS (`src/style.css`) is loaded, its `:root` values cascade\n *    in and override these defaults.\n *  - If no theme CSS is loaded, these initial values ensure components still\n *    have visible backgrounds, text colours, etc.\n *\n * `@property` registration is document-global — it is not scoped per shadow\n * root — so this is registered exactly once (via `_registerThemeFallbacksOnce`\n * below) rather than adopted into every component's shadow-root stylesheet.\n * Registering the same `@property` rule repeatedly across many shadow roots\n * causes Chrome to log \"Ignored @property rule\" for every repeat.\n */\nconst _themeFallbacksCss = css`\n  @property --surface-0 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(5% 0.02 240);\n  }\n  @property --surface-1 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(8% 0.02 240);\n  }\n  @property --surface-2 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(12% 0.02 240);\n  }\n  @property --surface-2-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-3 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(15% 0.02 240);\n  }\n  @property --surface-3-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(75% 0.02 240);\n  }\n  @property --surface-4 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(22% 0.02 240);\n  }\n  @property --surface-4-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-5 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(19% 0.02 240);\n  }\n  @property --surface-5-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-6 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(35% 0.02 240);\n  }\n  @property --surface-6-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-muted-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(55% 0.02 240);\n  }\n  @property --content {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(10% 0.01 240);\n  }\n  @property --content-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --accent {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(60% 0.15 140);\n  }\n  @property --accent-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --error {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(60% 0.15 20);\n  }\n  @property --error-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --border {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(25% 0.02 240);\n  }\n  @property --border-subtle {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(18% 0.02 240);\n  }\n  @property --disabled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.5;\n  }\n  @property --transition {\n    syntax: '<time>';\n    inherits: true;\n    initial-value: 0.15s;\n  }\n  @property --prominence-idle-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.6;\n  }\n  @property --prominence-idle-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.4;\n  }\n  @property --prominence-tickled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.85;\n  }\n  @property --prominence-tickled-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.8;\n  }\n  @property --prominence-disabled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.3;\n  }\n  @property --prominence-disabled-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.1;\n  }\n  @property --crumb-item-bg {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: transparent;\n  }\n  @property --crumb-item-bg-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: var(--surface-5);\n  }\n  @property --crumb-item-text-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: inherit;\n  }\n  @property --crumb-item-border {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid transparent;\n  }\n  @property --crumb-item-border-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: var(--accent);\n  }\n  @property --crumb-item-padding {\n    syntax: '*';\n    inherits: true;\n    initial-value: var(--space-xs);\n  }\n  @property --crumb-item-border-radius {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: var(--radius-m);\n  }\n  @property --crumb-item-gap {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: var(--space-xs);\n  }\n  @property --crumb-separator {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: var(--surface-muted-text);\n  }\n  @property --crumb-truncate-min-width {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 5ch;\n  }\n  @property --space-xs {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 3px;\n  }\n  @property --space-s {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 4px;\n  }\n  @property --space-m {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 8px;\n  }\n  @property --space-l {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 12px;\n  }\n  @property --space-xl {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 16px;\n  }\n  @property --space-2xl {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 20px;\n  }\n  @property --text-xs {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 10px;\n  }\n  @property --text-s {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 11px;\n  }\n  @property --text-m {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 12px;\n  }\n  @property --text-l {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 13px;\n  }\n  @property --text-xl {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 16px;\n  }\n  @property --text-2xl {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 20px;\n  }\n  @property --font-weight-bold {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 600;\n  }\n  @property --radius-s {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 3px;\n  }\n  @property --radius-m {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 4px;\n  }\n  @property --radius-l {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 6px;\n  }\n  @property --radius-xl {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 8px;\n  }\n  @property --shadow-m {\n    syntax: '*';\n    inherits: true;\n    initial-value: 0 4px 12px rgba(0, 0, 0, 0.3);\n  }\n  @property --shadow-l {\n    syntax: '*';\n    inherits: true;\n    initial-value: 0 4px 24px rgba(0, 0, 0, 0.5);\n  }\n  @property --item-bg {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: transparent;\n  }\n  @property --item-bg-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(19% 0.02 240);\n  }\n  @property --item-bg-selected {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(60% 0.15 140);\n  }\n  @property --item-bg-selected-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: color-mix(in oklch, oklch(60% 0.15 140) 80%, oklch(0% 0 0));\n  }\n  @property --item-text-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --item-text-selected {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --item-border {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(19% 0.02 240);\n  }\n  @property --item-border-tickled {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid color-mix(in oklch, oklch(60% 0.15 140) 40%, transparent);\n  }\n  @property --item-border-selected {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px dashed oklch(60% 0.15 140);\n  }\n  @property --item-border-active {\n    syntax: '*';\n    inherits: true;\n    initial-value: 2px solid oklch(60% 0.15 140);\n  }\n  @property --item-border-dragged {\n    syntax: '*';\n    inherits: true;\n    initial-value: 2px dotted color-mix(in oklch, oklch(60% 0.15 140) 80%, transparent);\n  }\n  @property --item-border-disabled {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(22% 0.02 240);\n  }\n  @property --item-padding {\n    syntax: '*';\n    inherits: true;\n    initial-value: 4px 8px;\n  }\n  @property --item-border-radius {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 4px;\n  }\n  @property --item-icon-spacing {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 4px;\n  }\n`;\n\nlet _themeFallbacksRegistered = false;\n\nfunction _registerThemeFallbacksOnce(): void {\n  if (_themeFallbacksRegistered || typeof document === `undefined`)\n    return;\n  _themeFallbacksRegistered = true;\n  const styleEl = document.createElement(`style`);\n  styleEl.textContent = _themeFallbacksCss.cssText;\n  document.head.append(styleEl);\n}\n\n_registerThemeFallbacksOnce();\n\n/**\n * Spread this into any component whose styles reference theme variables.\n * It is an empty stylesheet — the actual `@property` rules are registered\n * once at the document level as a side effect of importing this module — so\n * this exists only to keep the familiar `static styles = [themeFallbacks, ...]`\n * pattern working across all consuming components.\n */\nexport const themeFallbacks = css``;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgX9B,IAAI,4BAA4B;AAEhC,SAAS,8BAAoC;CAC3C,IAAI,6BAA6B,OAAO,aAAa,aACnD;CACF,4BAA4B;CAC5B,MAAM,UAAU,SAAS,cAAc,OAAO;CAC9C,QAAQ,cAAc,mBAAmB;CACzC,SAAS,KAAK,OAAO,OAAO;AAC9B;AAEA,4BAA4B;;;;;;;;AAS5B,MAAa,iBAAiB,GAAG"}

package/dist/{hex-editor-Bk6rxhfg.js → hex-editor-B-UI4OZu.js}

@@ -1,11 +1,11 @@
-import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-DdjvVHS-.js";
 import { LitElement, css, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import { Colour } from "@ixfx/visual";
 import { repeat } from "lit/directives/repeat.js";
 import { styleMap } from "lit/directives/style-map.js";
 //#region src/hex/colour.ts
-const WHITESPACE_BYTES = /* @__PURE__ */ new Set([
+const WHITESPACE_BYTES = new Set([
 	9,
 	10,
 	11,
@@ -54,7 +54,7 @@ function clamp(value) {
 function writeByte(store, pos, value) {
 	const clampedValue = clamp(value);
 	const before = store.data[pos];
-	const diff = /* @__PURE__ */ new Map([[pos, {
+	const diff = new Map([[pos, {
 		before,
 		after: clampedValue
 	}]]);
@@ -263,7 +263,9 @@ function extendRectangular(sel, dir, columns, _dataLength, anchorX = 0, anchorY
 				height += 1;
 			}
 			break;
-		case `down`: height += 1;
+		case `down`:
+			height += 1;
+			break;
 	}
 	return {
 		kind: `rectangular`,
@@ -309,7 +311,7 @@ let IxfxHexEditorElement = class IxfxHexEditorElement extends LitElement {
 		this._containerH = 0;
 		this._shadeMap = null;
 		this._focusSide = null;
-		this._store = createHexStore(/* @__PURE__ */ new Uint8Array(0));
+		this._store = createHexStore(new Uint8Array(0));
 		this._undoStack = createUndoRedoStack();
 		this._copyBuffer = null;
 		this._rowHeight = 24;
@@ -1142,4 +1144,4 @@ IxfxHexEditorElement = __decorate([safeCustomElement(`ixfx-hex-editor`)], IxfxHe
 //#endregion
 export { IxfxHexEditorElement as t };
 
-//# sourceMappingURL=hex-editor-Bk6rxhfg.js.map
+//# sourceMappingURL=hex-editor-B-UI4OZu.js.map