@voicenter-team/voicenter-ui-plus 3.0.12 → 3.1.0

package/library/types/components/VcCheckbox/VcCheckbox.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: <Model extends OptionValueType>(__VLS_props: {
     name?: string | undefined;
     modelValue?: Model | undefined;
     readonly "onUpdate:modelValue"?: ((pl: Model) => any) | undefined;
+    value?: Model | undefined;
     dataTestName?: string | undefined;
     prefixIconColor?: string | undefined;
     prefixIcon?: import('../../types').TIcon | undefined;
@@ -37,6 +38,7 @@ declare const _default: <Model extends OptionValueType>(__VLS_props: {
         name?: string | undefined;
         modelValue?: Model | undefined;
         readonly "onUpdate:modelValue"?: ((pl: Model) => any) | undefined;
+        value?: Model | undefined;
         dataTestName?: string | undefined;
         prefixIconColor?: string | undefined;
         prefixIcon?: import('../../types').TIcon | undefined;
@@ -71,6 +73,7 @@ declare const _default: <Model extends OptionValueType>(__VLS_props: {
             name?: string | undefined;
             modelValue?: Model | undefined;
             readonly "onUpdate:modelValue"?: ((pl: Model) => any) | undefined;
+            value?: Model | undefined;
             dataTestName?: string | undefined;
             prefixIconColor?: string | undefined;
             prefixIcon?: import('../../types').TIcon | undefined;

package/library/types/components/VcCheckboxGroup/VcCheckboxGroup.vue.d.ts

@@ -11,9 +11,9 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
     valueKey?: IsObjectWithKeys<Option> | undefined;
     dataTestName?: string | undefined;
     checkboxes?: Option[] | undefined;
+    config?: Config | undefined;
     selectAllLabel?: string | undefined;
     visibleAll?: boolean | undefined;
-    config?: Config | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -37,9 +37,9 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
         valueKey?: IsObjectWithKeys<Option> | undefined;
         dataTestName?: string | undefined;
         checkboxes?: Option[] | undefined;
+        config?: Config | undefined;
         selectAllLabel?: string | undefined;
         visibleAll?: boolean | undefined;
-        config?: Config | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -67,9 +67,9 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
             valueKey?: IsObjectWithKeys<Option> | undefined;
             dataTestName?: string | undefined;
             checkboxes?: Option[] | undefined;
+            config?: Config | undefined;
             selectAllLabel?: string | undefined;
             visibleAll?: boolean | undefined;
-            config?: Config | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

package/library/types/components/VcCodeBlock/VcCodeBlock.vue.d.ts

@@ -0,0 +1,92 @@
+interface ICodeBlockProps {
+    /**
+     * @description Source code to display. Leading blank lines and trailing
+     * whitespace are stripped.
+     */
+    code?: string;
+    /**
+     * @description highlight.js language name or alias (e.g. 'ts', 'html',
+     * 'bash'). Case-insensitive. Unknown or empty values fall back to
+     * auto-detection.
+     */
+    language?: string;
+    /**
+     * @description Optional label rendered in a header bar above the code
+     * (commonly a file name). Without it the copy button and language label
+     * float over the code and appear on hover.
+     */
+    title?: string;
+    /**
+     * @description Show the resolved language label.
+     */
+    showLanguageLabel?: boolean;
+    /**
+     * @description Show the copy-to-clipboard button.
+     */
+    copyable?: boolean;
+    /**
+     * @description Render a line-number gutter. Disables soft wrapping to
+     * keep numbers aligned to lines.
+     */
+    lineNumbers?: boolean;
+    /**
+     * @description Soft-wrap long lines instead of horizontal scrolling.
+     * Ignored when `lineNumbers` is enabled.
+     */
+    wrap?: boolean;
+    /**
+     * @description Max height of the code area (number of px or any CSS
+     * size). Content beyond it scrolls vertically.
+     */
+    maxHeight?: string | number;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICodeBlockProps>, {
+    code: string;
+    language: string;
+    title: string;
+    showLanguageLabel: boolean;
+    copyable: boolean;
+    lineNumbers: boolean;
+    wrap: boolean;
+    maxHeight: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (code: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ICodeBlockProps>, {
+    code: string;
+    language: string;
+    title: string;
+    showLanguageLabel: boolean;
+    copyable: boolean;
+    lineNumbers: boolean;
+    wrap: boolean;
+    maxHeight: string;
+}>>> & Readonly<{
+    onCopy?: ((code: string) => any) | undefined;
+}>, {
+    code: string;
+    title: string;
+    maxHeight: string | number;
+    language: string;
+    showLanguageLabel: boolean;
+    copyable: boolean;
+    lineNumbers: boolean;
+    wrap: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/library/types/components/VcTable/VcTable.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
     readonly "onChange-select-all"?: ((pl: boolean) => any) | undefined;
     readonly "onClick-per-page-option"?: ((val: number) => any) | undefined;
     readonly "onUpdate:perPage"?: ((pl: Pagination) => any) | undefined;
-    columns?: ColumnType<Option> | undefined;
+    columns?: ColumnType | undefined;
     showSelection?: boolean | undefined;
     expandableRow?: boolean | undefined;
     rowSelectable?: boolean | undefined;
@@ -55,18 +55,18 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Partial<Record<string, (_: {
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
     }) => any>> & Partial<Record<`${string}-title`, (_: {
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
         title: string;
     }) => any>> & Partial<Record<`${string}-filter-option`, (_: {
         option: {
             value: string | number;
             label: string;
         };
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
     }) => any>> & Partial<Record<`${string}-extra`, (_: {
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
     }) => any>> & Partial<Record<string, (_: {
         row: Option & {
             selected?: boolean | undefined;
@@ -79,7 +79,7 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
         "checked-tooltip"?(_: {}): any;
         "actions-column-header"?(_: {}): any;
         "prepend-row"?(_: {
-            columns: ColumnType<Option>;
+            columns: ColumnType;
         }): any;
         "actions-column"?(_: {
             row: Option & {
@@ -148,7 +148,7 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
         readonly "onChange-select-all"?: ((pl: boolean) => any) | undefined;
         readonly "onClick-per-page-option"?: ((val: number) => any) | undefined;
         readonly "onUpdate:perPage"?: ((pl: Pagination) => any) | undefined;
-        columns?: ColumnType<Option> | undefined;
+        columns?: ColumnType | undefined;
         showSelection?: boolean | undefined;
         expandableRow?: boolean | undefined;
         rowSelectable?: boolean | undefined;
@@ -189,18 +189,18 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
     }): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
     }) => any>> & Partial<Record<`${string}-title`, (_: {
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
         title: string;
     }) => any>> & Partial<Record<`${string}-filter-option`, (_: {
         option: {
             value: string | number;
             label: string;
         };
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
     }) => any>> & Partial<Record<`${string}-extra`, (_: {
-        column: ColumnTypeItem<Option>;
+        column: ColumnTypeItem<Record<string, unknown>>;
     }) => any>> & Partial<Record<string, (_: {
         row: Option & {
             selected?: boolean | undefined;
@@ -213,7 +213,7 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
         "checked-tooltip"?(_: {}): any;
         "actions-column-header"?(_: {}): any;
         "prepend-row"?(_: {
-            columns: ColumnType<Option>;
+            columns: ColumnType;
         }): any;
         "actions-column"?(_: {
             row: Option & {
@@ -277,7 +277,7 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
             readonly "onChange-select-all"?: ((pl: boolean) => any) | undefined;
             readonly "onClick-per-page-option"?: ((val: number) => any) | undefined;
             readonly "onUpdate:perPage"?: ((pl: Pagination) => any) | undefined;
-            columns?: ColumnType<Option> | undefined;
+            columns?: ColumnType | undefined;
             showSelection?: boolean | undefined;
             expandableRow?: boolean | undefined;
             rowSelectable?: boolean | undefined;
@@ -318,18 +318,18 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
         }): void;
         attrs: any;
         slots: Partial<Record<string, (_: {
-            column: ColumnTypeItem<Option>;
+            column: ColumnTypeItem<Record<string, unknown>>;
         }) => any>> & Partial<Record<`${string}-title`, (_: {
-            column: ColumnTypeItem<Option>;
+            column: ColumnTypeItem<Record<string, unknown>>;
             title: string;
         }) => any>> & Partial<Record<`${string}-filter-option`, (_: {
             option: {
                 value: string | number;
                 label: string;
             };
-            column: ColumnTypeItem<Option>;
+            column: ColumnTypeItem<Record<string, unknown>>;
         }) => any>> & Partial<Record<`${string}-extra`, (_: {
-            column: ColumnTypeItem<Option>;
+            column: ColumnTypeItem<Record<string, unknown>>;
         }) => any>> & Partial<Record<string, (_: {
             row: Option & {
                 selected?: boolean | undefined;
@@ -342,7 +342,7 @@ declare const _default: <Option extends object = Record<string, unknown>>(__VLS_
             "checked-tooltip"?(_: {}): any;
             "actions-column-header"?(_: {}): any;
             "prepend-row"?(_: {
-                columns: ColumnType<Option>;
+                columns: ColumnType;
             }): any;
             "actions-column"?(_: {
                 row: Option & {

package/library/types/components/exports.d.ts

@@ -11,6 +11,8 @@ import VcSelectOption from './VcSelect/VcSelectOption.vue';
 import VcInfiniteScrollSelect from './VcSelect/VcInfiniteScrollSelect.vue';
 import VcAutocomplete from './VcAutocomplete/VcAutocomplete.vue';
 import VcCheckbox from './VcCheckbox/VcCheckbox.vue';
+import VcCheckboxButton from './VcCheckbox/VcCheckboxButton.vue';
+import VcCheckboxButtonGroup from './VcCheckbox/VcCheckboxButtonGroup.vue';
 import VcCheckboxGroup from './VcCheckboxGroup/VcCheckboxGroup.vue';
 import VcRadio from './VcRadio/VcRadio.vue';
 import VcRadioGroup from './VcRadioGroup/VcRadioGroup.vue';
@@ -28,6 +30,7 @@ import VcTagInput from './VcTagInput/VcTagInput.vue';
 import VcOtpInput from './VcOtpInput/VcOtpInput.vue';
 import VcFileUploader from './VcFileUploader/VcFileUploader.vue';
 import VcCard from './VcCard/VcCard.vue';
+import VcCodeBlock from './VcCodeBlock/VcCodeBlock.vue';
 import VcModal from './VcModal/VcModal.vue';
 import VcConfirmModal from './VcModal/VcConfirmModal.vue';
 import VcPopover from './VcPopover/VcPopover.vue';
@@ -77,7 +80,7 @@ import VcExcelFileUploader from './VcExcelUploader/VcExcelFileUploader.vue';
 import VcImageUploader from './VcImageUploader/VcImageUploader.vue';
 import VcTour from './VcTour/VcTour.vue';
 import VcSipFlow from './VcSipFlow/VcSipFlow.vue';
-export { VcButton, VcButtonIcon, VcToggleButton, VcInput, VcInputNumber, VcInputError, VcInputLabel, VcSelect, VcSelectGrouped, VcSelectOption, VcInfiniteScrollSelect, VcAutocomplete, VcCheckbox, VcCheckboxGroup, VcRadio, VcRadioGroup, VcRadioButtonsGroup, VcSwitch, VcSlider, VcColorPicker, VcDatePicker, VcDatePickerPanel, VcDatetimeRangePicker, VcExtendedDatetimeRangePicker, VcTimeInput, VcPhoneInput, VcTagInput, VcOtpInput, VcFileUploader, VcCard, VcModal, VcConfirmModal, VcPopover, VcConfirmPopover, VcSelectPopover, VcTabs, VcTabNav, VcTabPane, VcVerticalTabs, VcRadioTabs, VcRadioTabsNav, VcCollapse, VcCollapseItem, VcWizard, VcDropdown, VcDropdownItem, VcTable, VcPagination, VcTree, VcTreeSelect, VcTransfer, VcTag, VcDelimitedList, VcSparkline, VcViewSwitcher, VcSegmented, VcLoading, VcProgress, VcProgressCircular, VcSkeletonLoader, VcNotification, VcForm, VcFormItem, VcSplitButton, VcHyperLink, VcIcon, VcIconPicker, VcMeterGroup, VcMeterGroupLabel, VcMdEditor, VcSystemUserPrompt, VcSoundPlayer, VcJsonSchema, VcHtmlEditor, VcPdfDocument, VcExcelFileUploader, VcImageUploader, VcTour, VcSipFlow, };
+export { VcButton, VcButtonIcon, VcToggleButton, VcInput, VcInputNumber, VcInputError, VcInputLabel, VcSelect, VcSelectGrouped, VcSelectOption, VcInfiniteScrollSelect, VcAutocomplete, VcCheckbox, VcCheckboxGroup, VcCheckboxButton, VcCheckboxButtonGroup, VcRadio, VcRadioGroup, VcRadioButtonsGroup, VcSwitch, VcSlider, VcColorPicker, VcDatePicker, VcDatePickerPanel, VcDatetimeRangePicker, VcExtendedDatetimeRangePicker, VcTimeInput, VcPhoneInput, VcTagInput, VcOtpInput, VcFileUploader, VcCard, VcCodeBlock, VcModal, VcConfirmModal, VcPopover, VcConfirmPopover, VcSelectPopover, VcTabs, VcTabNav, VcTabPane, VcVerticalTabs, VcRadioTabs, VcRadioTabsNav, VcCollapse, VcCollapseItem, VcWizard, VcDropdown, VcDropdownItem, VcTable, VcPagination, VcTree, VcTreeSelect, VcTransfer, VcTag, VcDelimitedList, VcSparkline, VcViewSwitcher, VcSegmented, VcLoading, VcProgress, VcProgressCircular, VcSkeletonLoader, VcNotification, VcForm, VcFormItem, VcSplitButton, VcHyperLink, VcIcon, VcIconPicker, VcMeterGroup, VcMeterGroupLabel, VcMdEditor, VcSystemUserPrompt, VcSoundPlayer, VcJsonSchema, VcHtmlEditor, VcPdfDocument, VcExcelFileUploader, VcImageUploader, VcTour, VcSipFlow, };
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
         VcButton: typeof VcButton;
@@ -94,6 +97,8 @@ declare module '@vue/runtime-core' {
         VcAutocomplete: typeof VcAutocomplete;
         VcCheckbox: typeof VcCheckbox;
         VcCheckboxGroup: typeof VcCheckboxGroup;
+        VcCheckboxButton: typeof VcCheckboxButton;
+        VcCheckboxButtonGroup: typeof VcCheckboxButtonGroup;
         VcRadio: typeof VcRadio;
         VcRadioGroup: typeof VcRadioGroup;
         VcRadioButtonsGroup: typeof VcRadioButtonsGroup;
@@ -110,6 +115,7 @@ declare module '@vue/runtime-core' {
         VcOtpInput: typeof VcOtpInput;
         VcFileUploader: typeof VcFileUploader;
         VcCard: typeof VcCard;
+        VcCodeBlock: typeof VcCodeBlock;
         VcModal: typeof VcModal;
         VcConfirmModal: typeof VcConfirmModal;
         VcPopover: typeof VcPopover;

package/library/types/directives/click-outside.d.ts

@@ -1,2 +1,9 @@
 import { ClickOutside } from 'element-plus';
+/**
+ * Detect clicks outside an element. Re-exported from Element Plus.
+ *
+ * @directive v-click-outside
+ * @usage <div v-click-outside="handleClickOutside">...</div>
+ * @option handler - Function to call when clicking outside
+ */
 export default ClickOutside;

package/library/types/directives/input-mask.d.ts

@@ -1,2 +1,10 @@
 import { vMaska } from 'maska/vue';
+/**
+ * Input masking directive using Maska library. Supports phone numbers, dates, credit cards, etc.
+ *
+ * @directive v-input-mask
+ * @usage <input v-input-mask data-maska="#-###-###-####" />
+ * @option data-maska - Mask pattern (# = digit, @ = letter, * = any)
+ * @option data-maska-tokens - Custom token definitions
+ */
 export default vMaska;

package/library/types/directives/long-press.d.ts

@@ -2,6 +2,14 @@ interface ValueObjType {
     repeat?: boolean;
     functionToCall: () => unknown;
 }
+/**
+ * Detect long press (300ms) on an element. Supports repeat mode for continuous triggers.
+ *
+ * @directive v-long-press
+ * @usage <button v-long-press="{ functionToCall: handler, repeat: true }">Hold me</button>
+ * @option functionToCall - Function to execute on long press
+ * @option repeat - Boolean - if true, continues calling every 100ms while held
+ */
 export declare const longPress: {
     beforeMount(el: HTMLElement, { value }: {
         value: ValueObjType;

package/library/types/directives/resize.d.ts

@@ -1,4 +1,14 @@
 import { DirectiveBinding, RendererNode } from 'vue';
+/**
+ * Observe element resize using ResizeObserver. Supports debounce/throttle modes.
+ *
+ * @directive v-resize
+ * @usage <div v-resize:debounce="{ event: handleResize, delay: 200 }">...</div>
+ * @option :debounce - Use debounced resize (default)
+ * @option :throttle - Use throttled resize
+ * @option event - Handler function receiving { detail: { width, height } }
+ * @option delay - Debounce/throttle delay in ms (default: 100)
+ */
 export declare const resize: {
     mounted(el: HTMLElement, binding: DirectiveBinding, vNode: RendererNode): void;
     beforeUnmount(el: HTMLElement): void;

package/library/types/index.d.ts

@@ -28,6 +28,7 @@ export { default as VcTagInput } from './components/VcTagInput/VcTagInput.vue';
 export { default as VcOtpInput } from './components/VcOtpInput/VcOtpInput.vue';
 export { default as VcFileUploader } from './components/VcFileUploader/VcFileUploader.vue';
 export { default as VcCard } from './components/VcCard/VcCard.vue';
+export { default as VcCodeBlock } from './components/VcCodeBlock/VcCodeBlock.vue';
 export { default as VcModal } from './components/VcModal/VcModal.vue';
 export { default as VcConfirmModal } from './components/VcModal/VcConfirmModal.vue';
 export { default as VcPopover } from './components/VcPopover/VcPopover.vue';

package/library/types/types/Entity.basic.types.d.ts

@@ -14,6 +14,10 @@ export type IBaseSlots = {
     'pre-column-actions'?: () => void;
     'post-column-actions'?: () => void;
     'column-actions'?: () => void;
+    'empty-data-slot'?: (slotData: {
+        entity: BaseEntityServiceImplements;
+        recycleBin?: boolean;
+    }) => void;
 };
 export type TEntityListSlots<Data> = IBaseSlots & {
     [key: string]: ((slotData: {

package/library/types/utils/element-plus-imports.d.ts

@@ -4,7 +4,7 @@ export { ElInput, ElInputNumber, ElAutocomplete } from 'element-plus';
 export type { AutocompleteFetchSuggestions } from 'element-plus';
 export { ElSelect, ElOption, ElOptionGroup } from 'element-plus';
 export { ElRadio, ElRadioGroup, ElRadioButton } from 'element-plus';
-export { ElCheckbox, ElCheckboxGroup } from 'element-plus';
+export { ElCheckbox, ElCheckboxGroup, ElCheckboxButton } from 'element-plus';
 export { ElDatePicker } from 'element-plus';
 export { ElColorPicker } from 'element-plus';
 export { ElSlider } from 'element-plus';

package/library/utils/lucideIcon.mjs

@@ -20,7 +20,10 @@ function cacheLucideIcon(kebabName, component) {
 }
 async function importLucideIconModule(kebabName) {
   try {
-    const module = await import(`@lucide/vue/dist/esm/icons/${kebabName}.mjs`);
+    const module = await import(
+      /* @vite-ignore */
+      `@lucide/vue/dist/esm/icons/${kebabName}.mjs`
+    );
     const component = module.default;
     return isVueComponent(component) ? component : null;
   } catch {