@fusion.dev/helix-core 0.165.0 → 0.167.0

package/dist/mixins/mixin-segmented-field/mixin-segmented-field.js

@@ -38,8 +38,7 @@ export const MixinSegmentedField = (Base) => {
                 event.preventDefault();
                 if (event.inputType === 'deleteContentBackward' ||
                     event.inputType === 'deleteContentForward') {
-                    this.typed = '';
-                    this.edit(element, 'Backspace');
+                    this.erase(element);
                     return;
                 }
                 for (const character of latinDigits(event.data ?? '')) {
@@ -105,6 +104,11 @@ export const MixinSegmentedField = (Base) => {
                     this.typed = '';
                     return;
                 }
+                if (event.key === 'Backspace' || event.key === 'Delete') {
+                    event.preventDefault();
+                    this.erase(element);
+                    return;
+                }
                 if (this.edit(element, latinDigits(event.key))) {
                     event.preventDefault();
                 }
@@ -233,6 +237,15 @@ export const MixinSegmentedField = (Base) => {
             }
             return true;
         }
+        erase(element) {
+            if (this.edit(element, 'Backspace')) {
+                return;
+            }
+            if (!this.readOnly && !this.isDisabled) {
+                this.typed = '';
+                this.moveFocus(element, -1);
+            }
+        }
         willUpdate(changed) {
             super.willUpdate(changed);
             const own = this.own;

package/dist/utils/date-segments/date-segments.d.ts

@@ -91,7 +91,8 @@ export interface SegmentKeyState {
  * nothing.
  *
  * The arrows step it and wrap, Page Up and Page Down step it by a page, Home
- * and End take it to its lowest and highest, Backspace and Delete empty it, a
+ * and End take it to its lowest and highest, Backspace and Delete take off its
+ * last digit and empty it from the last one, a
  * digit is typed as `typeDigit` types it, and on the meridiem a letter picks
  * the half whose word starts with it. `advance` says the segment is full and
  * focus moves on.

package/dist/utils/date-segments/date-segments.js

@@ -185,7 +185,15 @@ export const segmentKey = (key, { kind, locale, segments, system, twelve, typed
         return done(setSegment(segments, kind, key === 'Home' ? min : max, twelve, system));
     }
     if (key === 'Backspace' || key === 'Delete') {
-        return done(setSegment(segments, kind, undefined, twelve, system));
+        const shown = shownValue(kind, segments, twelve);
+        if (shown === undefined || Number.isNaN(shown)) {
+            return null;
+        }
+        const left = kind === 'dayPeriod' ? '' : String(shown).slice(0, -1);
+        const rest = Number(left);
+        return left === '' || rest === 0
+            ? done(setSegment(segments, kind, undefined, twelve, system))
+            : { advance: false, segments: setSegment(segments, kind, rest, twelve, system), typed: left };
     }
     if (/^\d$/.test(key) && kind !== 'dayPeriod') {
         return typeDigit(segments, kind, typed, key, twelve, system);

package/dist/utils/filter-marks/filter-marks.d.ts

@@ -34,3 +34,12 @@ export declare const rangeOf: (root: Element, needle: string) => Range[];
  * answer nothing can paint.
  */
 export declare const markMatches: (owner: Element, elements: Iterable<Element>, needle: string) => void;
+/**
+ * Whether a filter keeps an item: its words hold the filter, in any case, or
+ * `match` says so where the page gave one. An empty filter keeps everything.
+ *
+ * One answer for every family that filters, so Listbox, Command and a
+ * filterable Menu keep the same items for the same words, and a `filterMatch`
+ * the page writes once means the same thing in each.
+ */
+export declare const filterKeeps: (text: string, filter: string, match?: ((text: string, filter: string) => boolean) | undefined) => boolean;

package/dist/utils/filter-marks/filter-marks.js

@@ -39,3 +39,4 @@ export const markMatches = (owner, elements, needle) => {
         registry.set(FILTER_MARK, new Highlight(...all));
     }
 };
+export const filterKeeps = (text, filter, match) => filter === '' || (match ? match(text, filter) : text.toLowerCase().includes(filter.toLowerCase()));

package/dist/version.d.ts

@@ -6,4 +6,4 @@
  * release, so the two never disagree; a spec beside this holds them to it.
  * Nothing else in the running code knows which release it is.
  */
-export declare const VERSION = "0.165.0";
+export declare const VERSION = "0.167.0";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '0.165.0';
+export const VERSION = '0.167.0';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-core",
   "description": "Helix element primitives: base classes, mixins, decorators, utilities.",
-  "version": "0.165.0",
+  "version": "0.167.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -56,11 +56,11 @@
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@fusion.dev/helix-icons": "0.165.0"
+    "@fusion.dev/helix-icons": "0.167.0"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.165.0",
-    "@fusion.dev/helix-testing": "0.165.0",
+    "@fusion.dev/helix-cem": "0.167.0",
+    "@fusion.dev/helix-testing": "0.167.0",
     "@lit-labs/ssr": "^4.1.0",
     "lit": "^3.2.1"
   },