@well-insight/ui 0.1.9 → 0.1.11

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # @well-insight/ui
 
+## 0.1.11
+
+### 破坏性变更
+
+- drop deprecated prop and CSS aliases
+
+### 新功能
+
+- add mobile sidebar drawer for docs and components
+- add global site search with CommandMenu
+- persist language in URL query
+- add dedicated 404 page
+- add favicon and meta description
+- Harden MCP catalog tooling
+
+### 修复
+
+- unify suffix icons and Select clearable hover behavior
+- restore DatePicker panel grid after teleport
+- add invalid modifier class alongside error alias
+- improve FloatLabel, Popover, and Slider
+- scroll doc TOC inside WiScrollbar
+- repair guide links and quick-start copy
+- Fix layout header and footer padding axis
+
+### 文档
+
+- complete Events/Slots sections and remove migration guide
+- add Events and a11y sections to high-traffic components
+- rename Basic sections to 基础用法 in Chinese component docs
+- add accessibility guide for playground
+- expand menu and virtual scroller component pages
+- add deprecated API migration guide
+
+### 变更
+
+- enhance MobileSidebarShell and DocsView layout with improved flex properties
+- unify clearable API across pickers (phase 6b)
+- phase 6a icon unification and shared picker suffix
+- split vendor chunks and replace eager markdown manifest
+- add unit tests for 16 sub-components
+- migrate remaining overlays to shared placement util
+- add shared menu icon and key utilities
+- replace hardcoded colors with design tokens
+- migrate Select and Dropdown to shared overlay placement
+- extract shared overlay placement utility
+- lazy-load routes and markdown docs
+- streamline MCP tools from 18 to 13
+- Simplify layout components by removing custom scrollbar support and enhancing layout styles
+
+## 0.1.10
+
+### 修复
+
+- Expose component-specific CSS variables and adjust layout defaults
+- Add Configurable Layout Sizing And CSS Tokens
+- Improve playground navigation styling
+- Standardize Project Linting And Module Exports
+
 ## 0.1.9
 
 ### 变更

package/README.md

@@ -36,8 +36,8 @@ Both **full** and **on-demand** imports are supported — pick one per app.
 ### Full registration
 
 ```ts
-import { createApp } from 'vue'
 import WellInsight from '@well-insight/ui'
+import { createApp } from 'vue'
 import App from './App.vue'
 import '@well-insight/ui/styles.css'
 
@@ -70,8 +70,8 @@ import { WiInput } from '@well-insight/ui/input'
 ### Auto on-demand (Vite)
 
 ```ts
-import Components from 'unplugin-vue-components/vite'
 import { WellInsightResolver } from '@well-insight/ui/resolver'
+import Components from 'unplugin-vue-components/vite'
 
 Components({ resolvers: [WellInsightResolver()] })
 ```
@@ -83,8 +83,8 @@ For a fuller walkthrough, see the docs site [Quick start](./playground/src/docs/
 `createWellInsight` / `WellInsight` set global defaults and **register all components by default**:
 
 ```ts
-import { createApp } from 'vue'
 import { createWellInsight, enUS } from '@well-insight/ui'
+import { createApp } from 'vue'
 import App from './App.vue'
 import '@well-insight/ui/styles.css'
 

package/README.zh-CN.md

@@ -42,8 +42,8 @@ pnpm add @well-insight/ui
 ### 全量注册
 
 ```ts
-import { createApp } from 'vue'
 import WellInsight from '@well-insight/ui'
+import { createApp } from 'vue'
 import App from './App.vue'
 import '@well-insight/ui/styles.css'
 
@@ -78,8 +78,8 @@ import { WiInput } from '@well-insight/ui/input'
 ### 自动按需（Vite）
 
 ```ts
-import Components from 'unplugin-vue-components/vite'
 import { WellInsightResolver } from '@well-insight/ui/resolver'
+import Components from 'unplugin-vue-components/vite'
 
 Components({ resolvers: [WellInsightResolver()] })
 ```
@@ -91,8 +91,8 @@ Components({ resolvers: [WellInsightResolver()] })
 `createWellInsight` / `WellInsight` 会设置全局默认值，并**默认注册全部组件**：
 
 ```ts
