@vc-shell/framework 1.0.231 → 1.0.233

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":"AAGA,OAAO,EACL,QAAQ,EACR,GAAG,EAWJ,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAO/E,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AAIxC,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;;;;;;;WAg8DU,CAAC,EAAE;;;aADD,aAAa,EAAE;;;;;;mBAp3DS,MAAM;mBAAa,MAAM;eAAS,CAAC,EAAE;;;;eAExC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;eAAS,MAAM;;;;aAE9D,MAAM,GAAG,SAAS;eAAS,MAAM;;gCAk3D9B,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;;;;;;;;;;;;;;;;cAqBzD,MAAM;;;;;cAKR,OAAO;eACN,MAAM;;;WASZ,GAAG;;2CAx9D2B,GAAG,KAAK,GAAG;wCACd;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,GAAG;gBAJ/E,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;iBAClB,CAAC,IAAI,EAAE;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;uBACnC,CAAC,IAAI,EAAE;YAAE,IAAI,EAAE,CAAC,CAAA;SAAE,KAAK,GAAG;kBAG/B,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;eACtB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;gBAClB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;wCACd;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,GAAG;gBAJ/E,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;iBAClB,CAAC,IAAI,EAAE;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;uBACnC,CAAC,IAAI,EAAE;YAAE,IAAI,EAAE,CAAC,CAAA;SAAE,KAAK,GAAG;kBAG/B,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;eACtB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;gBAClB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;;;mBA0DQ,MAAM;mBAAa,MAAM;eAAS,CAAC,EAAE;;eAExC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;eAAS,MAAM;;aAE9D,MAAM,GAAG,SAAS;eAAS,MAAM;;yCAq5D7C,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;eApC9C,CAAC,EAAE;;;iBADD,aAAa,EAAE;;;;;;uBAp3DS,MAAM;uBAAa,MAAM;mBAAS,CAAC,EAAE;;;;mBAExC;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE;mBAAS,MAAM;;;;iBAE9D,MAAM,GAAG,SAAS;mBAAS,MAAM;;oCAk3D9B,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;;;;;;;;;;;;;;;;kBAqBzD,MAAM;;;;;kBAKR,OAAO;mBACN,MAAM;;;oBAQH,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2CAx9D2B,GAAG,KAAK,GAAG;wCACd;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,GAAG;gBAJ/E,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;iBAClB,CAAC,IAAI,EAAE;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;uBACnC,CAAC,IAAI,EAAE;YAAE,IAAI,EAAE,CAAC,CAAA;SAAE,KAAK,GAAG;kBAG/B,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;eACtB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;gBAClB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;wCACd;YAAE,IAAI,EAAE,CAAC,CAAC;YAAC,IAAI,EAAE,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,KAAK,GAAG;gBAJ/E,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;iBAClB,CAAC,IAAI,EAAE;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;uBACnC,CAAC,IAAI,EAAE;YAAE,IAAI,EAAE,CAAC,CAAA;SAAE,KAAK,GAAG;kBAG/B,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;eACtB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;gBAClB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;;;mBA0DQ,MAAM;mBAAa,MAAM;eAAS,CAAC,EAAE;;eAExC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;eAAS,MAAM;;aAE9D,MAAM,GAAG,SAAS;eAAS,MAAM;;;;;;;;;;;;mBAi3DlD,CAAC,EAAE;;;qBADD,aAAa,EAAE;;;;;;2BAp3DS,MAAM;2BAAa,MAAM;uBAAS,CAAC,EAAE;;;;uBAExC;oBAAE,KAAK,EAAE,MAAM,CAAC;oBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;iBAAE;uBAAS,MAAM;;;;qBAE9D,MAAM,GAAG,SAAS;uBAAS,MAAM;;wCAk3D9B,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;;;;;;;;;;;;;;;;sBAqBzD,MAAM;;;;;sBAKR,OAAO;uBACN,MAAM;;;wBAQH,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+CAx9D2B,GAAG,KAAK,GAAG;4CACd;gBAAE,IAAI,EAAE,CAAC,CAAC;gBAAC,IAAI,EAAE,aAAa,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAE,KAAK,GAAG;oBAJ/E,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;qBAClB,CAAC,IAAI,EAAE;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;2BACnC,CAAC,IAAI,EAAE;gBAAE,IAAI,EAAE,CAAC,CAAA;aAAE,KAAK,GAAG;sBAG/B,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;mBACtB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;oBAClB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;;+CAJQ,GAAG,KAAK,GAAG;4CACd;gBAAE,IAAI,EAAE,CAAC,CAAC;gBAAC,IAAI,EAAE,aAAa,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAE,KAAK,GAAG;oBAJ/E,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;qBAClB,CAAC,IAAI,EAAE;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;2BACnC,CAAC,IAAI,EAAE;gBAAE,IAAI,EAAE,CAAC,CAAA;aAAE,KAAK,GAAG;sBAG/B,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;mBACtB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;oBAClB,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG;;;uBA0DQ,MAAM;uBAAa,MAAM;mBAAS,CAAC,EAAE;;mBAExC;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE;mBAAS,MAAM;;iBAE9D,MAAM,GAAG,SAAS;mBAAS,MAAM;;;;AA5E7D,wBAu+D2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.231",
+  "version": "1.0.233",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -60,9 +60,9 @@
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
     "@types/quill": "^2.0.14",
