@wgalleti/primevue-components 1.3.0 → 1.5.0

package/README.md

@@ -225,6 +225,7 @@ Veja [WFormRenderer](./docs/components/w-form-renderer.md) para exemplos complet
 - [WActionBar](./docs/components/w-action-bar.md)
 - [WKpiCard](./docs/components/w-kpi-card.md)
 - [WKpiGrid](./docs/components/w-kpi-grid.md)
+- [WMeter](./docs/components/w-meter.md)
 - [WProgressFlow](./docs/components/w-progress-flow.md)
 - [WStepFlow / WStepSection](./docs/components/w-step-flow.md)
 - [WEditableTable](./docs/components/w-editable-table.md)

package/dist/components/charts/WChart.vue.d.ts

@@ -1,4 +1,4 @@
-import { WChartOption } from '../../utils/chart';
+import { ChartSelectEvent, WChartOption } from '../../utils/chart';
 type __VLS_Props = {
     /** Option do ECharts — série, eixos, tooltip etc. */
     option: WChartOption;
@@ -13,6 +13,11 @@ type __VLS_Props = {
     print?: boolean;
     /** Altura CSS do gráfico (default: token `--chart-h`, senão 18rem). */
     height?: string;
+    /**
+     * Item de dado clicável: cursor de mão, realce do item sob o mouse e o
+     * evento `select` no clique. Desligado, o gráfico não emite nada.
+     */
+    clickable?: boolean;
 };
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
@@ -20,13 +25,18 @@ type __VLS_Slots = {} & {
 } & {
     unavailable?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (event: ChartSelectEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: ChartSelectEvent) => any) | undefined;
+}>, {
     emptyMessage: string;
     loading: boolean;
     height: string;
     empty: boolean;
     print: boolean;
     renderer: "canvas" | "svg";
+    clickable: boolean;
 }, {}, {}, {}, 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/form/WDateRange.vue.d.ts

@@ -9,6 +9,8 @@ type __VLS_Props = {
     maxDate?: Date;
     showButtonBar?: boolean;
     disabled?: boolean;
+    /** `id` do input — para o `<label for>` do formulário. */
+    inputId?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Date[] | null) => any;

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export { default as WDetailHeader } from './ui/WDetailHeader.vue';
 export { default as WInfoCard } from './ui/WInfoCard.vue';
 export { default as WKpiCard } from './ui/WKpiCard.vue';
 export { default as WKpiGrid } from './ui/WKpiGrid.vue';
+export { default as WMeter } from './ui/WMeter.vue';
 export { default as WSectionAccordion } from './ui/WSectionAccordion.vue';
 export { default as WSectionHeader } from './ui/WSectionHeader.vue';
 export { default as WSectionPanel } from './ui/WSectionPanel.vue';
@@ -29,6 +30,7 @@ export { default as WProgressFlow } from './ui/WProgressFlow.vue';
 export { default as WStepFlow } from './ui/WStepFlow.vue';
 export { default as WStepSection } from './ui/WStepSection.vue';
 export { default as WCheckList } from './ui/WCheckList.vue';
+export { default as WAttentionList } from './ui/WAttentionList.vue';
 export { default as WMapSelect } from './ui/WMapSelect.vue';
 export { default as WMarkdownView } from './ui/WMarkdownView.vue';
 export { default as WMarkdownEditor } from './form/WMarkdownEditor.vue';

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

