@db-ux/v-core-components 5.6.1 → 5.6.3-icon-font-fallback01-130f6dc

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @db-ux/v-core-components
 
+## 5.6.2
+
+### Patch Changes
+
+- fix(DBInput): keep a partially typed date that the browser cannot parse - [see commit 4ab2aaa](https://github.com/db-ux-design-system/core-web/commit/4ab2aaa9cc652823f0b467d6d8048b6a48d36748)
+- fix(DBControlPanelNavigationItemGroup): correct drilldown and popover z-index layering - [see commit 1e855b9](https://github.com/db-ux-design-system/core-web/commit/1e855b9cc207d82458bb27033f642a79f480b7ee)
+- fix(DBShellSubNavigation): keep the left border above the drilldown navigation overlay - [see commit 8992130](https://github.com/db-ux-design-system/core-web/commit/89921307a2f5fe928302d3d9eab0cbc9f11b0c4a)
+
 ## 5.6.1
 
 ### Patch Changes

package/dist/db-ux.es.js

@@ -2822,7 +2822,7 @@ var S = () => {
 	"data-icon-trailing",
 	"data-hide-asterisk",
 	"data-show-icon-trailing"
-], Qn = ["for"], $n = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.value.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role".split("."), er = ["id"], tr = ["value"], nr = {
+], Qn = ["for"], $n = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role.value".split("."), er = ["id"], tr = ["value"], nr = {
 	"data-visually-hidden": "true",
 	role: "status"
 }, rr = /* @__PURE__ */ s({
@@ -2944,7 +2944,7 @@ var S = () => {
 	},
 	emits: ["update:value"],
 	setup(s, { emit: l }) {
-		let f = y(), S = l, C = s, E = m(void 0), A = m(void 0), I = m(void 0), z = m(void 0), B = m(void 0), V = m(void 0), H = m(void 0), U = m(""), W = m(""), ee = m(void 0), G = m(null);
+		let f = y(), S = l, C = s, E = m(void 0), A = m(void 0), I = m(void 0), z = m(void 0), B = m(void 0), V = m(void 0), H = m(void 0), U = m(void 0), W = m(""), ee = m(void 0), G = m(null);
 		u(() => {
 			ae(), B.value = C.invalidMessage || "TODO: Add an invalidMessage";
 		}), d(() => {
@@ -3041,7 +3041,6 @@ var S = () => {
 				disabled: v(M)(s.disabled, "disabled"),
 				required: v(M)(s.required, "required"),
 				step: v(P)(s.step),
-				value: s.value ?? U.value ?? "",
 				maxLength: v(N)(s.maxLength, s.maxlength),
 				minLength: v(N)(s.minLength, s.minlength),
 				max: v(F)(s.max, s.type),
@@ -3067,7 +3066,8 @@ var S = () => {
 					"week",
 					"month",
 					"color"
-				].includes(s.type ?? "") && v(O)() ? "textbox" : void 0
+				].includes(s.type ?? "") && v(O)() ? "textbox" : void 0,
+				value: s.value ?? U.value ?? ""
 			}, null, 40, $n),
 			s.dataList ? (p(), r("datalist", {
 				key: 0,
@@ -3763,29 +3763,14 @@ var S = () => {
 					let t = self.document.activeElement;
 					if (t) {
 						if (t.getAttribute("type") === "checkbox" || t.getAttribute("type") === "radio") {
-							let n = t?.closest("li");
+							let n = Array.from(X.value.querySelectorAll("input.db-custom-select-list-item-checkbox")), r = n.indexOf(t);
 							if (e.key === "ArrowDown" || e.key === "ArrowRight") {
-								let e = n?.nextElementSibling;
-								for (; e;) {
-									let t = e.querySelector("input");
-									if (t) {
-										t.focus();
-										break;
-									}
-									e = e.nextElementSibling;
-								}
-								e || We(t);
+								let e = r >= 0 ? n.at(r + 1) : void 0;
+								e ? e.focus() : We(t);
 							} else {
-								let e = n?.previousElementSibling;
-								for (; e;) {
-									let t = e.querySelector("input");
-									if (t) {
-										t.focus();
-										break;
-									}
-									e = e.previousElementSibling;
-								}
-								if (!e) {
+								let e = r > 0 ? n.at(r - 1) : void 0;
+								if (e) e.focus();
+								else {
 									let e = X.value.querySelector("input[type=\"checkbox\"]");
 									if (e && e !== t) We(t);
 									else {
@@ -4268,7 +4253,9 @@ var S = () => {
 	setup(e) {
 		let t = y(), n = e, s = m(void 0), l = m(void 0), f = m(null);
 		u(() => {
-			h();
+			requestAnimationFrame(() => {
+				h();
+			});
 		}), d(() => {
 			b();
 		});
@@ -5883,10 +5870,10 @@ var S = () => {
 	"id",
 	"name",
 	"size",
-	"value",
 	"autocomplete",
 	"multiple",
-	"aria-describedby"
+	"aria-describedby",
+	"value"
 ], La = ["data-show-empty-option"], Ra = ["label"], za = [
 	"value",
 	"selected",
@@ -6080,7 +6067,6 @@ var S = () => {
 				id: T.value,
 				name: s.name,
 				size: s.size,
-				value: s.value ?? I.value ?? "",
 				autocomplete: s.autoComplete ?? s.autocomplete,
 				multiple: s.multiple,
 				onInput: u[0] ||= async (e) => G(e),
@@ -6088,7 +6074,8 @@ var S = () => {
 				onChange: u[2] ||= async (e) => te(e),
 				onBlur: u[3] ||= async (e) => ne(e),
 				onFocus: u[4] ||= async (e) => K(e),
-				"aria-describedby": s.ariaDescribedBy ?? F.value
+				"aria-describedby": s.ariaDescribedBy ?? F.value,
+				value: s.value ?? I.value ?? ""
 			}, [s.variant === "floating" || s.placeholder ? (p(), r("option", {
 				key: 0,
 				class: "placeholder",
@@ -7779,11 +7766,11 @@ var S = () => {
 	"wrap",
 	"spellcheck",
 	"autocomplete",
-	"value",
 	"aria-describedby",
 	"placeholder",
 	"rows",
-	"cols"
+	"cols",
+	"value"
 ], ts = {
 	"data-visually-hidden": "true",
 	role: "status"
@@ -7976,11 +7963,11 @@ var S = () => {
 				onChange: l[1] ||= async (e) => V(e),
 				onBlur: l[2] ||= async (e) => H(e),
 				onFocus: l[3] ||= async (e) => U(e),
-				value: e.value ?? A.value ?? "",
 				"aria-describedby": e.ariaDescribedBy ?? O.value,
 				placeholder: e.placeholder ?? v(" "),
 				rows: v(N)(e.rows, v(4)),
-				cols: v(N)(e.cols)
+				cols: v(N)(e.cols),
+				value: e.value ?? A.value ?? ""
 			}, _(e.value), 41, es),
 			v(R)(e.message, e.showMessage) ? (p(), t(Q, {
 				key: 0,