@aures5g/vue-component-library 3.17.0 → 3.19.0

package/dist/TableSelectionCheckbox-SJcj9lTW.js

@@ -0,0 +1,42 @@
+import { defineComponent as d, useModel as n, computed as u, openBlock as s, createBlock as p, unref as f, withModifiers as a, mergeModels as v } from "vue";
+import { UICheckbox as c } from "./vue-component-library.js";
+import "@fortawesome/vue-fontawesome";
+import "@awesome.me/kit-bccbe657bb/icons/sharp/solid";
+import "@awesome.me/kit-bccbe657bb/icons/kit/custom";
+import "vue-router";
+import "@vueuse/core";
+import "@awesome.me/kit-bccbe657bb/icons/sharp/regular";
+import "vue-tippy";
+const B = /* @__PURE__ */ d({
+  __name: "TableSelectionCheckbox",
+  props: /* @__PURE__ */ v({
+    value: {}
+  }, {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const l = n(t, "modelValue"), r = u({
+      get() {
+        return l.value === "all" ? !0 : l.value;
+      },
+      set(o) {
+        Array.isArray(o) && (l.value = o);
+      }
+    }), i = u(() => l.value === "all");
+    return (o, e) => (s(), p(f(c), {
+      modelValue: r.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (m) => r.value = m),
+      value: t.value,
+      disabled: i.value,
+      onClick: e[1] || (e[1] = a(() => {
+      }, ["stop"])),
+      onDblclick: e[2] || (e[2] = a(() => {
+      }, ["stop"]))
+    }, null, 8, ["modelValue", "value", "disabled"]));
+  }
+});
+export {
+  B as default
+};

package/dist/TableSelectionFilter-BtwWWugM.js

@@ -0,0 +1,70 @@
+import { defineComponent as k, useModel as v, ref as u, watch as b, computed as C, openBlock as m, createElementBlock as _, createVNode as g, unref as i, createBlock as x, createCommentVNode as M, mergeModels as V } from "vue";
+import { faChevronDown as y } from "@awesome.me/kit-bccbe657bb/icons/sharp/solid";
+import { useACBSConfig as A, UIIconButton as B, UIMenu as F } from "./vue-component-library.js";
+import "@fortawesome/vue-fontawesome";
+import "@awesome.me/kit-bccbe657bb/icons/kit/custom";
+import "vue-router";
+import "@vueuse/core";
+import "@awesome.me/kit-bccbe657bb/icons/sharp/regular";
+import "vue-tippy";
+const I = { class: "flex justify-center" }, D = /* @__PURE__ */ k({
+  __name: "TableSelectionFilter",
+  props: /* @__PURE__ */ V({
+    dataKey: {},
+    items: {}
+  }, {
+    selection: {},
+    selectionModifiers: {}
+  }),
+  emits: ["update:selection"],
+  setup(r) {
+    const a = r, n = v(r, "selection"), s = A();
+    function f() {
+      n.value = [];
+    }
+    function d() {
+      n.value = "all";
+    }
+    const t = u(null), o = u(!1);
+    b(t, (e) => {
+      e && (e === "reset" ? f() : e === "check-all" ? n.value = a.items.reduce((l, c) => (c[a.dataKey] && l.push(c[a.dataKey]), l), []) : e === "check-filtered" && d(), o.value = !1, t.value = null);
+    });
+    function p() {
+      o.value = !o.value;
+    }
+    const h = C(() => [
+      {
+        value: "check-filtered",
+        label: s.locale?.tableCheckFiltered || "tableCheckFiltered"
+      },
+      {
+        value: "check-all",
+        label: s.locale?.tableCheckAll || "tableCheckAll"
+      },
+      {
+        value: "reset",
+        label: s.locale?.tableCheckReset || "tableCheckReset"
+      }
+    ]);
+    return (e, l) => (m(), _("div", I, [
+      g(i(B), {
+        color: "tonal",
+        icon: i(y),
+        size: "32x32",
+        class: "[anchor-name:--checkbox-filter]",
+        onClick: p
+      }, null, 8, ["icon"]),
+      o.value ? (m(), x(i(F), {
+        key: 0,
+        modelValue: t.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c),
+        items: h.value,
+        class: "[position-anchor:--checkbox-filter] absolute top-[anchor(top)] left-[calc(anchor(right)+0.31rem)]",
+        size: "small"
+      }, null, 8, ["modelValue", "items"])) : M("", !0)
+    ]));
+  }
+});
+export {
+  D as default
+};

package/dist/src/components/table/TableBodyRow.vue.d.ts

