@vc-shell/framework 1.0.265 → 1.0.267

package/dist/ui/components/organisms/vc-table/vc-table.stories.d.ts

@@ -101,6 +101,7 @@ export declare const Loading: StoryFn<(<T extends string | import("./vc-table.vu
         show: boolean;
         title: string;
     } | undefined;
+    paginationVariant?: "default" | "minimal" | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -209,6 +210,7 @@ export declare const Loading: StoryFn<(<T extends string | import("./vc-table.vu
             show: boolean;
             title: string;
         } | undefined;
+        paginationVariant?: "default" | "minimal" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -321,6 +323,7 @@ export declare const Loading: StoryFn<(<T extends string | import("./vc-table.vu
                 show: boolean;
                 title: string;
             } | undefined;
+            paginationVariant?: "default" | "minimal" | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
@@ -431,6 +434,7 @@ export declare const WithoutHeader: StoryFn<(<T extends string | import("./vc-ta
         show: boolean;
         title: string;
     } | undefined;
+    paginationVariant?: "default" | "minimal" | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -539,6 +543,7 @@ export declare const WithoutHeader: StoryFn<(<T extends string | import("./vc-ta
             show: boolean;
             title: string;
         } | undefined;
+        paginationVariant?: "default" | "minimal" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -651,6 +656,7 @@ export declare const WithoutHeader: StoryFn<(<T extends string | import("./vc-ta
                 show: boolean;
                 title: string;
             } | undefined;
+            paginationVariant?: "default" | "minimal" | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
@@ -761,6 +767,7 @@ export declare const WithoutFooter: StoryFn<(<T extends string | import("./vc-ta
         show: boolean;
         title: string;
     } | undefined;
+    paginationVariant?: "default" | "minimal" | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -869,6 +876,7 @@ export declare const WithoutFooter: StoryFn<(<T extends string | import("./vc-ta
             show: boolean;
             title: string;
         } | undefined;
+        paginationVariant?: "default" | "minimal" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -981,6 +989,7 @@ export declare const WithoutFooter: StoryFn<(<T extends string | import("./vc-ta
                 show: boolean;
                 title: string;
             } | undefined;
+            paginationVariant?: "default" | "minimal" | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
@@ -1091,6 +1100,7 @@ export declare const DisabledColumnsResizing: StoryFn<(<T extends string | impor
         show: boolean;
         title: string;
     } | undefined;
+    paginationVariant?: "default" | "minimal" | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -1199,6 +1209,7 @@ export declare const DisabledColumnsResizing: StoryFn<(<T extends string | impor
             show: boolean;
             title: string;
         } | undefined;
+        paginationVariant?: "default" | "minimal" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -1311,6 +1322,7 @@ export declare const DisabledColumnsResizing: StoryFn<(<T extends string | impor
                 show: boolean;
                 title: string;
             } | undefined;
+            paginationVariant?: "default" | "minimal" | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
@@ -1421,6 +1433,7 @@ export declare const DisabledColumnsReordering: StoryFn<(<T extends string | imp
         show: boolean;
         title: string;
     } | undefined;
+    paginationVariant?: "default" | "minimal" | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -1529,6 +1542,7 @@ export declare const DisabledColumnsReordering: StoryFn<(<T extends string | imp
             show: boolean;
             title: string;
         } | undefined;
+        paginationVariant?: "default" | "minimal" | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -1641,6 +1655,7 @@ export declare const DisabledColumnsReordering: StoryFn<(<T extends string | imp
                 show: boolean;
                 title: string;
             } | undefined;
+            paginationVariant?: "default" | "minimal" | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;

package/dist/ui/components/organisms/vc-table/vc-table.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.stories.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-table.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.stories.ts"],"names":[],"mappings":"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"}

package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts

@@ -1,7 +1,9 @@
 import { MaybeRef, Ref } from "vue";
+import { VcPagination } from "./../../";
 import { IActionBuilderResult, ITableColumns } from "./../../../../core/types";
 import "core-js/actual/array/to-spliced";
 import "core-js/actual/array/to-sorted";
+import type { ComponentProps } from "vue-component-type-helpers";
 export interface StatusImage {
     image?: string;
     text: string | Ref<string>;
@@ -68,6 +70,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         show: boolean;
         title: string;
     } | undefined;
+    paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -176,6 +179,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             show: boolean;
             title: string;
         } | undefined;
+        paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -288,6 +292,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
                 show: boolean;
                 title: string;
             } | undefined;
+            paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,QAAQ,EACR,GAAG,EAWJ,MAAM,KAAK,CAAC;AAEb,OAAO,EAAsD,YAAY,EAAW,MAAM,UAAU,CAAC;AACrG,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAO/E,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;;;;;;;aAgqEY,aAAa,EAAE;;;;;;mBAnlES,MAAM;mBAAa,MAAM;;;;;eAE5B;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;eAAS,MAAM;;;;aAE9D,MAAM,GAAG,SAAS;eAAS,MAAM;;sCAilExB,oBAAoB,EAAE,GAAG,SAAS;;;;;;;;;;;;;;;;cAqBzD,MAAM;;;;;cAKR,OAAO;eACN,MAAM;;wBAEK,eAAe,mBAAmB,CAAC,CAAC,SAAS,CAAC;;WAQ/D,GAAG;;2CA1rE2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBA4DQ,MAAM;mBAAa,MAAM;;;eAE5B;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;eAAS,MAAM;;aAE9D,MAAM,GAAG,SAAS;eAAS,MAAM;;yCAqnE7C,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;iBAtC5C,aAAa,EAAE;;;;;;uBAnlES,MAAM;uBAAa,MAAM;;;;;mBAE5B;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE;mBAAS,MAAM;;;;iBAE9D,MAAM,GAAG,SAAS;mBAAS,MAAM;;0CAilExB,oBAAoB,EAAE,GAAG,SAAS;;;;;;;;;;;;;;;;kBAqBzD,MAAM;;;;;kBAKR,OAAO;mBACN,MAAM;;4BAEK,eAAe,mBAAmB,CAAC,CAAC,SAAS,CAAC;;oBAOtD,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2CA1rE2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBA4DQ,MAAM;mBAAa,MAAM;;;eAE5B;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;eAAS,MAAM;;aAE9D,MAAM,GAAG,SAAS;eAAS,MAAM;;;;;;;;;;;;;;;qBA+kEhD,aAAa,EAAE;;;;;;2BAnlES,MAAM;2BAAa,MAAM;;;;;uBAE5B;oBAAE,KAAK,EAAE,MAAM,CAAC;oBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;iBAAE;uBAAS,MAAM;;;;qBAE9D,MAAM,GAAG,SAAS;uBAAS,MAAM;;8CAilExB,oBAAoB,EAAE,GAAG,SAAS;;;;;;;;;;;;;;;;sBAqBzD,MAAM;;;;;sBAKR,OAAO;uBACN,MAAM;;gCAEK,eAAe,mBAAmB,CAAC,CAAC,SAAS,CAAC;;wBAOtD,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+CA1rE2B,GAAG,KAAK,GAAG;;;sBACG,aAAa;uBAAS,MAAM;kBAAO,GAAG;4BAJvE,GAAG,KAAK,GAAG;4BACX;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;+CAJQ,GAAG,KAAK,GAAG;;;sBACG,aAAa;uBAAS,MAAM;kBAAO,GAAG;4BAJvE,GAAG,KAAK,GAAG;4BACX;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;;uBA4DQ,MAAM;uBAAa,MAAM;;;mBAE5B;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE;mBAAS,MAAM;;iBAE9D,MAAM,GAAG,SAAS;mBAAS,MAAM;;;;AA9E7D,wBAysE2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.265",
+  "version": "1.0.267",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -61,9 +61,9 @@
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
     "@types/quill": "^2.0.14",
-    "@vc-shell/api-client-generator": "^1.0.265",
-    "@vc-shell/config-generator": "^1.0.265",
-    "@vc-shell/ts-config": "^1.0.265",
+    "@vc-shell/api-client-generator": "^1.0.267",
+    "@vc-shell/config-generator": "^1.0.267",
+    "@vc-shell/ts-config": "^1.0.267",
     "@vitejs/plugin-vue": "^5.0.3",
     "cypress-signalr-mock": "^1.5.0",
     "sass": "^1.69.6",

package/shared/modules/dynamic/pages/dynamic-blade-list.vue

@@ -60,6 +60,7 @@
         :reorderable-rows="isWidgetView ? false : tableData?.reorderableRows"
         :pull-to-reload="!isWidgetView"
         :select-all="tableData?.selectAll"
+        :pagination-variant="tableData?.paginationVariant"
         @item-click="onItemClick"
         @pagination-click="onPaginationClick"
         @selection-changed="onSelectionChanged"

package/shared/modules/dynamic/types/index.ts

@@ -10,6 +10,7 @@ import {
   VcRating,
   VcStatus,
   VcVideo,
+  VcPagination,
 } from "./../../../../ui/components";
 import { ITableColumns, IValidationRules, MenuItemConfig } from "../../../../core/types";
 import type { ComponentProps } from "./../../../utilities/vueUtils";
@@ -182,6 +183,7 @@ export interface ListContentSchema {
     };
   })[];
   reorderableRows?: boolean;
+  paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
   // TODO Add to documentation
   selectAll?: boolean;
   // TODO Add to documentation

package/ui/components/molecules/vc-input/vc-input.vue

@@ -38,7 +38,13 @@
           ></slot>
         </div>
         <div class="tw-flex tw-flex-col tw-flex-nowrap tw-flex-auto tw-relative">
-          <div class="vc-input__field-wrapper">
+          <div
+            class="vc-input__field-wrapper"
+            :class="{
+              'tw-h-[var(--input-height)]': size === 'default',
+              'tw-h-[var(--input-height-small)]': size === 'small',
+            }"
+          >
             <div class="tw-flex tw-flex-nowrap tw-flex-auto tw-h-full">
               <div
                 v-if="$slots['prepend-inner']"
@@ -321,6 +327,7 @@ export interface Props {
    * @see https://vue3datepicker.com/
    */
   datePickerOptions?: VueDatePickerProps;
+  size?: "default" | "small";
 }
 
 export interface Emits {
@@ -336,6 +343,7 @@ const props = withDefaults(defineProps<Props>(), {
   name: "Field",
   maxlength: "1024",
   step: "1",
+  size: "default",
 });
 
 const emit = defineEmits<Emits>();
@@ -540,6 +548,7 @@ function focus() {
 <style lang="scss">
 :root {
   --input-height: 38px;
+  --input-height-small: 30px;
   --input-border-radius: 3px;
   --input-border-color: #d3dbe9;
   --input-border-color-error: #f14e4e;
@@ -564,7 +573,7 @@ function focus() {
   }
 
   &__field-wrapper {
-    @apply tw-px-3 tw-relative tw-flex tw-flex-nowrap tw-w-full tw-outline-none tw-h-[var(--input-height)] tw-min-w-0 tw-box-border tw-grow tw-border tw-border-solid tw-border-[color:var(--input-border-color)] tw-rounded-[var(--input-border-radius)] tw-bg-[color:var(--input-background-color)];
+    @apply tw-px-3 tw-relative tw-flex tw-flex-nowrap tw-w-full tw-outline-none  tw-min-w-0 tw-box-border tw-grow tw-border tw-border-solid tw-border-[color:var(--input-border-color)] tw-rounded-[var(--input-border-radius)] tw-bg-[color:var(--input-background-color)];
   }
 
   &_error &__field-wrapper {

package/ui/components/molecules/vc-pagination/vc-pagination.stories.ts

@@ -20,5 +20,5 @@ export const Template: StoryFn<typeof VcPagination> = (args) => ({
 
 export const Expanded = Template.bind({});
 Expanded.args = {
-  expanded: true,
+  // expanded: true,
 };

package/ui/components/molecules/vc-pagination/vc-pagination.vue

@@ -1,127 +1,154 @@
 <template>
-  <div class="vc-pagination tw-flex">
-    <!-- To first page chevron -->
-    <div
-      class="vc-pagination__item"
-      :class="{
-        'vc-pagination__item_disabled': currentPage === 1,
-      }"
-      @click="currentPage !== 1 && $emit('itemClick', 1)"
-    >
-      <VcIcon
-        size="xs"
-        icon="fas fa-angle-double-left"
-      ></VcIcon>
-    </div>
-
-    <!-- To previous page arrow -->
-    <div
-      class="vc-pagination__item"
-      :class="{
-        'vc-pagination__item_disabled': currentPage === 1,
-      }"
-      @click="currentPage !== 1 && $emit('itemClick', currentPage - 1)"
-    >
-      <VcIcon
-        size="xs"
-        icon="fas fa-arrow-left"
-      ></VcIcon>
-    </div>
-
-    <template v-if="expanded && $isDesktop.value">
-      <!-- To preprevious page with number -->
+  <div class="vc-pagination">
+    <!-- Pagination Controls -->
+    <div class="vc-pagination__controls">
       <div
-        v-if="currentPage > 2"
         class="vc-pagination__item"
-        @click="$emit('itemClick', currentPage - 2)"
+        :class="{ 'vc-pagination__item_disabled': currentPage === 1 }"
+        @click="currentPage !== 1 && setPage(currentPage - 1)"
       >
-        {{ currentPage - 2 }}
+        <VcIcon
+          size="xs"
+          icon="fas fa-arrow-left"
+        ></VcIcon>
       </div>
 
-      <!-- To previous page with number -->
       <div
-        v-if="currentPage > 1"
+        v-for="page in pagesToShow"
+        :key="page"
         class="vc-pagination__item"
-        @click="$emit('itemClick', currentPage - 1)"
+        :class="{
+          'vc-pagination__item_current': page === currentPage,
+          'vc-pagination__item_hover': page !== '...' && page !== currentPage,
+        }"
+        @click="setPage(page)"
       >
-        {{ currentPage - 1 }}
+        {{ page }}
       </div>
-    </template>
-
-    <!-- Current page -->
-    <div class="vc-pagination__item vc-pagination__item_current">
-      {{ currentPage }}
-    </div>
 
-    <template v-if="expanded && $isDesktop.value">
-      <!-- To next page with number -->
       <div
-        v-if="currentPage < pages"
         class="vc-pagination__item"
-        @click="$emit('itemClick', currentPage + 1)"
+        :class="{ 'vc-pagination__item_disabled': currentPage === pages }"
+        @click="currentPage !== pages && setPage(currentPage + 1)"
       >
-        {{ currentPage + 1 }}
+        <VcIcon
+          size="xs"
+          icon="fas fa-arrow-right"
+        ></VcIcon>
       </div>
 
-      <!-- To postnext page with number -->
+      <!-- Jump to page input -->
       <div
-        v-if="currentPage < pages - 1"
-        class="vc-pagination__item"
-        @click="$emit('itemClick', currentPage + 2)"
+        v-if="variant === 'default' && pages > 5"
+        class="vc-pagination__jump"
       >
-        {{ currentPage + 2 }}
+        <p class="tw-mr-3">{{ $t("COMPONENTS.MOLECULES.VC_PAGINATION.JUMP") }}</p>
+
+        <VcInput
+          type="number"
+          size="small"
+          :model-value="jumpPage"
+          @update:model-value="handleInputChange"
+        >
+          <template #control="{ modelValue }">
+            <input
+              :value="modelValue"
+              class="tw-w-full"
+              :max="props.pages"
+              @input="(event) => handleInputChange((event.target as HTMLInputElement)?.value)"
+              @keyup.enter="setPage(jumpPage)"
+              @keydown="onKeyDown"
+            />
+          </template>
+        </VcInput>
       </div>
-    </template>
-
-    <!-- To next page arrow -->
-    <div
-      class="vc-pagination__item"
-      :class="{
-        'vc-pagination__item_disabled': currentPage === pages,
-      }"
-      @click="currentPage !== pages && $emit('itemClick', currentPage + 1)"
-    >
-      <VcIcon
-        size="xs"
-        icon="fas fa-arrow-right"
-      ></VcIcon>
-    </div>
-
-    <!-- To last page chevron -->
-    <div
-      class="vc-pagination__item"
-      :class="{
-        'vc-pagination__item_disabled': currentPage === pages,
-      }"
-      @click="currentPage !== pages && $emit('itemClick', pages)"
-    >
-      <VcIcon
-        size="xs"
-        icon="fas fa-angle-double-right"
-      ></VcIcon>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { VcIcon } from "./../../";
+import { ref, computed } from "vue";
+import { VcIcon, VcInput } from "./../../";
 
 export interface Props {
   expanded?: boolean;
   pages?: number;
   currentPage?: number;
+  variant?: "default" | "minimal";
 }
 
 export interface Emits {
   (event: "itemClick", pages: number): void;
 }
 
-withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props>(), {
   pages: 1,
   currentPage: 1,
+  variant: "default",
 });
 
-defineEmits<Emits>();
+const emit = defineEmits<Emits>();
+
+const currentPage = ref(props.currentPage);
+const jumpPage = ref();
+
+const setPage = (page: number | string) => {
+  if (typeof page === "undefined" || (typeof page === "number" && isNaN(page))) return;
+  const pageNumber = typeof page === "string" ? parseInt(page) : page;
+  if (pageNumber < 1 || pageNumber > props.pages || page === "...") return;
+  currentPage.value = pageNumber;
+  emit("itemClick", pageNumber);
+};
+
+const handleInputChange = (value: unknown) => {
+  const numberValue: number = typeof value === "string" ? parseInt(value) : Number(value);
+  let parsedValue = numberValue;
+
+  if (parsedValue > props.pages) {
+    parsedValue = props.pages;
+  } else if (parsedValue < 1) {
+    parsedValue = 1;
+  }
+
+  jumpPage.value = parsedValue;
+};
+
+function onKeyDown(e: KeyboardEvent) {
+  const allowedKeys = ["Backspace", "Delete", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+  if (
+    (!/^\d$/.test(e.key) && !allowedKeys.includes(e.key)) ||
+    (jumpPage.value >= props.pages && e.key !== "Backspace" && e.key !== "Delete")
+  ) {
+    e.preventDefault();
+  }
+}
+
+const pagesToShow = computed(() => {
+  const pages = [];
+  const range = 2;
+
+  if (props.pages <= 5) {
+    for (let i = 1; i <= props.pages; i++) {
+      pages.push(i);
+    }
+  } else {
+    if (currentPage.value >= 1) pages.push(1);
+    if (currentPage.value > 3) pages.push("...");
+
+    for (
+      let i = Math.max(2, currentPage.value - range);
+      i <= Math.min(props.pages - 1, currentPage.value + range);
+      i++
+    ) {
+      pages.push(i);
+    }
+
+    if (currentPage.value < props.pages - 2) pages.push("...");
+    if (currentPage.value <= props.pages) pages.push(props.pages);
+  }
+
+  return pages;
+});
 </script>
 
 <style lang="scss">
@@ -144,6 +171,23 @@ defineEmits<Emits>();
 }
 
 .vc-pagination {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+
+  &__results {
+    margin-right: 20px;
+  }
+
+  &__page-size {
+    margin-right: 20px;
+  }
+
+  &__controls {
+    display: flex;
+    align-items: center;
+  }
+
   &__item {
     @apply tw-flex tw-items-center tw-justify-center tw-w-[var(--pagination-item-width)]
     tw-h-[var(--pagination-item-height)]
@@ -151,13 +195,9 @@ defineEmits<Emits>();
     tw-border tw-border-solid tw-border-[color:var(--pagination-item-border-color)]
     tw-rounded-[var(--pagination-item-border-radius)]
     tw-text-[color:var(--pagination-item-color)]
-    tw-box-border tw-cursor-pointer
+    tw-box-border
     tw-transition  tw-duration-200
-    tw-mr-3 tw-select-none last:tw-mr-0
-    hover:tw-bg-[color:var(--pagination-item-background-color-hover)]
-    hover:tw-text-[color:var(--pagination-item-color-hover)]
-    hover:tw-border hover:tw-border-solid
-    hover:tw-border-[color:var(--pagination-item-border-color-hover)];
+    tw-mr-3 tw-select-none last:tw-mr-0;
 
     &_current,
     &_current:hover {
@@ -174,6 +214,23 @@ defineEmits<Emits>();
       tw-border tw-border-solid tw-border-[color:var(--pagination-item-border-color-disabled)]
       tw-cursor-auto;
     }
+
+    &_hover {
+      @apply hover:tw-bg-[color:var(--pagination-item-background-color-hover)]
+    hover:tw-text-[color:var(--pagination-item-color-hover)]
+    hover:tw-border hover:tw-border-solid
+    hover:tw-border-[color:var(--pagination-item-border-color-hover)] tw-cursor-pointer;
+    }
+  }
+
+  &__jump {
+    display: flex;
+    align-items: center;
+  }
+
+  &__jump input {
+    width: 50px;
+    text-align: center;
   }
 }
 </style>

package/ui/components/molecules/vc-select/vc-select.vue

@@ -63,7 +63,11 @@
                       </div>
                       <div
                         data-test-id="dropdown-toggle"
-                        class="tw-appearance-none tw-border-none tw-outline-none tw-min-h-[var(--select-height)] tw-flex tw-items-center tw-w-full tw-box-border tw-cursor-pointer invalid:tw-text-[color:var(--select-placeholder-color)] tw-truncate"
+                        class="tw-appearance-none tw-border-none tw-outline-none tw-flex tw-items-center tw-w-full tw-box-border tw-cursor-pointer invalid:tw-text-[color:var(--select-placeholder-color)] tw-truncate"
+                        :class="{
+                          'tw-min-h-[var(--select-height)]': size === 'default',
+                          'tw-min-h-[var(--select-height-small)]': size === 'small',
+                        }"
                         @click.stop="toggleDropdown"
                       >
                         <div
@@ -483,6 +487,7 @@ const props = withDefaults(
     searchable?: boolean;
     multilanguage?: boolean;
     currentLanguage?: string;
+    size?: "default" | "small";
   }>(),
   {
     optionValue: "id",
@@ -492,6 +497,7 @@ const props = withDefaults(
     name: "Field",
     emitValue: true,
     mapOptions: true,
+    size: "default",
     options: (): T[] => [],
   },
 );
@@ -940,6 +946,7 @@ function onReset() {
 <style lang="scss">
 :root {
   --select-height: 38px;
+  --select-height-small: 28px;
   --select-border-radius: 3px;
   --select-border-color: #d3dbe9;
   --select-border-color-error: #f14e4e;

package/ui/components/organisms/vc-table/vc-table.vue

@@ -495,6 +495,7 @@
           :expanded="expanded"
           :pages="pages"
           :current-page="currentPage"
+          :variant="paginationVariant"
           @item-click="$emit('paginationClick', $event)"
         ></VcPagination>
 
@@ -537,6 +538,7 @@ import "core-js/actual/array/to-spliced";
 import "core-js/actual/array/to-sorted";
 import VcTableAddNew from "./_internal/vc-table-add-new/vc-table-add-new.vue";
 import VcTableEmpty from "./_internal/vc-table-empty/vc-table-empty.vue";
+import type { ComponentProps } from "vue-component-type-helpers";
 
 export interface StatusImage {
   image?: string;
@@ -594,6 +596,7 @@ const props = withDefaults(
       show: boolean;
       title: string;
     };
+    paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
   }>(),
   {
     items: () => [],
@@ -606,6 +609,7 @@ const props = withDefaults(
     activeFilterCount: 0,
     resizableColumns: true,
     reorderableColumns: true,
+    paginationVariant: "default",
   },
 );