@well-insight/ui 0.1.10 → 0.1.12

package/dist/layout/style.css

@@ -480,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);
 }
 
@@ -500,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);
 }
@@ -750,104 +749,43 @@
     line-height: 1;
 }
 
-.wi-scrollbar {
-    --wi-scrollbar-track-size: 6px;
-    --wi-scrollbar-bg: color-mix(
-        in srgb,
-        var(--wi-color-text) 28%,
-        transparent
-    );
-    --wi-scrollbar-hover-bg: color-mix(
-        in srgb,
-        var(--wi-color-text) 45%,
-        transparent
-    );
-    --wi-scrollbar-opacity: 0.5;
-    --wi-scrollbar-hover-opacity: 0.8;
-    height: 100%;
-    overflow: hidden;
-    position: relative;
-}
-
-.wi-scrollbar__wrap {
-    height: 100%;
-    overflow: auto;
-}
-
-.wi-scrollbar__wrap--hidden-default {
-    scrollbar-width: none;
-}
-
-.wi-scrollbar__wrap--hidden-default::-webkit-scrollbar {
-    display: none;
-}
-
-.wi-scrollbar__view {
-    box-sizing: border-box;
-}
-
-.wi-scrollbar__bar {
-    border-radius: var(--wi-radius-sm);
-    bottom: 2px;
-    position: absolute;
-    right: 2px;
-    z-index: 1;
-}
-
-.wi-scrollbar__bar--vertical {
-    top: 2px;
-    width: var(--wi-scrollbar-track-size);
-}
-
-.wi-scrollbar__bar--vertical > .wi-scrollbar__thumb {
-    width: 100%;
-}
-
-.wi-scrollbar__bar--horizontal {
-    height: var(--wi-scrollbar-track-size);
-    left: 2px;
-}
-
-.wi-scrollbar__bar--horizontal > .wi-scrollbar__thumb {
-    height: 100%;
+.wi-icon {
+    display: inline-flex;
+    height: 1rem;
+    width: 1rem;
 }
 
-.wi-scrollbar__bar:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
-    outline-offset: 1px;
+.wi-icon svg {
+    height: 100%;
+    width: 100%;
 }
 
-.wi-scrollbar__thumb {
-    background-color: var(--wi-scrollbar-bg);
-    border-radius: inherit;
-    cursor: pointer;
-    display: block;
-    height: 0;
-    opacity: var(--wi-scrollbar-opacity);
-    position: relative;
-    transition:
-        background-color var(--wi-motion-fast) var(--wi-motion-ease),
-        opacity var(--wi-motion-fast) var(--wi-motion-ease);
-    width: 0;
+.wi-icon--sm,
+.wi-icon--small {
+    height: 0.875rem;
+    width: 0.875rem;
 }
 
-.wi-scrollbar__thumb:hover {
-    background-color: var(--wi-scrollbar-hover-bg);
-    opacity: var(--wi-scrollbar-hover-opacity);
+.wi-icon--md,
+.wi-icon--normal {
+    height: 1rem;
+    width: 1rem;
 }
 
-.wi-scrollbar-fade-enter-active {
-    transition: opacity 340ms var(--wi-motion-ease);
+.wi-icon--lg,
+.wi-icon--large {
+    height: 1.25rem;
+    width: 1.25rem;
 }
 
-.wi-scrollbar-fade-leave-active {
-    transition: opacity 120ms var(--wi-motion-ease);
+.wi-icon--spin svg {
+    animation: wi-icon-spin 0.8s linear infinite;
 }
 
-.wi-scrollbar-fade-enter-from,
-.wi-scrollbar-fade-leave-to {
-    opacity: 0;
+@keyframes wi-icon-spin {
+    to {
+        transform: rotate(360deg);
+    }
 }
 
 /* —— Panel: Layout —— */
@@ -884,6 +822,7 @@
 .wi-layout__scroll {
     box-sizing: border-box;
     display: flex;
+    flex: 1 1 auto;
     flex-direction: column;
     height: 100%;
     min-height: 0;
@@ -899,22 +838,6 @@
     flex-wrap: nowrap;
 }
 
-.wi-layout__scrollbar {
-    box-sizing: border-box;
-    flex: 1 1 auto;
-    height: 100%;
-    min-height: 0;
-    min-width: 0;
-    width: 100%;
-}
-
-.wi-layout__scrollbar .wi-layout__scroll {
-    /* view hosts flex children; scrolling is on the wrap */
-    height: auto;
-    min-height: 100%;
-    overflow: visible;
-}
-
 /* Nested layout / content grow to fill remaining space */
 .wi-layout__scroll > .wi-layout,
 .wi-layout__scroll > .wi-layout-content {
@@ -926,14 +849,16 @@
 .wi-layout-content {
     --wi-layout-padding: var(--wi-space-4);
     --wi-layout-radius: 0;
+    display: flex;
     flex: 1 1 auto;
+    flex-direction: column;
     min-height: 0;
     min-width: 0;
 }
 
-.wi-layout-content > .wi-layout__scroll,
-.wi-layout-content > .wi-layout__scrollbar {
+.wi-layout-content > .wi-layout__scroll {
     flex: 1 1 auto;
+    min-height: 0;
 }
 
 .wi-layout-header,
@@ -947,17 +872,19 @@
         color var(--wi-motion-fast) var(--wi-motion-ease),
         border-color var(--wi-motion-fast) var(--wi-motion-ease);
     width: 100%;
+    display: flex;
+    align-items: center;
 }
 
 .wi-layout-header {
     --wi-layout-header-height: 56px;
-    --wi-layout-padding: var(--wi-space-4);
+    --wi-layout-padding: 0 var(--wi-space-4);
     --wi-layout-radius: 0;
 }
 
 .wi-layout-footer {
     --wi-layout-footer-height: 48px;
-    --wi-layout-padding: var(--wi-space-4);
+    --wi-layout-padding: 0 var(--wi-space-4);
     --wi-layout-radius: 0;
 }
 
@@ -1019,8 +946,10 @@
     box-sizing: border-box;
     color: var(--wi-color-text);
     display: flex;
+    flex-basis: var(--wi-layout-sider-width);
     flex-shrink: 0;
     justify-content: flex-end;
+    min-width: 0;
     /* Do not clip the collapse trigger (it sits half outside the sider edge).
        Collapsed transform overflow is clipped by `.wi-layout { overflow: hidden }`. */
     overflow: visible;
@@ -1028,6 +957,7 @@
     transition:
         color var(--wi-motion-normal) var(--wi-motion-ease),
         border-color var(--wi-motion-normal) var(--wi-motion-ease),
+        width var(--wi-motion-normal) var(--wi-motion-ease),
         max-width var(--wi-motion-normal) var(--wi-motion-ease),
         background-color var(--wi-motion-normal) var(--wi-motion-ease);
     z-index: 1;
@@ -1039,34 +969,21 @@
 
 .wi-layout-sider__scroll {
     box-sizing: border-box;
-    flex-grow: 1;
-    flex-shrink: 0;
+    flex: 1 1 auto;
     height: 100%;
     max-width: 100%;
+    min-height: 0;
+    min-width: 0;
     opacity: 0;
     overflow: hidden;
+    overflow-x: hidden;
     transition: opacity var(--wi-motion-normal) var(--wi-motion-ease);
     width: 100%;
 }
 
-.wi-layout-sider__scrollbar {
-    box-sizing: border-box;
-    flex-grow: 1;
+.wi-layout-sider--collapse-transform > .wi-layout-sider__scroll {
     flex-shrink: 0;
-    height: 100%;
-    max-width: 100%;
-    min-width: 0;
-    opacity: 0;
-    transition: opacity var(--wi-motion-normal) var(--wi-motion-ease);
-    width: 100%;
-}
-
-.wi-layout-sider__scrollbar .wi-layout-sider__scroll {
-    height: auto;
-    max-width: none;
-    min-height: 100%;
-    opacity: 1;
-    overflow: visible;
+    min-width: var(--wi-layout-sider-width);
 }
 
 .wi-layout-sider--show-content > .wi-layout-sider__scroll {
@@ -1074,12 +991,7 @@
     overflow: auto;
 }
 
-.wi-layout-sider--show-content > .wi-layout-sider__scrollbar {
-    opacity: 1;
-}
-
-.wi-layout-sider--collapse-width > .wi-layout-sider__scroll,
-.wi-layout-sider--collapse-width > .wi-layout-sider__scrollbar {
+.wi-layout-sider--collapse-width > .wi-layout-sider__scroll {
     flex-shrink: 1;
     min-width: 0;
 }
@@ -1093,13 +1005,11 @@
     width: var(--wi-border-width);
 }
 
-.wi-layout-sider--left-placement > .wi-layout-sider__border,
-.wi-layout-sider--left > .wi-layout-sider__border {
+.wi-layout-sider--left-placement > .wi-layout-sider__border {
     right: 0;
 }
 
-.wi-layout-sider--right-placement > .wi-layout-sider__border,
-.wi-layout-sider--right > .wi-layout-sider__border {
+.wi-layout-sider--right-placement > .wi-layout-sider__border {
     left: 0;
 }
 

package/dist/layout/style.js

@@ -1,4 +1,4 @@
 import '../theme/styles.css'
 import '../styles/base.css'
-import '../components/Scrollbar/styles.css'
+import '../components/Icon/styles.css'
 import '../components/Layout/styles.css'

package/dist/listbox/index.js

@@ -1,4 +1,4 @@
-import { n as e } from "../locale-CYkJyRd1.js";
+import { n as e } from "../locale-DxAvgqgB.js";
 import "./style.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, vModelText as m, withDirectives as h } from "vue";
 //#region src/components/Listbox/Listbox.vue?vue&type=script&setup=true&lang.ts

package/dist/listbox/style.css

@@ -480,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);
 }
 
@@ -500,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);
 }

package/dist/locale/en-US.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../src/locale/en-US.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,IAAI,EAAE,gBAsGlB,CAAA"}
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../src/locale/en-US.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,IAAI,EAAE,gBAuGlB,CAAA"}

package/dist/locale/types.d.ts

@@ -84,6 +84,7 @@ export interface WiLocaleConfig {
     datePicker?: string;
     rangeStart?: string;
     rangeEnd?: string;
+    sliderControl?: string;
     prev?: string;
     next?: string;
     noMatch?: string;

package/dist/locale/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/locale/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/locale/types.ts"],"names":[],"mappings":"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"}

package/dist/locale/zh-CN.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../src/locale/zh-CN.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,IAAI,EAAE,gBAsGlB,CAAA"}
+{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../src/locale/zh-CN.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,IAAI,EAAE,gBAuGlB,CAAA"}

package/dist/{locale-CYkJyRd1.js → locale-DxAvgqgB.js}

@@ -1,4 +1,4 @@
-import { c as e, l as t } from "./config-DWwce9jA.js";
+import { c as e, l as t } from "./config-CTLkobga.js";
 import { computed as n } from "vue";
 //#region src/locale/index.ts
 function r(e, t) {

package/dist/mega-menu/index.js

@@ -1,17 +1,18 @@
 import { n as e, t } from "../overlay-oR-5MDuE.js";
-import { c as n } from "../config-DWwce9jA.js";
+import { t as n } from "../overlayPlacement-CN1tuC95.js";
+import { c as r } from "../config-CTLkobga.js";
 import "./style.js";
-import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, watch as C, withCtx as w, withModifiers as T } from "vue";
+import { Fragment as i, Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, watch as w, withCtx as T, withModifiers as E } from "vue";
 //#region src/components/MegaMenu/MegaMenu.vue?vue&type=script&setup=true&lang.ts
-var E = [
+var D = [
 	"disabled",
 	"aria-expanded",
 	"aria-haspopup",
 	"onClick"
-], D = {
+], O = {
 	key: 0,
 	"aria-hidden": "true"
-}, O = ["disabled", "onClick"], k = /* @__PURE__ */ p({
+}, k = ["disabled", "onClick"], A = /* @__PURE__ */ m({
 	__name: "MegaMenu",
 	props: {
 		model: { default: () => [] },
@@ -21,84 +22,81 @@ var E = [
 		},
 		appendTo: {}
 	},
-	setup(p) {
-		let k = p, A = n(), j = b(null), M = b(null), N = b([]), P = b({}), F = o(() => e(k, A.value.appendTo)), I = o(() => t(k, A.value.appendTo));
-		function L(e, t) {
-			N.value[t] = e instanceof HTMLElement ? e : null;
+	setup(m) {
+		let A = m, j = r(), M = x(null), N = x(null), P = x([]), F = x({}), I = s(() => e(A, j.value.appendTo)), L = s(() => t(A, j.value.appendTo));
+		function R(e, t) {
+			P.value[t] = e instanceof HTMLElement ? e : null;
 		}
-		function R() {
-			if (!I.value || j.value == null) return;
-			let e = N.value[j.value];
+		function z() {
+			if (!L.value || M.value == null) return;
+			let e = P.value[M.value];
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			P.value = {
-				left: `${t.left}px`,
-				top: `${t.bottom + 4}px`
-			};
+			F.value = n(t, "bottom-start", { gap: 4 });
 		}
-		function z(e, t) {
+		function B(e, t) {
 			if (!t.disabled) {
 				if (!t.items?.length) {
-					t.command?.(), j.value = null;
+					t.command?.(), M.value = null;
 					return;
 				}
-				j.value = j.value === e ? null : e, j.value != null && m(() => R());
+				M.value = M.value === e ? null : e, M.value != null && h(() => z());
 			}
 		}
-		function B(e) {
-			e.disabled || (e.command?.(), j.value = null);
-		}
 		function V(e) {
+			e.disabled || (e.command?.(), M.value = null);
+		}
+		function H(e) {
 			let t = e.target;
-			M.value?.contains(t) || document.querySelector(".wi-megamenu__panel--teleported")?.contains(t) || (j.value = null);
+			N.value?.contains(t) || document.querySelector(".wi-megamenu__panel--teleported")?.contains(t) || (M.value = null);
 		}
-		function H() {
-			j.value != null && R();
+		function U() {
+			M.value != null && z();
 		}
-		return C(j, (e) => {
-			e != null && I.value ? (window.addEventListener("resize", H), window.addEventListener("scroll", H, !0)) : (window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0));
-		}), v(() => document.addEventListener("click", V)), _(() => {
-			document.removeEventListener("click", V), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
-		}), (e, t) => (y(), l("nav", {
+		return w(M, (e) => {
+			e != null && L.value ? (window.addEventListener("resize", U), window.addEventListener("scroll", U, !0)) : (window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0));
+		}), y(() => document.addEventListener("click", H)), v(() => {
+			document.removeEventListener("click", H), window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
+		}), (e, t) => (b(), u("nav", {
 			ref_key: "root",
-			ref: M,
+			ref: N,
 			class: "wi-megamenu",
 			"aria-label": "Mega menu"
-		}, [(y(!0), l(r, null, x(p.model, (e, t) => (y(), l("div", {
+		}, [(b(!0), u(i, null, S(m.model, (e, t) => (b(), u("div", {
 			key: `${e.label}-${t}`,
-			class: h(["wi-megamenu__item", { "wi-megamenu__item--open": j.value === t }])
-		}, [u("button", {
+			class: g(["wi-megamenu__item", { "wi-megamenu__item--open": M.value === t }])
+		}, [d("button", {
 			ref_for: !0,
-			ref: (e) => L(e, t),
+			ref: (e) => R(e, t),
 			type: "button",
 			class: "wi-megamenu__trigger",
 			disabled: e.disabled,
-			"aria-expanded": e.items?.length ? j.value === t : void 0,
+			"aria-expanded": e.items?.length ? M.value === t : void 0,
 			"aria-haspopup": e.items?.length ? "true" : void 0,
-			onClick: T((n) => z(t, e), ["stop"])
-		}, [e.icon ? (y(), l("span", D, S(e.icon), 1)) : c("", !0), d(" " + S(e.label), 1)], 8, E), (y(), s(i, {
-			to: F.value.to,
-			disabled: F.value.disabled
-		}, [f(a, { name: "wi-scale-fade" }, {
-			default: w(() => [e.items?.length && j.value === t ? (y(), l("div", {
+			onClick: E((n) => B(t, e), ["stop"])
+		}, [e.icon ? (b(), u("span", O, C(e.icon), 1)) : l("", !0), f(" " + C(e.label), 1)], 8, D), (b(), c(a, {
+			to: I.value.to,
+			disabled: I.value.disabled
+		}, [p(o, { name: "wi-scale-fade" }, {
+			default: T(() => [e.items?.length && M.value === t ? (b(), u("div", {
 				key: 0,
-				class: h(["wi-megamenu__panel", { "wi-megamenu__panel--teleported": I.value }]),
-				style: g(I.value ? P.value : void 0),
+				class: g(["wi-megamenu__panel", { "wi-megamenu__panel--teleported": L.value }]),
+				style: _(L.value ? F.value : void 0),
 				role: "menu"
-			}, [(y(!0), l(r, null, x(e.items, (e, t) => (y(), l("div", {
+			}, [(b(!0), u(i, null, S(e.items, (e, t) => (b(), u("div", {
 				key: t,
 				class: "wi-megamenu__column"
-			}, [(y(!0), l(r, null, x(e, (e, t) => (y(), l("button", {
+			}, [(b(!0), u(i, null, S(e, (e, t) => (b(), u("button", {
 				key: `${e.label}-${t}`,
 				type: "button",
 				class: "wi-megamenu__link",
 				role: "menuitem",
 				disabled: e.disabled,
-				onClick: T((t) => B(e), ["stop"])
-			}, S(e.label), 9, O))), 128))]))), 128))], 6)) : c("", !0)]),
+				onClick: E((t) => V(e), ["stop"])
+			}, C(e.label), 9, k))), 128))]))), 128))], 6)) : l("", !0)]),
 			_: 2
 		}, 1024)], 8, ["to", "disabled"]))], 2))), 128))], 512));
 	}
 });
 //#endregion
-export { k as WiMegaMenu };
+export { A as WiMegaMenu };

package/dist/mega-menu/style.css

@@ -480,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);
 }
 
@@ -500,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);
 }