@wgalleti/primevue-components 1.2.0 → 1.3.0

package/dist/components/ui/WStepFlow.vue.d.ts

@@ -1,4 +1,4 @@
-import { StepFlowOrientation } from '../../utils/stepFlow';
+import { StepFlowLabels, StepFlowOrientation } from '../../utils/stepFlow';
 /**
  * Etapas numeradas e colapsáveis (a espinha do editor de documento).
  * Diferente do WProgressFlow, que só ILUSTRA o progresso: aqui cada etapa é um
@@ -17,6 +17,13 @@ type __VLS_Props = {
      * para o empilhamento vertical (a régua não cabe).
      */
     orientation?: StepFlowOrientation;
+    /**
+     * Títulos da régua horizontal: `all` mostra todos lado a lado; `active` só o
+     * da etapa aberta — as outras ficam no número, com o título no tooltip e
+     * para o leitor de tela. Use `active` quando a régua é longa e os títulos
+     * sairiam cortados. Empilhado (abaixo de 840px) e na vertical, todos aparecem.
+     */
+    labels?: StepFlowLabels;
     /** Trava o clique no cabeçalho de todas as etapas. */
     disabled?: boolean;
 };
@@ -32,6 +39,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     modelValue: number;
     disabled: boolean;
     orientation: StepFlowOrientation;
+    labels: StepFlowLabels;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/{components-D5eeRtRP.js → components-BHHLGp-P.js}

@@ -5523,6 +5523,7 @@ var ea = {
 	props: {
 		modelValue: { default: 0 },
 		orientation: { default: "vertical" },
+		labels: { default: "all" },
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -5530,18 +5531,19 @@ var ea = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = f(() => n.modelValue), a = f(() => n.disabled), o = f(() => n.orientation);
-		function s(e) {
+		let n = e, r = t, i = f(() => n.modelValue), a = f(() => n.disabled), o = f(() => n.orientation), s = f(() => n.labels);
+		function c(e) {
 			n.disabled || r("update:modelValue", n.modelValue === e ? 0 : e);
 		}
 		N(ko, {
 			active: i,
-			toggle: s,
+			toggle: c,
 			disabled: a,
-			orientation: o
+			orientation: o,
+			labels: s
 		});
-		let c = P(null);
-		function l(e) {
+		let l = P(null);
+		function u(e) {
 			if (n.orientation !== "horizontal") return;
 			let t = {
 				ArrowRight: 1,
@@ -5550,16 +5552,16 @@ var ea = {
 				End: 0
 			}[e.key];
 			if (t === void 0) return;
-			let r = Array.from(c.value?.querySelectorAll(".w-step-section__head .w-step-section__trigger:not(:disabled)") ?? []), i = r.indexOf(document.activeElement);
+			let r = Array.from(l.value?.querySelectorAll(".w-step-section__head .w-step-section__trigger:not(:disabled)") ?? []), i = r.indexOf(document.activeElement);
 			if (i < 0 || r.length === 0) return;
 			let a = e.key === "Home" ? 0 : e.key === "End" ? r.length - 1 : (i + t + r.length) % r.length;
 			e.preventDefault(), r[a].focus();
 		}
 		return (e, t) => (M(), h("div", {
 			ref_key: "root",
-			ref: c,
-			class: k(["w-step-flow", `w-step-flow--${o.value}`]),
-			onKeydown: l
+			ref: l,
+			class: k(["w-step-flow", [`w-step-flow--${o.value}`, { "w-step-flow--labels-active": s.value === "active" }]]),
+			onKeydown: u
 		}, [I(e.$slots, "default")], 34));
 	}
 }), jo = { class: "w-step-section__rail" }, Mo = {
@@ -5584,7 +5586,8 @@ var ea = {
 }, Uo = { class: "w-step-section__head" }, Wo = [
 	"aria-expanded",
 	"aria-current",
-	"disabled"
+	"disabled",
+	"title"
 ], Go = {
 	key: 0,
 	class: "pi pi-check"
@@ -5616,8 +5619,8 @@ var ea = {
 		}
 	},
 	setup(e) {
-		let t = e, n = w(ko, null), r = P(!0), i = f(() => n ? n.active.value === t.step : r.value), a = f(() => t.disabled || (n?.disabled.value ?? !1)), o = f(() => n?.orientation.value === "horizontal"), s = f(() => n !== null), c = f(() => o.value && n != null && t.step < n.active.value);
-		function l() {
+		let t = e, n = w(ko, null), r = P(!0), i = f(() => n ? n.active.value === t.step : r.value), a = f(() => t.disabled || (n?.disabled.value ?? !1)), o = f(() => n?.orientation.value === "horizontal"), s = f(() => n !== null), c = f(() => o.value && n != null && t.step < n.active.value), l = f(() => o.value && n?.labels?.value === "active" && !i.value ? t.title : void 0);
+		function u() {
 			a.value || (n ? n.toggle(t.step) : r.value = !r.value);
 		}
 		return (t, n) => o.value ? (M(), h("div", {
@@ -5637,7 +5640,8 @@ var ea = {
 				"aria-expanded": i.value,
 				"aria-current": i.value ? "step" : void 0,
 				disabled: a.value,
-				onClick: l
+				title: l.value,
+				onClick: u
 			}, [
 				g("span", {
 					class: k(["w-step-section__badge", {
@@ -5663,7 +5667,7 @@ var ea = {
 			"aria-expanded": i.value,
 			"aria-current": i.value ? "step" : void 0,
 			disabled: a.value,
-			onClick: l
+			onClick: u
 		}, [
 			g("i", { class: k(["w-step-section__chevron", i.value ? "pi pi-chevron-down" : "pi pi-chevron-right"]) }, null, 2),
 			g("h2", Lo, L(e.title), 1),
@@ -7625,4 +7629,4 @@ var jc = {
 //#endregion
 export { Zi as A, Kn as B, Aa as C, ra as D, la as E, Ti as F, It as G, dn as H, pi as I, gt as J, Mt as K, Lr as L, Ki as M, Mi as N, na as O, Ei as P, Xn as R, Va as S, ma as T, Jt as U, Hn as V, Lt as W, _t as X, bt as Y, Xe as Z, fo as _, Qc as a, Ua as b, Nc as c, $o as d, Ao as f, yo as g, Co as h, nl as i, $i as j, Xi as k, Ls as l, Oo as m, hl as n, Zc as o, ko as p, yt as q, dl as r, Bc as s, El as t, ss as u, $a as v, xa as w, Ha as x, Ga as y, Yn as z };
 
-//# sourceMappingURL=components-D5eeRtRP.js.map
+//# sourceMappingURL=components-BHHLGp-P.js.map