-import { createApp } from 'vue'
 import { createWellInsight, enUS } from '@well-insight/ui'
+import { createApp } from 'vue'
 import App from './App.vue'
 import '@well-insight/ui/styles.css'
 

package/dist/{Button-BZzV1X-d.js → Button-tnrMSwNg.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./Icon-B6gOD07E.js";
-import { o as t } from "./config-DWwce9jA.js";
+import { t as e } from "./Icon-DHGs8l-M.js";
+import { o as t } from "./config-CTLkobga.js";
 import { Comment as n, Fragment as r, Text as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, useSlots as y } from "vue";
 //#region src/components/Button/Button.vue?vue&type=script&setup=true&lang.ts
 var b = [
@@ -61,10 +61,6 @@ var b = [
 			type: Boolean,
 			default: !1
 		},
-		block: {
-			type: Boolean,
-			default: !1
-		},
 		loading: {
 			type: Boolean,
 			default: !1
@@ -84,7 +80,7 @@ var b = [
 	},
 	emits: ["click"],
 	setup(d, { expose: S, emit: C }) {
-		let w = d, T = C, E = y(), D = h(null), O = a(() => !!E.default?.().some((e) => W(e))), k = a(() => O.value || !!w.label?.trim()), A = a(() => w.outlined || w.variant === "outlined"), j = a(() => w.text || w.variant === "text"), M = a(() => w.link || w.variant === "link"), N = a(() => w.ghost || w.variant === "ghost"), P = a(() => w.quaternary || w.variant === "quaternary"), F = a(() => w.fluid || w.block), I = t("Button", () => w.size), L = a(() => w.iconOnly || !k.value && !!(w.icon || E.icon || w.loading)), R = a(() => w.severity ?? "primary"), z = a(() => typeof w.icon == "string" ? w.icon : void 0), B = a(() => typeof w.icon == "string" || !w.icon ? void 0 : w.icon), V = a(() => [
+		let w = d, T = C, E = y(), D = h(null), O = a(() => !!E.default?.().some((e) => W(e))), k = a(() => O.value || !!w.label?.trim()), A = a(() => w.outlined || w.variant === "outlined"), j = a(() => w.text || w.variant === "text"), M = a(() => w.link || w.variant === "link"), N = a(() => w.ghost || w.variant === "ghost"), P = a(() => w.quaternary || w.variant === "quaternary"), F = a(() => w.fluid), I = t("Button", () => w.size), L = a(() => w.iconOnly || !k.value && !!(w.icon || E.icon || w.loading)), R = a(() => w.severity ?? "primary"), z = a(() => typeof w.icon == "string" ? w.icon : void 0), B = a(() => typeof w.icon == "string" || !w.icon ? void 0 : w.icon), V = a(() => [
 			"wi-button",
 			`wi-button--${R.value}`,
 			`wi-button--${I.value}`,
@@ -139,7 +135,7 @@ var b = [
 				key: 0,
 				class: f(["wi-button__icon", { "wi-button__icon--loading": d.loading }]),
 				"aria-hidden": "true"
-			}, [d.loading ? g(t.$slots, "loadingicon", {}, () => [n[0] ||= l("span", { class: "wi-button__spinner" }, null, -1)], void 0, 0) : g(t.$slots, "icon", { class: f("wi-button__icon-slot") }, () => [z.value ? (m(), o(e, {
+			}, [d.loading ? g(t.$slots, "loadingicon", {}, () => [n[0] ||= l("span", { class: "wi-button__spinner" }, null, -1)], void 0, 0) : g(t.$slots, "icon", { class: "wi-button__icon-slot" }, () => [z.value ? (m(), o(e, {
 				key: 0,
 				name: z.value,
 				size: "sm"

package/dist/{Checkbox-BtgWgkHI.js → Checkbox-CoovLjt_.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./config-DWwce9jA.js";
+import { o as e } from "./config-CTLkobga.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, inject as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m } from "vue";
 //#region src/components/Checkbox/types.ts
 var h = Symbol("wiCheckboxGroup"), g = ["for"], _ = [
@@ -62,29 +62,29 @@ var h = Symbol("wiCheckboxGroup"), g = ["for"], _ = [
 	},
 	emits: ["update:modelValue"],
 	setup(o, { emit: C }) {
-		let w = m(), T = o, E = C, D = s(h, null), O = t(() => T.id ?? `wi-checkbox-${Math.random().toString(36).slice(2, 8)}`), k = e("Checkbox", () => T.size ?? D?.size.value), A = t(() => T.disabled || !!D?.disabled.value), j = t(() => T.invalid || !!D?.invalid.value), M = t(() => T.name ?? D?.name.value), N = t(() => D != null && T.value !== void 0), P = t(() => N.value ? D.modelValue.value.includes(T.value) : T.modelValue), F = t(() => [
+		let w = o, T = C, E = m(), D = s(h, null), O = t(() => w.id ?? `wi-checkbox-${Math.random().toString(36).slice(2, 8)}`), k = e("Checkbox", () => w.size ?? D?.size.value), A = t(() => w.disabled || !!D?.disabled.value), j = t(() => w.invalid || !!D?.invalid.value), M = t(() => w.name ?? D?.name.value), N = t(() => D != null && w.value !== void 0), P = t(() => N.value ? D.modelValue.value.includes(w.value) : w.modelValue), F = t(() => [
 			"wi-checkbox",
 			`wi-checkbox--${k.value}`,
 			{
 				"wi-checkbox--disabled": A.value,
 				"wi-checkbox--invalid": j.value,
-				"wi-checkbox--indeterminate": T.indeterminate
+				"wi-checkbox--indeterminate": w.indeterminate
 			}
 		]);
 		function I(e) {
 			if (A.value) return;
 			let t = e.target.checked;
 			if (N.value) {
-				D.toggle(T.value, t);
+				D.toggle(w.value, t);
 				return;
 			}
-			E("update:modelValue", t);
+			T("update:modelValue", t);
 		}
 		return (e, t) => (u(), r("label", {
 			class: l(F.value),
 			for: O.value
 		}, [
-			i("input", c(p(w), {
+			i("input", c(p(E), {
 				id: O.value,
 				class: "wi-checkbox__input",
 				type: "checkbox",

package/dist/{Icon-B6gOD07E.js → Icon-DHGs8l-M.js}

@@ -365,7 +365,33 @@ var d = {
 			r: 1,
 			fill: "currentColor"
 		}
-	] }
+	] },
+	sort: { primitives: [{
+		tag: "path",
+		d: "M8 3.5v4M5.5 7 8 3.5 10.5 7"
+	}, {
+		tag: "path",
+		d: "M8 12.5v-4M5.5 9 8 12.5 10.5 9"
+	}] },
+	maximize: { primitives: [{
+		tag: "rect",
+		x: 3.5,
+		y: 3.5,
+		width: 9,
+		height: 9,
+		rx: .75
+	}] },
+	restore: { primitives: [{
+		tag: "rect",
+		x: 3.5,
+		y: 5.5,
+		width: 7,
+		height: 7,
+		rx: .75
+	}, {
+		tag: "path",
+		d: "M5.5 3.5h5.5V9"
+	}] }
 }, f = Object.keys(d);
 function p(e) {
 	return e in d;

package/dist/Pagination-UvgyUKB1.js

@@ -0,0 +1,155 @@
+import { t as e } from "./Icon-DHGs8l-M.js";
+import { n as t, t as n } from "./locale-DxAvgqgB.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, withKeys as g, withModifiers as _ } from "vue";
+//#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
+var v = ["aria-label"], y = ["disabled", "aria-label"], b = {
+	key: 0,
+	class: "wi-pagination__simple",
+	"aria-current": "page"
+}, x = [
+	"disabled",
+	"aria-label",
+	"aria-current",
+	"onClick"
+], S = ["disabled", "aria-label"], C = {
+	key: 2,
+	class: "wi-pagination__sizer"
+}, w = { class: "wi-pagination__sizer-label" }, T = ["disabled", "value"], E = ["value"], D = {
+	key: 3,
+	class: "wi-pagination__jumper"
+}, O = [
+	"max",
+	"disabled",
+	"value",
+	"onKeydown"
+], k = { key: 0 }, A = /* @__PURE__ */ l({
+	__name: "Pagination",
+	props: {
+		modelValue: { default: 1 },
+		totalRecords: {},
+		rows: { default: 10 },
+		pageSize: {},
+		pageLinkSize: { default: 5 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showSizePicker: {
+			type: Boolean,
+			default: !1
+		},
+		pageSizes: { default: () => [
+			10,
+			20,
+			50,
+			100
+		] },
+		showQuickJumper: {
+			type: Boolean,
+			default: !1
+		},
+		simple: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"page",
+		"update:rows",
+		"update:pageSize"
+	],
+	setup(l, { expose: A, emit: j }) {
+		let M = l, N = j, P = t(), F = f(""), I = i(() => Math.max(1, M.pageSize ?? M.rows)), L = i(() => Math.max(1, Math.ceil(M.totalRecords / I.value))), R = i(() => Math.min(Math.max(1, M.modelValue), L.value)), z = i(() => (R.value - 1) * I.value), B = i(() => {
+			let e = Math.min(M.pageLinkSize, L.value), t = Math.min(Math.max(1, R.value - Math.floor(e / 2)), L.value - e + 1);
+			return Array.from({ length: e }, (e, n) => t + n);
+		}), V = i(() => {
+			let e = [...M.pageSizes];
+			return e.includes(I.value) || e.unshift(I.value), e;
+		});
+		function H(e) {
+			let t = Math.min(Math.max(1, e), L.value);
+			M.disabled || t === R.value || (N("update:modelValue", t), N("page", t));
+		}
+		function U(e) {
+			if (M.disabled || e === I.value) return;
+			N("update:rows", e), N("update:pageSize", e);
+			let t = Math.max(1, Math.ceil(M.totalRecords / e)), n = Math.min(R.value, t);
+			n !== R.value && (N("update:modelValue", n), N("page", n));
+		}
+		function W(e) {
+			let t = Number(e.target.value);
+			Number.isFinite(t) && U(t);
+		}
+		function G() {
+			let e = Number.parseInt(F.value, 10);
+			F.value = "", Number.isFinite(e) && H(e);
+		}
+		function K(e) {
+			return n(P.value.page, { page: e });
+		}
+		return A({
+			first: z,
+			pageCount: L
+		}), (t, n) => (d(), o("nav", {
+			class: u(["wi-pagination", { "wi-pagination--simple": l.simple }]),
+			"aria-label": h(P).pagination
+		}, [
+			s("button", {
+				type: "button",
+				class: "wi-pagination__button",
+				disabled: l.disabled || R.value === 1,
+				"aria-label": h(P).prevPage,
+				onClick: n[0] ||= (e) => H(R.value - 1)
+			}, [c(e, {
+				name: "chevron-left",
+				size: "sm"
+			})], 8, y),
+			l.simple ? (d(), o("span", b, m(R.value) + " / " + m(L.value), 1)) : (d(!0), o(r, { key: 1 }, p(B.value, (e) => (d(), o("button", {
+				key: e,
+				type: "button",
+				class: u(["wi-pagination__button", { "wi-pagination__button--active": e === R.value }]),
+				disabled: l.disabled,
+				"aria-label": K(e),
+				"aria-current": e === R.value ? "page" : void 0,
+				onClick: (t) => H(e)
+			}, m(e), 11, x))), 128)),
+			s("button", {
+				type: "button",
+				class: "wi-pagination__button",
+				disabled: l.disabled || R.value === L.value,
+				"aria-label": h(P).nextPage,
+				onClick: n[1] ||= (e) => H(R.value + 1)
+			}, [c(e, {
+				name: "chevron-right",
+				size: "sm"
+			})], 8, S),
+			l.showSizePicker && !l.simple ? (d(), o("label", C, [s("span", w, m(h(P).itemsPerPage), 1), s("select", {
+				class: "wi-pagination__select",
+				disabled: l.disabled,
+				value: I.value,
+				onChange: W
+			}, [(d(!0), o(r, null, p(V.value, (e) => (d(), o("option", {
+				key: e,
+				value: e
+			}, m(e), 9, E))), 128))], 40, T)])) : a("", !0),
+			l.showQuickJumper && !l.simple ? (d(), o("label", D, [
+				s("span", null, m(h(P).jumpToPage), 1),
+				s("input", {
+					class: "wi-pagination__input",
+					type: "number",
+					min: "1",
+					max: L.value,
+					disabled: l.disabled,
+					value: F.value,
+					onInput: n[2] ||= (e) => F.value = e.target.value,
+					onKeydown: g(_(G, ["prevent"]), ["enter"]),
+					onBlur: G
+				}, null, 40, O),
+				h(P).pageClassifier ? (d(), o("span", k, m(h(P).pageClassifier), 1)) : a("", !0)
+			])) : a("", !0)
+		], 10, v));
+	}
+});
+//#endregion
+export { A as t };

package/dist/{ProgressSpinner-YThgaSzb.js → ProgressSpinner-BTijCc7l.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./types-tV3SEv3Q.js";
-import { n as t } from "./locale-CYkJyRd1.js";
+import { n as t } from "./locale-DxAvgqgB.js";
 import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useSlots as m, watch as h } from "vue";
 //#region src/components/ProgressSpinner/ProgressSpinner.vue?vue&type=script&setup=true&lang.ts
 var g = { class: "wi-progress-spinner-wrap__content" }, _ = {

package/dist/accordion/style.css

@@ -16,12 +16,13 @@
     --wi-control-padding-x-small: 10px;
     --wi-control-padding-x-medium: 12px;
     --wi-control-padding-x-large: 14px;
-    --wi-button-padding-x-small: 10px;
-    --wi-button-padding-x-medium: 14px;
-    --wi-button-padding-x-large: 18px;
+
     --wi-radius-control: 3px;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
+    --wi-border-width: 1px;
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
     --wi-color-success: #159570;
     --wi-color-info: #2563eb;
     --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
-    --wi-terminal-bg: #111827;
-    --wi-terminal-fg: #e5e7eb;
-    --wi-terminal-prompt: #34d399;
-    --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
+
     /* Typography scale (component text, not control-height fonts) */
     --wi-font-size-xs: 0.75rem;
     --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
     --wi-z-dropdown: calc(var(--wi-z-base) + 50);
     --wi-z-toast: calc(var(--wi-z-base) + 100);
     --wi-z-popper: 40;
-    --wi-menu-min-width: 10rem;
-    --wi-menu-min-width-lg: 12rem;
+
     --wi-control-affix-size: 2rem;
     --wi-control-affix-gap: 2.35rem;
     --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
     --wi-control-padding-x-small: 8px;
     --wi-control-padding-x-medium: 10px;
     --wi-control-padding-x-large: 12px;
-    --wi-button-padding-x-small: 8px;
-    --wi-button-padding-x-medium: 12px;
-    --wi-button-padding-x-large: 16px;
 }
 
 [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
     --wi-control-padding-x-small: 12px;
     --wi-control-padding-x-medium: 14px;
     --wi-control-padding-x-large: 16px;
-    --wi-button-padding-x-small: 12px;
-    --wi-button-padding-x-medium: 16px;
-    --wi-button-padding-x-large: 20px;
+}
+
+[data-wi-density="compact"] .wi-layout-header {
+    --wi-layout-header-height: 48px;
+}
+
+[data-wi-density="compact"] .wi-layout-footer {
+    --wi-layout-footer-height: 40px;
+}
+
+[data-wi-density="compact"] .wi-layout-sider {
+    --wi-layout-sider-width: 240px;
+    --wi-layout-sider-collapsed-width: 44px;
+}
+
+[data-wi-density="spacious"] .wi-layout-header {
+    --wi-layout-header-height: 64px;
+}
+
+[data-wi-density="spacious"] .wi-layout-footer {
+    --wi-layout-footer-height: 56px;
+}
+
+[data-wi-density="spacious"] .wi-layout-sider {
+    --wi-layout-sider-width: 288px;
+    --wi-layout-sider-collapsed-width: 52px;
 }
 
 [data-theme="dark"] {
@@ -152,8 +169,10 @@
     --wi-color-text-muted: #94a3b8;
     --wi-color-border: #334155;
     --wi-color-focus-ring: #93c5fd;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
     --wi-color-success: #5eead4;
     --wi-color-info: #93c5fd;
     --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
-    --wi-terminal-bg: #020617;
-    --wi-terminal-fg: #e2e8f0;
-    --wi-terminal-prompt: #5eead4;
-    --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -465,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -485,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }