minerva-design 1.19.0 → 1.19.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # minerva-design
 
+## 1.19.1
+
+### Patch Changes
+
+- 220d212: Fix five input bugs, on every renderer that has the component.
+
+  - NumberInput (#5): when `precision` is not set, it now keeps every decimal of `step`. `step={1.25}` steps to 1.25 instead of 1, and `step={0.0000001}` now steps instead of staying at 0.
+  - Slider (#9): a step written in scientific notation keeps the decimals of its coefficient. With `step={1.5e-7}`, one key press moves by 1.5e-7 instead of 1e-7, and snapping keeps valid ticks unchanged.
+  - AutoComplete (#6): while `loading` hides the options, the arrow keys and Enter no longer pick a hidden old option, and `aria-activedescendant` no longer points to an option that is not shown.
+  - AutoComplete (#7): the keyboard highlight now follows the option, not its position. When the options change, the highlight stays on the same option. If that option is gone or disabled, `autoHighlight` moves to the first enabled option, and otherwise nothing is highlighted, so Enter always picks a shown option.
+  - DatePicker (#8): in a month partly cut by `minDate` / `maxDate`, the day grid always keeps one enabled day that Tab can reach.
+
 ## 1.19.0
 
 ### Minor Changes

package/dist/angular/fesm2022/minerva-angular.mjs

@@ -1,7 +1,7 @@
 import { DOCUMENT, NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, PLATFORM_ID, SecurityContext, TemplateRef, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, effect, forwardRef, inject, input, isDevMode, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, provideEnvironmentInitializer, signal, untracked, viewChild, viewChildren } from "@angular/core";
-import { CODE_MARK_COLORS, DEFAULT_LANGUAGE, DEFAULT_PLAYBACK_RATES, DEFAULT_SKIP_SECONDS, DEFAULT_TAG_SEPARATORS, MEDIA_ICON_PATHS, PALETTES, RATING_STAR_COUNT, addDays, answerSheetLegend, answerSheetMoveIndex, answerSheetSections, answerSheetSummary, applyCodeMarks, bufferedEnd, captionsPreference, clampMediaTime, clampNumber, clampVolume, closestSliderThumb, cn, codeLanguageLabel, codeMarkBackground, createCheckboxMachine, createRatingMachine, createSwitchMachine, createTypeahead, dashboardAccent, dashboardCount, dashboardLength, dayKey, designAttributes, detectCodeLanguage, findCascaderPath, flattenCascaderOptions, formatDevMessage, formatHasSeconds, formatMediaTime, formatNumberValue, formatPlaybackRate, formatTime, getNextIndex, getPageRange, getRatingKeyValue, getRatingStarFills, getSliderKeyValue, getSliderMarks, getVirtualRange, highlightCode, inferMediaType, inferStepPrecision, invalidPrimaryColorMessage, isPalette, isSliderMarkActive, isSupportedLanguage, localDate, matchesAccept, mediaKeyAction, mediaProgress, messages, monthStart, nextPlaybackRate, normalizeSliderValue, palettes, parseDayKey, parseNumberDraft, parseTimeInput, pickCaptionsTrack, presetPalette, readCaptionsPreference, resolveDesign, resolvePrimaryColor, resolveSize, resolveSpace, resolveTimeFormat, sameMonth, setSliderThumb, sliderPercent, sliderValueFromRatio, sliderValues, sliderValuesEqual, splitBySeparators, splitCodeMarkLines, startOfToday, toggledCaptionsTrack, translate, weekStart, writeCaptionsPreference } from "../../core/index.js";
+import { CODE_MARK_COLORS, DEFAULT_LANGUAGE, DEFAULT_PLAYBACK_RATES, DEFAULT_SKIP_SECONDS, DEFAULT_TAG_SEPARATORS, MEDIA_ICON_PATHS, PALETTES, RATING_STAR_COUNT, addDays, answerSheetLegend, answerSheetMoveIndex, answerSheetSections, answerSheetSummary, applyCodeMarks, bufferedEnd, captionsPreference, clampMediaTime, clampNumber, clampVolume, closestSliderThumb, cn, codeLanguageLabel, codeMarkBackground, createCheckboxMachine, createRatingMachine, createSwitchMachine, createTypeahead, dashboardAccent, dashboardCount, dashboardLength, dayKey, designAttributes, detectCodeLanguage, findCascaderPath, flattenCascaderOptions, formatDevMessage, formatHasSeconds, formatMediaTime, formatNumberValue, formatPlaybackRate, formatTime, getNextIndex, getPageRange, getRatingKeyValue, getRatingStarFills, getSliderKeyValue, getSliderMarks, getVirtualRange, highlightCode, inferMediaType, inferStepPrecision, invalidPrimaryColorMessage, isPalette, isSliderMarkActive, isSupportedLanguage, localDate, matchesAccept, mediaKeyAction, mediaProgress, messages, monthStart, nextPlaybackRate, normalizeSliderValue, palettes, parseDayKey, parseNumberDraft, parseTimeInput, pickCaptionsTrack, presetPalette, readCaptionsPreference, resolveActiveOptionIndex, resolveDesign, resolvePrimaryColor, resolveSize, resolveSpace, resolveTimeFormat, sameMonth, setSliderThumb, sliderPercent, sliderValueFromRatio, sliderValues, sliderValuesEqual, splitBySeparators, splitCodeMarkLines, startOfToday, toggledCaptionsTrack, translate, weekStart, writeCaptionsPreference } from "../../core/index.js";
 import { FOCUS_SCOPE_UNMOUNT_EVENT, PALETTE_COOKIE_NAME, THEME_COOKIE_NAME, applyDesignAttributes, applyPosition, autoPosition, bindMediaCaptions, centerInScroller, clickedCodeMark, createDashboardDrag, createDismissableLayer, createFocusScope, dashboardDataAdapter, focusElement, generateCSSVariables, getCodeSelectionRange, getDirection, getSystemTheme, getTabbables, hideOthers, isBilingualTheme, isInteractiveEventTarget, lockScroll, logicalArrowKey, nearestInRow, parsePaletteCookie, parsePlacement, parseThemeCookie, primaryColorCss, primaryColorTheme, readCookieValue, resolveTheme, serializeThemeCookie, waitForExitAnimation } from "../../dom/index.js";
 import { FormGroupDirective, NG_VALUE_ACCESSOR, NgControl, NgForm } from "@angular/forms";
 import { DomSanitizer } from "@angular/platform-browser";
@@ -5985,7 +5985,7 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 		this.blocked = computed(() => this.isDisabled() || this.field.readOnly(), ...ngDevMode ? [{ debugName: "blocked" }] : /* istanbul ignore next */ []);
 		this.shown = computed(() => this.open() && !this.blocked(), ...ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []);
 		this.text = computed(() => this.value() ?? this.defaultValue() ?? "", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
-		this.focusedIndex = signal(-1, ...ngDevMode ? [{ debugName: "focusedIndex" }] : /* istanbul ignore next */ []);
+		this.focusedValue = signal(null, ...ngDevMode ? [{ debugName: "focusedValue" }] : /* istanbul ignore next */ []);
 		this.hoveredIndex = signal(-1, ...ngDevMode ? [{ debugName: "hoveredIndex" }] : /* istanbul ignore next */ []);
 		this.composing = false;
 		this.layerEscape = null;
@@ -6039,12 +6039,8 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 			}));
 		}, ...ngDevMode ? [{ debugName: "sections" }] : /* istanbul ignore next */ []);
 		this.navigable = computed(() => this.sections().flatMap((section) => section.entries.map((entry) => entry.option)), ...ngDevMode ? [{ debugName: "navigable" }] : /* istanbul ignore next */ []);
-		this.activeIndex = computed(() => {
-			const focused = this.focusedIndex();
-			if (focused >= 0) return focused;
-			if (this.autoHighlight() && this.shown()) return this.navigable().findIndex((option) => !option.disabled);
-			return -1;
-		}, ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
+		this.interactive = computed(() => this.loading() ? [] : this.navigable(), ...ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []);
+		this.activeIndex = computed(() => resolveActiveOptionIndex(this.interactive(), this.focusedValue(), this.autoHighlight() && this.shown()), ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
 		this.activeOptionId = computed(() => this.shown() && this.activeIndex() >= 0 ? this.optionId(this.activeIndex()) : null, ...ngDevMode ? [{ debugName: "activeOptionId" }] : /* istanbul ignore next */ []);
 		this.escapeConsumer = computed(() => !this.shown() && this.text() !== "", ...ngDevMode ? [{ debugName: "escapeConsumer" }] : /* istanbul ignore next */ []);
 		this.showClear = computed(() => this.clearable() && this.text() !== "" && !this.isDisabled() && !this.field.readOnly(), ...ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []);
@@ -6140,10 +6136,10 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 	}
 	closeDropdown() {
 		this.setOpen(false);
-		this.focusedIndex.set(-1);
+		this.focusedValue.set(null);
 	}
 	moveFocus(step) {
-		const options = this.navigable();
+		const options = this.interactive();
 		const count = options.length;
 		if (count === 0) return;
 		const active = this.activeIndex();
@@ -6151,7 +6147,7 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 		for (let i = 0; i < count; i += 1) {
 			index = (index + step + count) % count;
 			if (!options[index].disabled) {
-				this.focusedIndex.set(index);
+				this.focusedValue.set(options[index].value);
 				return;
 			}
 		}
@@ -6164,7 +6160,7 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 	}
 	onInput(next) {
 		this.setText(next);
-		this.focusedIndex.set(-1);
+		this.focusedValue.set(null);
 		this.openDropdown();
 	}
 	onBlur(event) {
@@ -6186,7 +6182,7 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 				this.moveFocus(event.key === "ArrowDown" ? 1 : -1);
 				break;
 			case "Enter": {
-				const option = this.shown() ? this.navigable()[this.activeIndex()] : void 0;
+				const option = this.shown() ? this.interactive()[this.activeIndex()] : void 0;
 				const text = this.text().trim();
 				if (option) {
 					event.preventDefault();
@@ -6201,7 +6197,7 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 			case "Escape": if (event !== this.layerEscape && !this.shown() && this.text() !== "") {
 				event.preventDefault();
 				this.setText("");
-				this.focusedIndex.set(-1);
+				this.focusedValue.set(null);
 			}
 		}
 	}