@voicenter-team/voicenter-ui-plus 3.0.13 → 3.1.1

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/VcRadioTabs/UiComponents/VcRadioTabsNav.vue.d.ts

@@ -1,4 +1,4 @@
-import { ConfigOptionType, ExtractValueType, NavigationPositionType, OptionValueType } from '../../../types';
+import { ConfigOptionType, ExtractValueType, NavigationPositionType, OptionMappedType, OptionValueType } from '../../../types';
 declare const _default: <Option extends OptionValueType, Config extends ConfigOptionType<Option>, Model extends ExtractValueType<Option, Config>>(__VLS_props: {
     options?: Option[] | undefined;
     activeTab: Model;
@@ -11,7 +11,12 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
     borderPosition?: "top" | "bottom" | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
-    slots: {};
+    slots: {
+        "tab-item"?(_: {
+            option: OptionMappedType<Option, Config>;
+            index: number;
+        }): any;
+    };
     emit: (e: 'tab-click', option: Option, index: number) => void;
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
@@ -27,7 +32,12 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
+    slots: {
+        "tab-item"?(_: {
+            option: OptionMappedType<Option, Config>;
+            index: number;
+        }): any;
+    };
     emit: (e: 'tab-click', option: Option, index: number) => void;
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -46,7 +56,12 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;
-        slots: {};
+        slots: {
+            "tab-item"?(_: {
+                option: OptionMappedType<Option, Config>;
+                index: number;
+            }): any;
+        };
         emit: (e: 'tab-click', option: Option, index: number) => void;
     } | undefined;
 };

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

@@ -30,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';
@@ -79,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, VcCheckboxButton, VcCheckboxButtonGroup, 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;
@@ -114,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voicenter-team/voicenter-ui-plus",
-  "version": "3.0.13",
+  "version": "3.1.1",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -54,10 +54,12 @@
       "default": "./library/theme/index.mjs"
     },
     "./style.css": "./library/style.css",
+    "./base.css": "./library/assets/assets/sass/main.css",
     "./src/theme/*": "./src/theme/*",
     "./src/theme/tailwindScheme": "./src/theme/tailwindScheme.js",
     "./src/theme/themes.json": "./src/theme/themes.json",
-    "./tailwind.config": "./tailwind.config.js"
+    "./tailwind.config": "./tailwind.config.js",
+    "./library/types/*": "./library/types/*.d.ts"
   },
   "files": [
     "library",
@@ -82,6 +84,7 @@
     "codemirror": "^6.0.1",
     "dayjs": "^1.11.19",
     "element-plus": "^2.11.3",
+    "highlight.js": "^11.6.0",
     "libphonenumber-js": "^1.10.13",
     "lodash-es": "^4.17.21",
     "maska": "^3.2.0",