-    "@vc-shell/api-client-generator": "^1.0.231",
-    "@vc-shell/config-generator": "^1.0.231",
-    "@vc-shell/ts-config": "^1.0.231",
+    "@vc-shell/api-client-generator": "^1.0.233",
+    "@vc-shell/config-generator": "^1.0.233",
+    "@vc-shell/ts-config": "^1.0.233",
     "@vitejs/plugin-vue": "^5.0.3",
     "sass": "^1.69.6",
     "shx": "^0.3.4",

package/shared/components/app-switcher/components/vc-app-switcher/vc-app-switcher.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     v-on-click-outside="onClose"
-    class="tw-relative tw-h-full tw-flex tw-items-center tw-justify-center tw-mx-2 tw-shrink-0"
+    class="tw-relative tw-h-full tw-flex tw-items-center tw-justify-center tw-mx-3 tw-shrink-0"
   >
     <button
       class="hover:[&>img] hover:[&_div]:tw-bg-[color:var(--app-bar-button-color-hover)]"

package/shared/components/user-dropdown-button/user-dropdown-button.vue

@@ -49,10 +49,16 @@
       <div
         v-for="(item, i) in menu"
         :key="`menu_item_${i}`"
-        class="user-dropdown-button__menu-item"
+        class="user-dropdown-button__menu-item tw-group"
         @click="item.hasOwnProperty('clickHandler') ? item.clickHandler?.() : null"
       >
-        {{ item.title }}
+        <VcIcon
+          v-if="item.icon"
+          :icon="item.icon"
+          size="l"
+          class="tw-mr-3 tw-text-[color:var(--app-bar-button-color)] group-hover:tw-text-[color:var(--app-bar-button-color-hover)]"
+        ></VcIcon>
+        <p>{{ item.title }}</p>
       </div>
     </div>
   </div>