@@ -0,0 +1,34 @@
+import { AttentionItem, AttentionItemClickEvent } from '../../types/attentionList';
+/**
+ * Pontos de atenção de uma tela operacional ("Sem anamnese · 100", "Lotadas · 2"): o que pede
+ * ação, com a contagem e o atalho para o filtro ou a tela. A ordem é de quem chama — ponha o
+ * que pede ação primeiro no topo.
+ */
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+    items?: AttentionItem[];
+    emptyMessage?: string;
+};
+declare var __VLS_1: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    empty?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "item-click": (event: AttentionItemClickEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onItem-click"?: ((event: AttentionItemClickEvent) => any) | undefined;
+}>, {
+    emptyMessage: string;
+    items: AttentionItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,14 +1,32 @@
+/**
+ * Estado vazio: ícone (ou ilustração do produto pelo slot `illustration`), título, descrição e
+ * ação opcional. `compact` cabe dentro de card ou painel lateral.
+ */
 type __VLS_Props = {
-    icon: string;
+    icon?: string;
     title: string;
     description?: string;
     actionLabel?: string;
     actionIcon?: string;
+    compact?: boolean;
+};
+type __VLS_Slots = {
+    /** Substitui o ícone: a arte do produto (SVG, imagem). */
+    illustration?: () => unknown;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     action: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAction?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    compact: boolean;
+    icon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -41,11 +41,11 @@ type __VLS_Slots = {
     }): unknown;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    move: (event: KanbanMoveEvent<Record<string, unknown>>) => any;
     "item-click": (item: Item) => any;
+    move: (event: KanbanMoveEvent<Record<string, unknown>>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onMove?: ((event: KanbanMoveEvent<Record<string, unknown>>) => any) | undefined;
     "onItem-click"?: ((item: Item) => any) | undefined;
+    onMove?: ((event: KanbanMoveEvent<Record<string, unknown>>) => any) | undefined;
 }>, {
     loading: boolean;
     minHeight: string;

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

@@ -1,3 +1,4 @@
+import { RouteLocationRaw } from 'vue-router';
 type __VLS_Props = {
     label: string;
     value: string | number;
@@ -9,20 +10,41 @@ type __VLS_Props = {
         direction?: 'up' | 'down' | 'neutral';
     };
     loading?: boolean;
+    /**
+     * Destino ao clicar: o card vira um RouterLink (exige vue-router instalado).
+     * Sem `to`, um listener de `@click` torna o card um botão de teclado.
+     */
+    to?: RouteLocationRaw;
+    /**
+     * Série da sparkline (ordem cronológica). Desenhada na cor da severidade,
+     * decorativa (aria-hidden) — o número que importa é o `value`. Pontos
+     * NaN/null são descartados.
+     */
+    spark?: number[];
+    /** `compact`: menos respiro, ícone menor ao lado do rótulo, valor menor. */
+    size?: 'default' | 'compact';
+    /** Card usado como filtro e aplicado agora: destaca e anuncia `aria-pressed`. */
+    active?: boolean;
 };
-declare var __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {}, __VLS_29: {};
+declare var __VLS_28: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {}, __VLS_36: {};
 type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_21) => any;
+    icon?: (props: typeof __VLS_28) => any;
 } & {
-    trend?: (props: typeof __VLS_23) => any;
+    trend?: (props: typeof __VLS_30) => any;
 } & {
-    value?: (props: typeof __VLS_25) => any;
+    value?: (props: typeof __VLS_32) => any;
 } & {
-    hint?: (props: typeof __VLS_27) => any;
+    hint?: (props: typeof __VLS_34) => any;
 } & {
-    footer?: (props: typeof __VLS_29) => any;
+    footer?: (props: typeof __VLS_36) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: KeyboardEvent | MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: KeyboardEvent | MouseEvent) => any) | undefined;
+}>, {
+    size: "default" | "compact";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { KpiItem } from '../../types/kpi';
+import { KpiItem, KpiItemClickEvent } from '../../types/kpi';
 type __VLS_Props = {
     items?: KpiItem[];
     /**
@@ -7,7 +7,16 @@ type __VLS_Props = {
      * aproveitar o máximo da tela.
      */
     columns?: 2 | 3 | 4 | 5 | 6 | 'auto';
+    /**
+     * Grade densa: vão menor entre os cards e, sem `size` na grade nem no
+     * item, cards no tamanho `compact`.
+     */
     dense?: boolean;
+    /**
+     * Tamanho de todos os cards. Precedência: `item.size` → `size` da grade →
+     * `dense` (compact) → default.
+     */
+    size?: 'default' | 'compact';
 };
 declare var __VLS_1: {
     key: number;
@@ -17,7 +26,11 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "item-click": (event: KpiItemClickEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onItem-click"?: ((event: KpiItemClickEvent) => any) | undefined;
+}>, {
     columns: 2 | 3 | 4 | 5 | 6 | "auto";
     items: KpiItem[];
     dense: boolean;

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

@@ -0,0 +1,49 @@
+import { RouteLocationRaw } from 'vue-router';
+import { MeterSeverity } from '../../utils/meter';
+type __VLS_Props = {
+    label: string;
+    /** Realizado até agora. */
+    value: number;
+    /** Meta do período. `null`/0: sem barra, só o valor e "sem meta". */
+    goal?: number | null;
+    /** Ritmo: onde o valor deveria estar hoje. Vira o marcador na barra. */
+    expected?: number | null;
+    /** Formato de valor, meta e ritmo. */
+    format?: 'currency' | 'number' | 'percent';
+    /** `compact`: `R$ 1,2 mi`; `standard`: `R$ 1.234.567,00`. */
+    notation?: 'compact' | 'standard';
+    hint?: string;
+    /**
+     * Cor da barra. Sem valor, sai do ritmo: success no ritmo (ou meta batida,
+     * sem ritmo), warning até 10% abaixo do ritmo, danger abaixo disso; sem
+     * ritmo e abaixo da meta, primary; sem meta, neutral.
+     */
+    severity?: MeterSeverity;
+    /** `compact`: menos respiro e valor menor (grade densa de metas). */
+    size?: 'default' | 'compact';
+    /** Destino ao clicar: vira RouterLink (exige vue-router instalado). */
+    to?: RouteLocationRaw;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    hint?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: KeyboardEvent | MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: KeyboardEvent | MouseEvent) => any) | undefined;
+}>, {
+    size: "default" | "compact";
+    notation: "compact" | "standard";
+    format: "currency" | "number" | "percent";
+    goal: number | null;
+    expected: number | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/WTabPane.d.ts

@@ -12,6 +12,10 @@ import { RouteTab, RouteTabsApi } from '../../types/routeTabs';
  *
  * Os registros (guards/hooks) são desfeitos via `onScopeDispose` no escopo de
  * QUEM registrou — assim um `reload()` (remount) não acumula guard morto.
+ *
+ * Renderiza um `RouterView` preso ao snapshot da aba (prop `route`), na mesma
+ * profundidade em que o viewport está: com rotas aninhadas, o layout do módulo
+ * aparece e o `RouterView` dele mostra a tela filha — também congelada.
  */
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     tab: {