@vc-shell/framework 1.0.92 → 1.0.94

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

@@ -1 +1 @@
-{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,KAAK;IAEpB,QAAQ,EAAE,GAAG,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,MAAM,EAAE,CAEN,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,YAAY,CAAC,EAAE,OAAO,KAEnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IAE5D,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC;IACvG,MAAM,EAAE,CAEN,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAE7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,EAEtD,UAAU,CAAC,EAAE,GAAG,EAAE,KACf,IAAI,GAAG,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;;;;;;;;AAghBD,wBAAkD;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.ts"],"names":[],"mappings":";;gBAmegB,GAAG;2CACwB,MAAM,KAAK,QAAQ,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE;cACtE,OAAO;iBACJ,OAAO;eACT,MAAM;iBACJ,OAAO;UACd,MAAM;mBACG,MAAM;mBACN,MAAM;mBACN;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,EAAE;YACK;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACf;eACU,OAAO;kBACJ,MAAM;;;;oBAnBR,GAAG;+CACwB,MAAM,KAAK,QAAQ,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE;kBACtE,OAAO;qBACJ,OAAO;mBACT,MAAM;qBACJ,OAAO;cACd,MAAM;uBACG,MAAM;uBACN,MAAM;uBACN;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,YAAY,CAAC,EAAE,MAAM,CAAC;SACvB,EAAE;gBACK;YACN,GAAG,EAAE,MAAM,CAAC;YACZ,GAAG,EAAE,MAAM,CAAC;YACZ,KAAK,EAAE,MAAM,CAAC;SACf;mBACU,OAAO;sBACJ,MAAM;;yBAOe,IAAI;WACpC,GAAG;;;;;4BAL6D,GAAG;kCAAwB,GAAG,EAAE;;;;;;oBAtBvF,GAAG;+CACwB,MAAM,KAAK,QAAQ,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE;kBACtE,OAAO;qBACJ,OAAO;mBACT,MAAM;qBACJ,OAAO;cACd,MAAM;uBACG,MAAM;uBACN,MAAM;uBACN;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,YAAY,CAAC,EAAE,MAAM,CAAC;SACvB,EAAE;gBACK;YACN,GAAG,EAAE,MAAM,CAAC;YACZ,GAAG,EAAE,MAAM,CAAC;YACZ,KAAK,EAAE,MAAM,CAAC;SACf;mBACU,OAAO;sBACJ,MAAM;;yBAOe,IAAI;WACpC,GAAG;;;;;4BAL6D,GAAG;kCAAwB,GAAG,EAAE;;;;;;;;;wBAtBvF,GAAG;mDACwB,MAAM,KAAK,QAAQ,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE;sBACtE,OAAO;yBACJ,OAAO;uBACT,MAAM;yBACJ,OAAO;kBACd,MAAM;2BACG,MAAM;2BACN,MAAM;2BACN;gBACb,IAAI,CAAC,EAAE,MAAM,CAAC;gBACd,YAAY,CAAC,EAAE,MAAM,CAAC;aACvB,EAAE;oBACK;gBACN,GAAG,EAAE,MAAM,CAAC;gBACZ,GAAG,EAAE,MAAM,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC;aACf;uBACU,OAAO;0BACJ,MAAM;;6BAOe,IAAI;eACpC,GAAG;;;;;gCAL6D,GAAG;sCAAwB,GAAG,EAAE;;;;;AAlfvG,wBA2fkE"}

package/dist/ui/types/index.d.ts

@@ -33,6 +33,7 @@ declare module "@vue/runtime-core" {
         VcSelect: (typeof VcShellComponents)["VcSelect"];
         VcSlider: (typeof VcShellComponents)["VcSlider"];
         VcTextarea: (typeof VcShellComponents)["VcTextarea"];
+        VcMultivalue: (typeof VcShellComponents)["VcMultivalue"];
         VcApp: (typeof VcShellComponents)["VcApp"];
         VcBlade: (typeof VcShellComponents)["VcBlade"];
         VcDynamicProperty: (typeof VcShellComponents)["VcDynamicProperty"];

package/dist/ui/types/index.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.92",
+  "version": "1.0.94",
   "main": "./dist/framework.mjs",
   "module": "./dist/framework.mjs",
   "types": "./dist/index.d.ts",
@@ -55,8 +55,8 @@
     "whatwg-fetch": "^3.6.2"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.92",
-    "@vc-shell/config-generator": "^1.0.92",
+    "@vc-shell/api-client-generator": "^1.0.94",
+    "@vc-shell/config-generator": "^1.0.94",
     "@vitejs/plugin-vue": "^4.2.3",
     "sass": "^1.62.1",
     "typescript": "~5.0.4",

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

@@ -1,11 +1,17 @@
 <template>
-  <div class="tw-flex tw-flex-nowrap tw-font-bold">
+  <div class="tw-flex tw-flex-nowrap tw-font-bold tw-relative">
     <span><slot></slot></span>
     <span
       v-if="required"
       class="tw-text-[color:var(--label-required-color)] tw-ml-1"
       >*</span
     >
+    <span
+      v-if="multilanguage"
+      class="tw-text-[color:var(--app-menu-item-icon-color)] tw-absolute tw-right-0"
+    >
+      {{ currentLanguage }}
+    </span>
     <span
       v-if="$slots['tooltip']"
       class="tw-grow tw-basis-0 tw-ml-1"
@@ -34,6 +40,8 @@ import { ref } from "vue";
 export interface Props {
   required?: boolean;
   tooltipIcon?: string;
+  multilanguage?: boolean;
+  currentLanguage?: string;
 }
 
 withDefaults(defineProps<Props>(), {

package/ui/components/molecules/index.ts

@@ -11,3 +11,4 @@ export * from "./vc-rating";
 export * from "./vc-select";
 export * from "./vc-slider";
 export * from "./vc-textarea";
+export * from "./vc-multivalue";

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

@@ -13,6 +13,8 @@
       v-if="label"
       class="tw-mb-2"
       :required="required"
+      :multilanguage="true"
+      :current-language="currentLanguage"
     >
       <span>{{ label }}</span>
       <template
@@ -63,10 +65,13 @@ export interface Props {
   tooltip?: string;
   errorMessage?: string;
   assetsFolder: string;
+  //languages?: string[];
+  currentLanguage?: string;
 }
 
 export interface Emits {
   (event: "update:modelValue", value: string | number | Date | null | undefined): void;
+  //(event: "update:currentLanguage", value: string): void;
 }
 
 const { getAccessToken } = useUser();
@@ -79,19 +84,27 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<Emits>();
 
 const content = ref();
-const toolbar = [
-  { header: 1 },
-  { header: 2 },
-  "bold",
-  "italic",
-  "underline",
-  "strike",
-  "link",
-  "image",
-  "blockquote",
-  { list: "ordered" },
-  { list: "bullet" },
-];
+const toolbar = {
+  container: [
+    { header: 1 },
+    { header: 2 },
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "link",
+    "image",
+    "blockquote",
+    { list: "ordered" },
+    { list: "bullet" },
+    //{ language: [props.currentLanguage, ...props.languages.filter((lang) => lang !== props.currentLanguage)] },
+  ],
+  handlers: {
+    // language: function (value: string) {
+    //   emit("update:currentLanguage", value);
+    // },
+  },
+};
 
 const modules = {
   name: "imageUploader",
@@ -176,4 +189,12 @@ function isQuillEmpty(value: string) {
     }
   }
 }
+
+.ql-language.ql-picker .ql-picker-label:before {
+  padding-right: 18px;
+  content: attr(data-value);
+}
+.ql-language.ql-picker .ql-picker-item:before {
+  content: attr(data-value);
+}
 </style>

package/ui/components/molecules/vc-multivalue/index.ts

@@ -0,0 +1,3 @@
+import _Multivalue from "./vc-multivalue.vue";
+
+export const VcMultivalue = _Multivalue as typeof _Multivalue;

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

@@ -0,0 +1,396 @@
+<template>
+  <div
+    class="vc-multivalue"
+    :class="[
+      `vc-multivalue_${type}`,
+      {
+        'vc-multivalue_opened': isOpened,
+        'vc-multivalue_error tw-pb-[20px]': error,
+        'vc-multivalue_disabled': disabled,
+      },
+    ]"
+  >
+    <!-- Input label -->
+    <VcLabel
+      v-if="label"
+      class="tw-mb-2"
+      :required="required"
+    >
+      <span>{{ label }}</span>
+      <template
+        v-if="tooltip"
+        #tooltip
+        >{{ tooltip }}</template
+      >
+    </VcLabel>
+
+    <!-- Input field -->
+    <div
+      ref="dropdownToggleRef"
+      class="vc-multivalue__field-wrapper"
+    >
+      <div
+        v-for="(item, i) in modelValue"
+        :key="`${item.id}_${generateId()}`"
+        class="vc-multivalue__field-value-wrapper"
+      >
+        <div class="vc-multivalue__field-value">
+          <span class="tw-truncate">{{
+            type === "number" ? Number(item[props.emitLabel]).toFixed(3) : item[props.emitLabel]
+          }}</span>
+          <VcIcon
+            v-if="!disabled"
+            class="vc-multivalue__field-value-clear"
+            icon="fas fa-times"
+            size="s"
+            @click="onDelete(i)"
+          ></VcIcon>
+        </div>
+      </div>
+
+      <template v-if="multivalue">
+        <div class="vc-multivalue__field vc-multivalue__field_dictionary tw-grow tw-basis-0 tw-p-2">
+          <VcButton
+            small
+            @click.stop="toggleDropdown"
+            >Add +</VcButton
+          >
+          <teleport to="#app">
+            <div
+              v-if="isOpened"
+              ref="dropdownRef"
+              v-on-click-outside="[toggleDropdown, { ignore: [dropdownToggleRef] }]"
+              class="vc-multivalue__dropdown"
+              :style="dropdownStyle"
+            >
+              <input
+                ref="searchRef"
+                class="vc-multivalue__search"
+                @input="onSearch"
+              />
+
+              <VcContainer
+                ref="root"
+                :no-padding="true"
+              >
+                <div
+                  v-for="(item, i) in slicedDictionary"
+                  :key="i"
+                  class="vc-multivalue__item"
+                  @click="onItemSelect(item)"
+                >
+                  <slot
+                    name="item"
+                    :item="item"
+                    >{{ item[optionLabel] }}</slot
+                  >
+                </div>
+              </VcContainer>
+            </div>
+          </teleport>
+        </div>
+      </template>
+      <template v-else>
+        <input
+          v-model="value"
+          class="vc-multivalue__field tw-grow tw-basis-0 tw-pl-3"
+          :placeholder="placeholder"
+          :type="type"
+          :disabled="disabled"
+          @keypress.enter.stop.prevent="onInput"
+        />
+      </template>
+    </div>
+
+    <slot
+      v-if="errorMessage"
+      name="error"
+    >
+      <VcHint class="vc-multivalue__error tw-mt-1">
+        {{ errorMessage }}
+      </VcHint>
+    </slot>
+  </div>
+</template>
+
+<script lang="ts" setup generic="T extends {id?: string; alias?: string}">
+import { unref, nextTick, ref, computed } from "vue";
+import { vOnClickOutside } from "@vueuse/components";
+import { useFloating, UseFloatingReturn, offset, flip, shift, autoUpdate } from "@floating-ui/vue";
+import { generateId } from "../../../../core/utilities";
+
+export interface Props<T> {
+  placeholder?: string;
+  modelValue?: T[];
+  required?: boolean;
+  disabled?: boolean;
+  type?: "text" | "number";
+  label?: string;
+  tooltip?: string;
+  name?: string;
+  options?: T[];
+  optionValue?: string;
+  optionLabel?: string;
+  emitValue?: string;
+  emitLabel?: string;
+  multivalue?: boolean;
+  error?: boolean;
+  errorMessage?: string;
+}
+
+export interface Emits<T> {
+  (event: "update:model-value", value: T[]): void;
+  (event: "close"): void;
+  (event: "search", value: string): void;
+}
+
+type FloatingInstanceType = UseFloatingReturn & {
+  middlewareData: {
+    sameWidthChangeBorders: {
+      borderTop?: string;
+      borderBottom?: string;
+      borderRadius?: string;
+      width?: string;
+    };
+  };
+};
+
+const props = withDefaults(defineProps<Props<T>>(), {
+  modelValue: () => [],
+  type: "text",
+  name: "Field",
+  options: () => [],
+  optionValue: "id",
+  optionLabel: "title",
+  emitValue: "valueId",
+  emitLabel: "value",
+});
+
+const emit = defineEmits<Emits<T>>();
+
+const dropdownToggleRef = ref();
+const dropdownRef = ref();
+const root = ref();
+const searchRef = ref();
+const isOpened = ref(false);
+const value = ref();
+
+const popper = useFloating(dropdownToggleRef, dropdownRef, {
+  placement: "bottom",
+  whileElementsMounted: autoUpdate,
+  middleware: [
+    flip({ fallbackPlacements: ["top", "bottom"] }),
+    shift({ mainAxis: false }),
+    sameWidthChangeBorders(),
+    offset(-2),
+  ],
+}) as FloatingInstanceType;
+
+const dropdownStyle = computed(() => {
+  return {
+    top: `${popper.y.value ?? 0}px`,
+    left: `${popper.x.value ?? 0}px`,
+    ...popper.middlewareData.value.sameWidthChangeBorders,
+  };
+});
+
+const slicedDictionary = computed(() => {
+  return props.options?.filter((x) => {
+    return !props.modelValue?.find((item) => item[props.emitValue] === x[props.optionValue]);
+  });
+});
+
+// Handle input event to propertly validate value and emit changes
+function onInput(e: KeyboardEvent) {
+  const newValue = (e.target as HTMLInputElement).value;
+  emit("update:model-value", [...props.modelValue, { [props.emitLabel]: newValue } as T]);
+  value.value = undefined;
+}
+
+function onItemSelect(item: T) {
+  emit("update:model-value", [
+    ...props.modelValue,
+    { [props.emitValue]: item[props.optionValue], [props.emitLabel]: item[props.optionLabel] } as T,
+  ]);
+  emit("close");
+  closeDropdown();
+}
+
+// Handle event to propertly remove particular value and emit changes
+function onDelete(i: number) {
+  const result = unref(props.modelValue);
+  result.splice(i, 1);
+  emit("update:model-value", [...result]);
+}
+
+function sameWidthChangeBorders() {
+  return {
+    name: "sameWidthChangeBorders",
+    fn: ({ rects, placement, x, y }) => {
+      let borderTop;
+      let borderBottom;
+      let borderRadius;
+      if (placement === "top") {
+        borderTop = "1px solid var(--select-border-color)";
+        borderBottom = "1px solid var(--select-background-color)";
+        borderRadius = "var(--select-border-radius) var(--select-border-radius) 0 0";
+      } else {
+        borderBottom = "1px solid var(--select-border-color)";
+        borderTop = "1px solid var(--select-background-color)";
+        borderRadius = "0 0 var(--select-border-radius) var(--select-border-radius)";
+      }
+
+      const width = `${rects.reference.width}px`;
+
+      return {
+        x,
+        y,
+        data: {
+          borderTop,
+          borderBottom,
+          borderRadius,
+          width,
+        },
+      };
+    },
+  };
+}
+
+async function toggleDropdown() {
+  if (!props.disabled) {
+    if (isOpened.value) {
+      closeDropdown();
+    } else {
+      isOpened.value = true;
+
+      nextTick(() => {
+        searchRef?.value?.focus();
+      });
+    }
+  }
+}
+
+function closeDropdown() {
+  isOpened.value = false;
+  emit("close");
+}
+
+function onSearch(event: InputEvent) {
+  emit("search", (event.target as HTMLInputElement).value);
+}
+</script>
+
+<style lang="scss">
+:root {
+  --multivalue-height: 38px;
+  --multivalue-border-radius: 3px;
+  --multivalue-border-color: #d3dbe9;
+  --multivalue-border-color-error: #f14e4e;
+  --multivalue-background-color: #ffffff;
+  --multivalue-placeholder-color: #a5a5a5;
+
+  --select-height: 38px;
+  --select-border-radius: 3px;
+  --select-border-color: #d3dbe9;
+  --select-border-color-error: #f14e4e;
+  --select-background-color: #ffffff;
+  --select-background-color-disabled: #fafafa;
+  --select-placeholder-color: #a5a5a5;
+  --select-chevron-color: #43b0e6;
+  --select-chevron-color-hover: #319ed4;
+}
+
+.vc-multivalue {
+  @apply tw-overflow-hidden;
+
+  &_date,
+  &_datetime-local {
+    @apply tw-max-w-[220px];
+
+    .vc-app_mobile & {
+      @apply tw-max-w-full;
+    }
+  }
+
+  &__field-wrapper {
+    @apply tw-border tw-border-solid
+    tw-border-[color:var(--multivalue-border-color)]
+    tw-rounded-[var(--multivalue-border-radius)]
+    tw-bg-[color:var(--multivalue-background-color)]
+    tw-items-center
+    tw-flex
+    tw-flex-wrap;
+  }
+
+  &__dropdown {
+    @apply tw-flex tw-flex-col tw-box-border
+    tw-max-h-[300px] tw-z-10 tw-overflow-hidden
+    tw-absolute tw-bg-[color:var(--select-background-color)]
+    tw-border tw-border-solid tw-border-[color:var(--select-border-color)]
+    tw-border-t-[color:var(--select-background-color)]
+    tw-rounded-b-[var(--select-border-radius)]
+    tw-p-2;
+  }
+
+  &__search {
+    @apply tw-w-full tw-box-border tw-border tw-border-solid tw-border-[#eaecf2]
+      tw-rounded-[4px] tw-h-8 tw-leading-[32px]
+      tw-outline-none tw-mb-3 tw-px-2;
+  }
+
+  &__item {
+    @apply tw-flex tw-items-center tw-min-h-[36px] tw-px-2 tw-rounded-[3px] tw-cursor-pointer hover:tw-bg-[#eff7fc];
+  }
+
+  &_opened &__field-wrapper {
+    @apply tw-rounded-t-[var(--select-border-radius)];
+  }
+
+  &_error &__field-wrapper {
+    @apply tw-border tw-border-solid tw-border-[color:var(--multivalue-border-color-error)];
+  }
+
+  &__error {
+    @apply tw-text-[color:var(--multivalue-border-color-error)];
+  }
+
+  &__field {
+    @apply tw-border-none tw-outline-none tw-h-[var(--multivalue-height)]
+      tw-min-w-[120px] tw-box-border placeholder:tw-text-[color:var(--multivalue-placeholder-color)];
+
+    &::-webkit-input-placeholder {
+      @apply tw-text-[color:var(--multivalue-placeholder-color)];
+    }
+
+    &::-moz-placeholder {
+      @apply tw-text-[color:var(--multivalue-placeholder-color)];
+    }
+
+    &::-ms-placeholder {
+      @apply tw-text-[color:var(--multivalue-placeholder-color)];
+    }
+
+    &-value-wrapper {
+      @apply tw-h-[var(--multivalue-height)] tw-ml-2 tw-flex tw-items-center;
+    }
+
+    &-value {
+      @apply tw-bg-[#fbfdfe] tw-border tw-border-solid tw-border-[color:#bdd1df] tw-rounded-[2px]
+        tw-flex tw-items-center tw-h-[28px] tw-box-border tw-px-2 tw-max-w-[150px];
+
+      &-clear {
+        @apply tw-text-[#a9bfd2] tw-ml-2 tw-cursor-pointer;
+      }
+    }
+
+    &_dictionary {
+      @apply tw-h-auto tw-min-w-[auto];
+    }
+  }
+
+  &_disabled &__field-wrapper,
+  &_disabled &__field {
+    @apply tw-bg-[#fafafa] tw-text-[#424242];
+  }
+}
+</style>

package/ui/components/organisms/vc-dynamic-property/index.ts

@@ -1,3 +1,3 @@
 import _DynamicProperty from "./vc-dynamic-property.vue";
 
-export const VcDynamicProperty = _DynamicProperty as typeof _DynamicProperty;
+export const VcDynamicProperty = _DynamicProperty;