@@ -94,12 +100,14 @@ const menu = computed(() => [
   ...props.menuItems,
   {
     title: t("SHELL.ACCOUNT.CHANGE_PASSWORD"),
+    icon: "fas fa-key",
     clickHandler() {
       open();
     },
   },
   {
     title: t("SHELL.ACCOUNT.LOGOUT"),
+    icon: "fas fa-sign-out-alt",
     async clickHandler() {
       const isPrevented = await closeBlade(0);
 
@@ -168,7 +176,7 @@ const imageHandler = computed(() => {
     @apply tw-absolute -tw-left-px tw-right-0 tw-top-[var(--app-bar-height)] tw-bg-white tw-z-[10000] tw-shadow-[0_-6px_6px_white,1px_1px_22px_rgba(126,142,157,0.2)];
 
     &-item {
-      @apply tw-p-3 tw-text-lg tw-text-black tw-border-l tw-border-solid tw-border-l-[#eef0f2] tw-border-b tw-border-b-[#eef0f2] tw-bg-white hover:tw-bg-[#eff7fc];
+      @apply tw-p-3 tw-text-lg tw-text-black tw-border-l tw-border-solid tw-border-l-[#eef0f2] tw-border-b tw-border-b-[#eef0f2] tw-bg-white hover:tw-bg-[#eff7fc] tw-flex tw-flex-row tw-items-center;
     }
   }
 

package/shared/modules/dynamic/components/SchemaRender.ts

@@ -72,8 +72,6 @@ export default defineComponent({
         "div",
         { class: "tw-flex tw-flex-col tw-gap-4" },
         props.uiSchema.reduce((arr, field): VNode[] => {
-          console.log(field.id, field.permissions, hasAccess(field.permissions));
-
           if (safeIn("permissions", field) && !hasAccess(field.permissions)) {
             return arr;
           }

package/shared/modules/dynamic/components/fields/Card.ts

@@ -48,7 +48,7 @@ export default {
             }
           }
 
-          if (component.el && (component.el as HTMLElement).nodeType === 8) {
+          if (component.el && (component.el as HTMLElement).nodeType === Node.COMMENT_NODE) {
             commentCounter.value++;
             break;
           }

package/shared/modules/dynamic/components/fields/GalleryField.ts

@@ -126,6 +126,7 @@ export default {
         props: Object.assign(
           {},
           {
+            uploadIcon: props.element.uploadIcon,
             loading: imageHandlers.loading,
             images: toValue(props.baseProps.modelValue),
             multiple: props.element.multiple,

package/shared/modules/dynamic/components/fields/StatusField.ts

@@ -1,16 +1,34 @@
 import { useI18n } from "vue-i18n";
-import { Component, ExtractPropTypes, computed, h, unref } from "vue";
+import { Component, ExtractPropTypes, computed, h, onMounted, ref, unref, watch } from "vue";
 import componentProps from "./props";
 import { StatusSchema } from "../../types";
 import { StatusField } from "../factories";
 import { VcIcon } from "../../../../../ui/components";
 import { unrefNested } from "../../helpers/unrefNested";
+import VcButton from "../../../../../ui/components/atoms/vc-button/vc-button.vue";
 
 export default {
   name: "StatusField",
   props: componentProps,
   setup(props: ExtractPropTypes<typeof componentProps> & { element: StatusSchema }) {
     const { t } = useI18n({ useScope: "global" });
+    const hasOverflow = ref(false);
+    const isExpanded = ref(false);
+    const contentRef = ref<HTMLElement | null>(null);
+
+    const toggle = () => {
+      isExpanded.value = !isExpanded.value;
+    };
+
+    const checkOverflow = () => {
+      if (contentRef.value) {
+        hasOverflow.value = contentRef.value.scrollHeight > 100;
+      }
+    };
+
+    onMounted(() => {
+      checkOverflow();
+    });
 
     return () => {
       const slotContent = computed(() => {
@@ -55,9 +73,27 @@ export default {
                     class: "tw-mr-3",
                   })
                 : undefined,
-              h("div", [
+              h("div", { class: "tw-flex tw-flex-col" }, [
                 h("div", { class: "tw-font-bold" }, computed(() => t(props.element.title ?? "")).value),
-                h("div", slotContent.value),
+                h(
+                  "div",
+                  {
+                    class: {
+                      "tw-overflow-hidden": true,
+                      "tw-max-h-[100px] tw-line-clamp-4": !isExpanded.value,
+                      "tw-max-h-[100%]": isExpanded.value,
+                    },
+                    ref: contentRef,
+                  },
+                  slotContent.value,
+                ),
+                hasOverflow.value
+                  ? h(VcButton, { text: true, class: "tw-self-end", onClick: toggle }, () =>
+                      isExpanded.value
+                        ? t("COMPONENTS.ATOMS.VC_STATUS.SHOW_LESS")
+                        : t("COMPONENTS.ATOMS.VC_STATUS.SHOW_MORE"),
+                    )
+                  : undefined,
               ]),
             ]);
           },

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

@@ -41,24 +41,23 @@
             ></SchemaRender>
           </VcForm>
         </div>
-        <div
-          v-if="bladeWidgets && bladeWidgets.length"
-          class="item-details__widgets"
-        >
-          <div
-            v-for="(item, index) in bladeWidgets"
-            :key="index"
-          >
-            <component
-              :is="item"
-              :ref="(el: HTMLElement) => widgetsRefs.set({ component: item, el })"
-              v-model="bladeContext"
-              @click="setActiveWidget(item)"
-            ></component>
-          </div>
-        </div>
       </div>
     </VcContainer>
+
+    <template
+      v-if="bladeWidgets && bladeWidgets.length"
+      #widgets="{ isExpanded }"
+    >
+      <component
+        :is="item"
+        v-for="(item, index) in bladeWidgets"
+        :key="index"
+        :ref="(el: HTMLElement) => widgetsRefs.set({ component: item, el })"
+        v-model="bladeContext"
+        :is-expanded="isExpanded"
+        @click="setActiveWidget(item)"
+      ></component>
+    </template>
   </VcBlade>
 </template>
 
@@ -387,16 +386,12 @@ defineExpose({
     @apply tw-text-[#ff4a4a] tw-mr-3;
   }
 
-  .app_phone &__inner {
+  .vc-app_mobile &__inner {
     @apply tw-flex-col;
   }
 
-  .app_phone &__content {
+  .vc-app_mobile &__content {
     @apply tw-border-r-0 tw-border-b tw-border-solid tw-border-b-[#eaedf3] tw-overflow-visible;
   }
-
-  .app_phone &__widgets {
-    @apply tw-flex tw-flex-row;
-  }
 }
 </style>

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

@@ -156,7 +156,16 @@ export interface ListContentSchema {
   multiselect?: boolean;
   header?: boolean;
   footer?: boolean;
-  columns?: (Omit<ITableColumns, "visible"> & {
+  columns?: ((
+    | ITableColumns
+    | {
+        visible?:
+          | boolean
+          | {
+              method: string;
+            };
+      }
+  ) & {
     id: string;
     title: string;
     sortable?: boolean;
@@ -171,11 +180,6 @@ export interface ListContentSchema {
     onCellBlur?: {
       method: string;
     };
-    visible?:
-      | boolean
-      | {
-          method: string;
-        };
   })[];
   reorderableRows?: boolean;
   // TODO Add to documentation
@@ -595,7 +599,7 @@ export interface StatusSchema extends Pick<SchemaBase, "id" | "visibility" | "ho
   extend?: boolean;
   /**
    * Status variant.
-   * @type {"info" | "info-dark" | "warning" | "danger" | "success" | "light-danger"}
+   * @type {"info" | "info-dark" | "warning" | "danger" | "success" | "light-danger" | "primary"}
    */
   variant?: ComponentProps<typeof VcStatus>["variant"];
   /**
@@ -762,6 +766,10 @@ export interface GallerySchema
    * @type {boolean}
    */
   hideAfterUpload?: boolean;
+  /**
+   * Custom gallery upload icon.
+   */
+  uploadIcon?: string;
 }
 
 /**

package/ui/components/atoms/vc-badge/vc-badge.stories.ts

@@ -5,10 +5,10 @@ export default {
   title: "atoms/VcBadge",
   component: VcBadge,
   args: {
-    default: "42",
+    content: "42",
   },
   argTypes: {
-    default: {
+    content: {
       control: "text",
     },
     active: {
@@ -38,7 +38,7 @@ export default {
 const Template: StoryFn<typeof VcBadge> = (args) => ({
   components: { VcBadge },
   setup: () => ({ args }),
-  template: `<VcBadge v-bind="args">{{args.default}}</VcBadge>`,
+  template: `<VcBadge v-bind="args"></VcBadge>`,
 });
 
 export const Basic = Template.bind({});

package/ui/components/atoms/vc-badge/vc-badge.vue

@@ -1,17 +1,28 @@
 <template>
   <div
-    class="tw-inline-block tw-rounded-[var(--badge-border-radius)] tw-py-1 tw-px-2 tw-text-base tw-font-normal tw-bg-[color:var(--badge-background-color)] tw-text-[color:var(--badge-text-color)] tw-border tw-border-solid tw-border-[color:var(--badge-border-color)] tw-transition tw-duration-200"
+    class="vc-badge"
     :class="{
-      'tw-bg-[color:var(--badge-background-color-active)] tw-text-[color:var(--badge-text-color-active)] tw-border-[color:var(--badge-border-color-active)]':
-        active,
-      'tw-cursor-pointer hover:tw-bg-[color:var(--badge-background-color-active)] hover:tw-text-[color:var(--badge-text-color-hover)] hover:tw-border-[color:var(--badge-border-color-hover)]':
-        clickable,
-      'cursor-not-allowed tw-bg-[color:var(--badge-background-color-disabled)] tw-text-[color:var(--badge-text-color-disabled)] tw-border-[color:var(--badge-border-color-disabled)] hover:tw-bg-[color:var(--badge-background-color-disabled)] hover:tw-text-[color:var(--badge-text-color-disabled)] hover:tw-border-[color:var(--badge-border-color-disabled)]':
-        disabled,
+      'vc-badge--small': size === 's',
+      'vc-badge--medium': size === 'm',
     }"
-    @click="onClick"
   >
-    <slot name="default"></slot>
+    <div class="tw-flex tw-relative">
+      <slot name="default"></slot>
+      <div
+        class="vc-badge__badge tw-absolute tw-inline-flex tw-justify-center tw-items-center tw-text-center tw-indent-0 tw-rounded-[var(--badge-border-radius)] tw-text-[13px] tw-leading-[13px] tw-font-normal tw-bg-[color:var(--badge-background-color)] tw-text-[color:var(--badge-text-color)] tw-border tw-border-solid tw-border-[color:var(--badge-border-color)] tw-transition tw-duration-200"
+        :class="{
+          'tw-bg-[color:var(--badge-background-color-active)] tw-text-[color:var(--badge-text-color-active)] tw-border-[color:var(--badge-border-color-active)]':
+            active,
+          'tw-cursor-pointer hover:tw-bg-[color:var(--badge-background-color-active)] hover:tw-text-[color:var(--badge-text-color-hover)] hover:tw-border-[color:var(--badge-border-color-hover)]':
+            clickable,
+          'cursor-not-allowed tw-bg-[color:var(--badge-background-color-disabled)] tw-text-[color:var(--badge-text-color-disabled)] tw-border-[color:var(--badge-border-color-disabled)] hover:tw-bg-[color:var(--badge-background-color-disabled)] hover:tw-text-[color:var(--badge-text-color-disabled)] hover:tw-border-[color:var(--badge-border-color-disabled)]':
+            disabled,
+        }"
+        @click="onClick"
+      >
+        {{ content }}
+      </div>
+    </div>
   </div>
 </template>
 
@@ -20,13 +31,17 @@ export interface Props {
   active?: boolean;
   disabled?: boolean;
   clickable?: boolean;
+  content?: string | number;
+  size?: "s" | "m";
 }
 
 export interface Emits {
   (event: "click"): void;
 }
 
-const props = defineProps<Props>();
+const props = withDefaults(defineProps<Props>(), {
+  size: "m",
+});
 
 const emit = defineEmits<Emits>();
 
@@ -62,5 +77,38 @@ function onClick(): void {
   --badge-border-color-hover: #8fb3cc;
   --badge-border-color-active: #8fb3cc;
   --badge-border-color-disabled: #b2cbdc;
+
+  --badge-width-small: 15px;
+  --badge-height-small: 15px;
+
+  --badge-width-medium: 25px;
+  --badge-height-medium: 25px;
+
+  --badge-padding-small: 2px 5px;
+  --badge-padding-medium: 4px 6px;
+
+  --badge-distance-bottom-small: calc(100% - 12px);
+  --badge-distance-left-small: calc(100% - 12px);
+
+  --badge-distance-bottom-medium: calc(100% - 20px);
+  --badge-distance-left-medium: calc(100% - 20px);
+}
+
+$sizes: small, medium;
+
+@each $size in $sizes {
+  .vc-badge {
+    &--#{$size} {
+      .vc-badge__badge {
+        width: var(--badge-width-#{$size});
+        height: var(--badge-height-#{$size});
+        min-width: var(--badge-width-#{$size});
+        min-height: var(--badge-height-#{$size});
+        padding: var(--badge-padding-#{$size});
+        bottom: var(--badge-distance-bottom-#{$size});
+        left: var(--badge-distance-left-#{$size});
+      }
+    }
+  }
 }
 </style>

package/ui/components/atoms/vc-container/vc-container.vue

@@ -54,7 +54,7 @@ export interface Emits {
   (event: "scroll:ptr"): void;
 }
 
-defineProps<Props>();
+const props = defineProps<Props>();
 
 const emit = defineEmits<Emits>();
 
@@ -77,7 +77,7 @@ const scrollTop = () => {
 };
 
 function onTouchstart(e: TouchEvent | MouseEvent) {
-  if (refreshing.value) return;
+  if (refreshing.value || !props.usePtr) return;
   touching.value = true;
   touchstartY = "clientY" in e ? e.clientY : e.touches[0].clientY;
 }

package/ui/components/atoms/vc-image/vc-image.vue

@@ -21,7 +21,7 @@
         class="tw-absolute tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center tw-text-[#83a3be]"
       >
         <VcIcon
-          icon="fas fa-image"
+          :icon="emptyIcon"
           size="xl"
         ></VcIcon>
       </div>
@@ -41,6 +41,7 @@ export interface Props {
   src?: string;
   size?: "auto" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
   background?: "cover" | "contain" | "auto";
+  emptyIcon?: string;
 }
 
 export interface Emits {
@@ -51,6 +52,7 @@ const props = withDefaults(defineProps<Props>(), {
   aspect: "1x1",
   size: "auto",
   background: "cover",
+  emptyIcon: "fas fa-image",
 });
 
 const emit = defineEmits<Emits>();

package/ui/components/atoms/vc-status/vc-status.vue

@@ -9,7 +9,7 @@
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 export interface Props {
-  variant?: "info" | "warning" | "danger" | "success" | "light-danger" | "info-dark";
+  variant?: "info" | "warning" | "danger" | "success" | "light-danger" | "info-dark" | "primary";
   outline?: boolean;
   extend?: boolean;
 }
@@ -50,9 +50,12 @@ defineSlots<{
 
   --status-info-dark-color: #ffffff;
   --status-info-dark-main-color: #82a6bd;
+
+  --status-primary-main-color: #319ed4;
+  --status-primary-color: #ffffff;
 }
 
-$variants: info, warning, danger, success, light-danger, info-dark;
+$variants: info, warning, danger, success, light-danger, info-dark, primary;
 
 .vc-status {
   @apply tw-inline-block tw-rounded-[var(--status-border-radius)] tw-py-1 tw-px-3.5 tw-text-base tw-font-normal tw-whitespace-nowrap;

package/ui/components/atoms/vc-tooltip/vc-tooltip.vue

@@ -11,7 +11,7 @@
 
     <teleport to="body">
       <span
-        v-if="tooltipVisible"
+        v-if="tooltipVisible && $slots['tooltip']"
         ref="tooltipRef"
         :style="floatingStyles"
         class="tw-absolute tw-z-[101] tw-bg-white tw-border tw-border-solid tw-border-[color:#eef0f2] tw-shadow-[1px_1px_8px_rgba(126,142,157,0.25)] tw-rounded-[3px] tw-text-[color:#8e9daa] tw-font-normal tw-py-1 tw-px-2"

package/ui/components/atoms/vc-widget/vc-widget.vue

@@ -1,28 +1,47 @@
 <template>
-  <div
-    class="vc-widget tw-relative"
-    :class="{ 'vc-widget_disabled': disabled }"
-    @click="onClick"
+  <VcTooltip
+    :placement="$isDesktop.value ? 'bottom' : 'top'"
+    :offset="{
+      crossAxis: 0,
+      mainAxis: -10,
+    }"
   >
-    <VcIcon
-      v-if="icon"
-      class="vc-widget__icon"
-      :icon="icon"
-      size="xxl"
-    ></VcIcon>
     <div
-      v-if="title"
-      class="vc-widget__title"
+      class="vc-widget tw-relative tw-shrink-0 tw-py-4 tw-px-2"
+      :class="{
+        'tw-w-[80px]': isExpanded,
+        'vc-widget_disabled': disabled,
+        'tw-w-[36px]': !isExpanded,
+        'tw-w-[70px]': $isMobile.value,
+      }"
+      @click="onClick"
     >
-      {{ title }}
+      <VcBadge
+        :content="value"
+        :size="isExpanded ? 'm' : 's'"
+      >
+        <div class="tw-flex tw-flex-col tw-items-center tw-justify-center">
+          <VcIcon
+            v-if="icon"
+            class="vc-widget__icon"
+            :icon="icon"
+            :size="isExpanded ? 'xxl' : 'l'"
+          ></VcIcon>
+        </div>
+      </VcBadge>
+      <div class="tw-truncate tw-w-full">
+        <div
+          v-if="title && isExpanded"
+          class="vc-widget__title tw-truncate"
+        >
+          {{ title }}
+        </div>
+      </div>
     </div>
-    <div
-      v-if="value !== undefined"
-      class="vc-widget__value"
-    >
-      {{ value }}
-    </div>
-  </div>
+    <template #tooltip>
+      {{ title }}
+    </template>
+  </VcTooltip>
 </template>
 
 <script lang="ts" setup>
@@ -32,6 +51,7 @@ export interface Props {
   title?: string;
   value?: string | number;
   disabled?: boolean;
+  isExpanded?: boolean;
 }
 
 export interface Emits {
@@ -51,7 +71,7 @@ function onClick() {
 
 <style lang="scss">
 .vc-widget {
-  @apply tw-flex tw-w-[100px] tw-overflow-hidden tw-p-5
+  @apply tw-flex  tw-overflow-hidden
     tw-box-border tw-flex-col tw-items-center
     tw-justify-center tw-border-b tw-border-solid
     tw-border-b-[#eaedf3] tw-cursor-pointer tw-bg-white
@@ -70,7 +90,7 @@ function onClick() {
   }
 
   &__title {
-    @apply tw-font-medium tw-text-sm tw-text-[#333333] tw-mt-3 tw-mb-1 tw-mx-0 tw-text-center;
+    @apply tw-font-medium tw-text-sm tw-text-[#333333] tw-mt-2 tw-mx-0 tw-text-center;
   }
 
   &_disabled &__title {

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

@@ -168,7 +168,11 @@ function onTextChange() {
   }
 
   if (quill.value.getText().trim() !== props.modelValue?.trim()) {
-    emit("update:modelValue", quill.value.root.innerHTML);
+    if (quill.value.root.innerHTML === "<p><br></p>") {
+      emit("update:modelValue", "");
+    } else {
+      emit("update:modelValue", quill.value.root.innerHTML);
+    }
   }
 }
 </script>

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

@@ -409,8 +409,17 @@ const handleValue = computed({
     return props.type === "integer" || props.type === "number" ? (isNaN(temp.value) ? "" : temp.value) : temp.value;
   },
   set(value) {
-    temp.value = value;
-    onInput(value);
+    if (props.type === "number" || props.type === "integer") {
+      if (value < 0) {
+        temp.value = Math.abs(value);
+      } else {
+        temp.value = value;
+      }
+    } else {
+      temp.value = value;
+    }
+
+    onInput(temp.value);
   },
 });
 const mutatedModel = ref();
@@ -457,6 +466,12 @@ const formatDateWithLocale: (date: Date) => string = (date) => {
 function onKeyDown(e: KeyboardEvent) {
   const allowedKeys = ["Backspace", "Delete", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
   const keypressed = e.key;
+
+  if (props.type === "number" || props.type === "integer") {
+    if (keypressed === "-" || keypressed === "e") {
+      e.preventDefault();
+    }
+  }
   if (props.type === "integer") {
     if (!/^\d$/.test(keypressed) && !allowedKeys.includes(keypressed)) {
       e.preventDefault();