@aures5g/vue-component-library 3.21.0 → 3.23.0

package/dist/{TableSelectionFilter-BtwWWugM.js → TableSelectionFilter-DMPQAER-.js}

@@ -1,13 +1,13 @@
 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 { useACBSConfig as A, UIIconButton as B, UIMenu as z } 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({
+const F = { class: "flex justify-center" }, D = /* @__PURE__ */ k({
   __name: "TableSelectionFilter",
   props: /* @__PURE__ */ V({
     dataKey: {},
@@ -46,7 +46,7 @@ const I = { class: "flex justify-center" }, D = /* @__PURE__ */ k({
         label: s.locale?.tableCheckReset || "tableCheckReset"
       }
     ]);
-    return (e, l) => (m(), _("div", I, [
+    return (e, l) => (m(), _("div", F, [
       g(i(B), {
         color: "tonal",
         icon: i(y),
@@ -54,12 +54,12 @@ const I = { class: "flex justify-center" }, D = /* @__PURE__ */ k({
         class: "[anchor-name:--checkbox-filter]",
         onClick: p
       }, null, 8, ["icon"]),
-      o.value ? (m(), x(i(F), {
+      o.value ? (m(), x(i(z), {
         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)]",
+        class: "[position-anchor:--checkbox-filter] absolute top-[anchor(top)] left-[calc(anchor(right)+0.31rem)] z-5",
         size: "small"
       }, null, 8, ["modelValue", "items"])) : M("", !0)
     ]));

package/dist/src/components/chip/UIInputChip.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    icon: FontAwesomeIconProps["icon"];
     label: string;
+    icon: FontAwesomeIconProps["icon"];
     showClosingIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/src/components/form/FormFieldWrapper.vue.d.ts

@@ -21,12 +21,12 @@ declare const __VLS_base: import("vue").DefineComponent<CommonFormFieldProp, {
 }, string, import("vue").PublicProps, Readonly<CommonFormFieldProp> & Readonly<{
     onFocusInput?: (() => any) | undefined;
 }>, {
+    invalid: boolean;
     leadingIcon: import("@fortawesome/vue-fontawesome").FontAwesomeIconProps["icon"];
     trailingIcon: import("@fortawesome/vue-fontawesome").FontAwesomeIconProps["icon"];
     tags: string[];
     required: boolean;
     prefix: string;
-    invalid: boolean;
     supportText: string;
     compact: boolean;
     suffix: string;

package/dist/src/components/richTooltip/UIRichTooltip.vue.d.ts

@@ -12,8 +12,8 @@ type __VLS_Slots = {} & {
     action?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    text: string;
     title: string;
+    text: string;
     hasAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/src/components/searchBar/UISearchBar.vue.d.ts

@@ -0,0 +1,20 @@
+import { type FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
+type __VLS_Props = {
+    placeholder: string;
+    trailingIcon?: FontAwesomeIconProps['icon'];
+    placement?: 'dark' | 'light';
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+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: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    trailingIcon: FontAwesomeIconProps["icon"];
+    placement: "dark" | "light";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/segmentedButton/SegmentedButtonCore.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((payload: ModelValue) => any) | undefined;
 }>, {
-    icon: FontAwesomeIconProps["icon"];
     label: string;
+    icon: FontAwesomeIconProps["icon"];
     value: ButtonValue;
     part: "start" | "middle" | "end";
     modelValue: ModelValue;

package/dist/src/components/tag/UITag.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    icon: FontAwesomeIconProps["icon"];
     label: string;
+    icon: FontAwesomeIconProps["icon"];
     size: TagSizes;
     actionIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/src/components/textField/UITextField.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    invalid: boolean;
     leadingIcon: import("@fortawesome/vue-fontawesome").FontAwesomeIconProps["icon"];
     trailingIcon: import("@fortawesome/vue-fontawesome").FontAwesomeIconProps["icon"];
     tags: string[];
     required: boolean;
     prefix: string;
-    invalid: boolean;
     supportText: string;
     compact: boolean;
     suffix: string;

package/dist/src/components/textarea/UITextArea.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    invalid: boolean;
     leadingIcon: import("@fortawesome/vue-fontawesome").FontAwesomeIconProps["icon"];
     trailingIcon: import("@fortawesome/vue-fontawesome").FontAwesomeIconProps["icon"];
     tags: string[];
     required: boolean;
     prefix: string;
-    invalid: boolean;
     supportText: string;
     compact: boolean;
     suffix: string;

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

@@ -1,6 +1,7 @@
 import { type PrimeVueConfiguration } from 'primevue/config';
 type PluginOptions = {
     registerTooltip?: boolean;
+    /** @deprecated overflow-tooltip and tooltip directives were merged into one */
     registerOverflowTooltip?: boolean;
     locale?: {
         copied?: string;

package/dist/src/consts/tooltip.const.d.ts

@@ -0,0 +1,16 @@
+export declare const OVERFLOW_TOOLTIP_DATA_ATTR = "data-overflow-tooltip";
+export declare const TOOLTIP_DATA_ATTR = "data-tooltip";
+export declare const TOOLTIP_POSITION_DATA_ATTR = "data-tooltip-position";
+export declare const TOOLTIP_POSITION: {
+    readonly TOP: "top";
+    readonly RIGHT: "right";
+    readonly LEFT: "left";
+    readonly BOTTOM: "bottom";
+};
+export type TooltipPositions = (typeof TOOLTIP_POSITION)[keyof typeof TOOLTIP_POSITION];
+export declare const TOOLTIP_POSITION_CLASS_MAP: {
+    readonly top: "bottom-[anchor(top)] left-[anchor(50%)] -translate-x-1/2";
+    readonly right: "left-[calc(anchor(right)+0.25rem)] top-[anchor(50%)] -translate-y-1/2";
+    readonly left: "right-[calc(anchor(left)+0.25rem)] top-[anchor(50%)] -translate-y-1/2";
+    readonly bottom: "top-[anchor(bottom)] left-[anchor(50%)] -translate-x-1/2";
+};

package/dist/src/directives/tooltip.d.ts

@@ -0,0 +1,14 @@
+import type { DirectiveBinding } from 'vue';
+type TooltipValue = string | {
+    value: string;
+    disabled?: boolean;
+    overflow?: boolean;
+};
+type TooltipPositionModifiers = 'top' | 'right' | 'left' | 'bottom';
+type TooltipModifiers = TooltipPositionModifiers | 'overflow';
+declare function setupTooltip(el: HTMLElement, binding: DirectiveBinding<TooltipValue, TooltipModifiers>): void;
+export declare const Tooltip: {
+    beforeMount: typeof setupTooltip;
+    updated: typeof setupTooltip;
+};
+export {};

package/dist/src/index.d.ts

@@ -32,9 +32,12 @@ 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, FilterComponentProps, CellComponentProps } from './components/table/uiTable.types';
-import { OverflowTooltip } from './directives/overflowTooltip';
+import { Tooltip } from './directives/tooltip';
 import UILabelValueList from '@/components/labelValueList/UILabelValueList.vue';
 import UILabelValue from '@/components/labelValueList/UILabelValue.vue';
 import UIMenu from '@/components/menu/UIMenu.vue';
 import UITabButtons from '@/components/tabButton/UITabButtons.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, type FilterComponentProps, type CellComponentProps, OverflowTooltip, UILabelValueList, UILabelValue, UIMenu, UITabButtons, };
+import UISearchBar from './components/searchBar/UISearchBar.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, type FilterComponentProps, type CellComponentProps, Tooltip, 
+/** @deprecated overflow-tooltip and tooltip directives were merged into one */
+Tooltip as OverflowTooltip, UILabelValueList, UILabelValue, UIMenu, UITabButtons, UISearchBar, };

package/dist/src/utils/dom.d.ts

@@ -0,0 +1 @@
+export declare function isTruncated(el: unknown): boolean;

package/dist/src/utils/tooltip.d.ts

@@ -0,0 +1 @@
+export declare function displayTooltip(triggerEl: HTMLElement, tooltip: string, position?: string | null): void;