@@ -0,0 +1,11 @@
+import type { Field } from '@/components/table/uiTable.types.ts';
+type __VLS_Props = {
+    fields: Field[];
+    getColumnWidth: (field: string) => Record<string, string>;
+    item: Record<string, unknown>;
+    rowIndex: number;
+    dataKey: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/table/TableHeaderCell.vue.d.ts

@@ -0,0 +1,29 @@
+import { type FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
+import { type SortDirections } from './uiTable.const';
+type __VLS_Props = {
+    mode: 'divider-only' | 'in-container';
+    isFirst: boolean;
+    isLast: boolean;
+    name: string;
+    header: string;
+    isSortable?: boolean;
+    hasHeaderFilter?: boolean;
+    icon?: FontAwesomeIconProps['icon'];
+    isSorted: false | SortDirections;
+    hasActiveFilter: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    sort: (name: string) => any;
+    openFilterOverlay: (payload: {
+        name: string;
+        event: MouseEvent;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSort?: ((name: string) => any) | undefined;
+    onOpenFilterOverlay?: ((payload: {
+        name: string;
+        event: MouseEvent;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/table/TableHeaderRow.vue.d.ts

@@ -0,0 +1,31 @@
+import { type SortDirections } from './uiTable.const';
+import { type Field } from '@/index';
+type __VLS_Props = {
+    fields: Field[];
+    mode: 'divider-only' | 'in-container';
+    activeFilters: string[];
+    getColumnWidth: (field: string) => Record<string, string>;
+    openFilterOverlay: (field: string, e: Event) => void;
+    handleMousedown: (event: MouseEvent, fieldName: string) => void;
+    showSelection?: boolean;
+};
+type __VLS_ModelProps = {
+    'sort'?: null | {
+        field: string;
+        direction: SortDirections;
+    };
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:sort": (value: {
+        field: string;
+        direction: SortDirections;
+    } | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:sort"?: ((value: {
+        field: string;
+        direction: SortDirections;
+    } | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/table/TableSelectionCheckbox.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    value: unknown;
+};
+type __VLS_ModelProps = {
+    modelValue?: 'all' | unknown[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown[] | "all") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown[] | "all") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/table/TableSelectionFilter.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    dataKey: string;
+    items: Record<string, unknown>[];
+};
+type __VLS_ModelProps = {
+    'selection'?: unknown[] | 'all';
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selection": (value: unknown[] | "all" | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:selection"?: ((value: unknown[] | "all" | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/table/UITable.vue.d.ts

@@ -1,6 +1,6 @@
 import { type VNode, type ClassValue } from 'vue';
 import { type SortDirections } from './uiTable.const';
-import { type Field, type RowClickPayload } from '@/components/table/uiTable.types.ts';
+import { type Field, type RowClickPayload } from '@/components/table/uiTable.types';
 type __VLS_Props = {
     fields: Field[];
     items: Record<string, unknown>[];
@@ -8,12 +8,10 @@ type __VLS_Props = {
     mode: 'divider-only' | 'in-container';
     activeFilters: string[];
     getRowClass?: (item: Record<string, unknown>) => ClassValue;
+    isLoading?: boolean;
+    showSelection?: boolean;
 };
 type __VLS_Slots = {
-    filter?(props: {
-        field: string;
-        colIndex: number;
-    }): VNode;
     headerFilterOverlay?(props: {
         field: string;
         onClose: () => void;
@@ -39,12 +37,6 @@ type __VLS_Slots = {
         field: string;
         data: Record<string, unknown>;
     }): VNode;
-    cell?(props: {
-        rowIndex: number;
-        colIndex: number;
-        field: string;
-        data: Record<string, unknown>;
-    }): VNode;
     cardAction?(props: {
         rowIndex: number;
         data: Record<string, unknown>;
@@ -63,9 +55,11 @@ type __VLS_ModelProps = {
         direction: SortDirections;
     };
     'activeRow'?: number;
+    'selection'?: 'all' | unknown[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selection": (value: unknown[] | "all") => any;
     "update:sort": (value: {
         field: string;
         direction: SortDirections;
@@ -74,15 +68,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 } & {
     rowClick: (payload: RowClickPayload) => any;
     rowDblclick: (payload: RowClickPayload) => any;
-    rowSelect: (payload: RowClickPayload) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onRowClick?: ((payload: RowClickPayload) => any) | undefined;
-    onRowDblclick?: ((payload: RowClickPayload) => any) | undefined;
-    onRowSelect?: ((payload: RowClickPayload) => any) | undefined;
+    "onUpdate:selection"?: ((value: unknown[] | "all") => any) | undefined;
     "onUpdate:sort"?: ((value: {
         field: string;
         direction: SortDirections;
     } | null) => any) | undefined;
+    onRowClick?: ((payload: RowClickPayload) => any) | undefined;
+    onRowDblclick?: ((payload: RowClickPayload) => any) | undefined;
     "onUpdate:activeRow"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/src/components/table/UITableCard.vue.d.ts

@@ -1,6 +1,8 @@
 import { type VNode } from 'vue';
 type __VLS_Props = {
     showCollapseButton: boolean;
+    showSelection?: boolean;
+    id: unknown;
 };
 type __VLS_Slots = {
     cardTitle?(): VNode;
@@ -12,7 +14,15 @@ type __VLS_Slots = {
     action?(): VNode;
     major?(): VNode;
 };
-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>;
+type __VLS_ModelProps = {
+    'selection'?: unknown[] | 'all';
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selection": (value: unknown[] | "all" | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:selection"?: ((value: unknown[] | "all" | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/src/components/table/uiTable.types.d.ts

@@ -1,6 +1,6 @@
 import type { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
 import type { FieldPlacements } from '@/components/table/uiTable.const.ts';
-import type { ClassValue } from 'vue';
+import type { ClassValue, Component } from 'vue';
 export type Field = {
     name: string;
     header: string;
@@ -11,9 +11,21 @@ export type Field = {
     placement?: FieldPlacements;
     isResizable?: boolean;
     cellClasses?: ClassValue;
+    cellComponent?: Component;
+    filterComponent?: Component;
 };
 export type RowClickPayload = {
     originalEvent: MouseEvent | KeyboardEvent;
     data: Record<string, unknown>;
     index: number;
 };
+export type FilterComponentProps = {
+    field: string;
+    colIndex: number;
+};
+export type CellComponentProps = {
+    rowIndex: number;
+    colIndex: number;
+    field: string;
+    data: Record<string, unknown>;
+};

package/dist/src/config/acbs.d.ts

@@ -7,6 +7,9 @@ type PluginOptions = {
         mandatory?: string;
         expand?: string;
         collapse?: string;
+        tableCheckFiltered?: string;
+        tableCheckAll?: string;
+        tableCheckReset?: string;
     };
     primevue?: PrimeVueConfiguration;
 };

package/dist/src/index.d.ts

@@ -31,9 +31,9 @@ import UIBrandLogo from './components/infoStrip/brandLogo/UIBrandLogo.vue';
 import UIFab from './components/fab/UIFab.vue';
 import UISegmentedButton from './components/segmentedButton/UISegmentedButton.vue';
 import UITable from './components/table/UITable.vue';
-import type { Field, RowClickPayload } from './components/table/uiTable.types';
+import type { Field, RowClickPayload, FilterComponentProps, CellComponentProps } from './components/table/uiTable.types';
 import { OverflowTooltip } from './directives/overflowTooltip';
 import UILabelValueList from '@/components/labelValueList/UILabelValueList.vue';
 import UILabelValue from '@/components/labelValueList/UILabelValue.vue';
 import UIMenu from '@/components/menu/UIMenu.vue';
-export { ACBSPlugin, useACBSConfig, UIButton, UINavbar, UITag, UIBadge, UICopy, UITabs, UIIconButton, UIToggleButton, UIRadioButton, UICheckbox, UIInputChip, UIFilterChip, UITextField, UITextArea, UIRichTooltip, UISnackbar, UIListItem, UIList, UIContextPanel, UIToolbar, UILanguagePicker, UIDivider, UISwitch, UIDropdown, UIInfoStrip, UIInfoStripSecondaryBox, UIPersonList, UIBrandLogo, UIFab, UISegmentedButton, UITable, type Field, type RowClickPayload, OverflowTooltip, UILabelValueList, UILabelValue, UIMenu, };
+export { ACBSPlugin, useACBSConfig, UIButton, UINavbar, UITag, UIBadge, UICopy, UITabs, UIIconButton, UIToggleButton, UIRadioButton, UICheckbox, UIInputChip, UIFilterChip, UITextField, UITextArea, UIRichTooltip, UISnackbar, UIListItem, UIList, UIContextPanel, UIToolbar, UILanguagePicker, UIDivider, UISwitch, UIDropdown, UIInfoStrip, UIInfoStripSecondaryBox, UIPersonList, UIBrandLogo, UIFab, UISegmentedButton, UITable, type Field, type RowClickPayload, type FilterComponentProps, type CellComponentProps, OverflowTooltip, UILabelValueList, UILabelValue, UIMenu, };