@vc-shell/framework 1.1.8 → 1.1.10

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [1.1.10](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.9...v1.1.10) (2025-05-22)
+
+
+### Features
+
+* **dynamic-properties:** add useDynamicProperties composable for managing dynamic property values and dictionaries ([5af9e0b](https://github.com/VirtoCommerce/vc-shell/commit/5af9e0bd27dd9930589166e17ef234fd8dae5998))
+
+
+
+## [1.1.9](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.8...v1.1.9) (2025-05-15)
+
+
+
 ## [1.1.8](https://github.com/VirtoCommerce/vc-shell/compare/v1.1.7...v1.1.8) (2025-05-15)
 
 

package/core/composables/index.ts

@@ -19,3 +19,4 @@ export * from "./useDashboard";
 export * from "./useAppBarWidget";
 export * from "./useSettingsMenu";
 export * from "./useToolbar";
+export * from "./useDynamicProperties";

package/core/composables/useDynamicProperties/index.ts

@@ -0,0 +1,344 @@
+import { useLoading } from "../useLoading";
+import { useAsync } from "../useAsync";
+import * as _ from "lodash-es";
+import { ComputedRef } from "vue";
+
+// Base interfaces that can be extended by specific API client types
+export interface IBaseProperty<TPropertyValue> {
+  id?: string | null;
+  name?: string | null;
+  values?: TPropertyValue[] | null;
+  multilanguage?: boolean | null;
+  multivalue?: boolean | null;
+  dictionary?: boolean | null;
+  valueType?: string | null; // Consider using a more specific enum if possible
+}
+
+export interface IBasePropertyValue {
+  propertyName?: string | null;
+  propertyId?: string | null;
+  languageCode?: string | null;
+  alias?: string | null;
+  valueType?: string | null;
+  value?: any; // eslint-disable-line @typescript-eslint/no-explicit-any
+  valueId?: string | null;
+  isInherited?: boolean;
+}
+
+export interface IBasePropertyDictionaryItem {
+  id?: string | null;
+  propertyId?: string | null;
+  alias?: string | null;
+  localizedValues?: { languageCode?: string | null; value?: string | null }[] | null;
+  value?: string;
+}
+
+export interface IBasePropertyDictionaryItemSearchCriteria {
+  propertyIds?: string[] | null;
+  keyword?: string | null;
+  skip?: number | null;
+  take?: number | null;
+}
+
+export interface IUseDynamicProperties<
+  TProperty extends IBaseProperty<TPropertyValue>,
+  TPropertyValue extends IBasePropertyValue,
+  TPropertyDictionaryItem extends IBasePropertyDictionaryItem,
+  TPropertyDictionaryItemSearchCriteria extends IBasePropertyDictionaryItemSearchCriteria,
+> {
+  loading: ComputedRef<boolean>;
+  loadDictionaries: (
+    propertyId: string,
+    keyword?: string,
+    locale?: string,
+  ) => Promise<TPropertyDictionaryItem[] | undefined>;
+  getPropertyValue: (
+    property: TProperty,
+    locale: string,
+  ) => string | TPropertyValue[] | (TPropertyDictionaryItem & { value: string })[];
+  setPropertyValue: (data: {
+    property: TProperty;
+    value: string | TPropertyValue[] | (TPropertyDictionaryItem & { value: string })[];
+    dictionary?: TPropertyDictionaryItem[];
+    locale?: string;
+    initialProp?: TProperty;
+  }) => void;
+}
+
+function isEmptyValues(value: unknown) {
+  return (
+    value === undefined ||
+    value === null ||
+    (typeof value === "number" && isNaN(value)) ||
+    (typeof value === "object" && Object.keys(value).length === 0) ||
+    (typeof value === "string" && value.trim().length === 0)
+  );
+}
+
+export const useDynamicProperties = <
+  TProperty extends IBaseProperty<TPropertyValue>,
+  TPropertyValue extends IBasePropertyValue,
+  TPropertyDictionaryItem extends IBasePropertyDictionaryItem,
+  TPropertyDictionaryItemSearchCriteria extends IBasePropertyDictionaryItemSearchCriteria,
+>(
+  searchDictionaryItemsFunction: (
+    criteria: TPropertyDictionaryItemSearchCriteria,
+  ) => Promise<TPropertyDictionaryItem[] | undefined>,
+  PropertyValueConstructor: new (data?: Partial<TPropertyValue>) => TPropertyValue,
+  PropertyDictionaryItemConstructor: new (data?: Partial<TPropertyDictionaryItem>) => TPropertyDictionaryItem,
+): IUseDynamicProperties<TProperty, TPropertyValue, TPropertyDictionaryItem, TPropertyDictionaryItemSearchCriteria> => {
+  const { loading: dictionaryItemsLoading, action: searchDictionaryItems } = useAsync<
+    TPropertyDictionaryItemSearchCriteria,
+    TPropertyDictionaryItem[] | undefined
+  >(async (args: TPropertyDictionaryItemSearchCriteria | undefined) => {
+    if (args === undefined) {
+      return undefined;
+    }
+    return await searchDictionaryItemsFunction(args);
+  });
+
+  function getPropertyValue(property: TProperty, locale: string) {
+    if (property.multilanguage) {
+      const propValue = property.values?.find((x) => x.languageCode == locale);
+
+      if (property.multivalue) {
+        return property.values?.filter((x) => x.languageCode === locale) as TPropertyValue[];
+      } else if (!propValue) {
+        const aliasProp = property.values?.find((x) => x.propertyId === property.id);
+
+        if (aliasProp) {
+          property.values?.push(
+            new PropertyValueConstructor({
+              propertyName: property.name,
+              propertyId: property.id,
+              languageCode: locale,
+              alias: aliasProp?.alias,
+              valueType: property.valueType,
+              valueId: aliasProp?.valueId,
+            } as unknown as Partial<TPropertyValue>),
+          );
+        }
+      }
+
+      if (property.dictionary) {
+        return (propValue && propValue?.valueId) as string;
+      }
+      return propValue?.value as string;
+    } else {
+      if (property.multivalue) {
+        return property.values as TPropertyValue[];
+      }
+      if (property.dictionary) {
+        return property.values?.[0]?.valueId as string;
+      }
+      return property.values?.[0]?.value as string;
+    }
+  }
+
+  async function loadDictionaries(propertyId: string, keyword?: string, locale?: string) {
+    if (propertyId) {
+      let dictionaryItems = await searchDictionaryItems({
+        propertyIds: [propertyId],
+        keyword,
+        skip: 0,
+      } as TPropertyDictionaryItemSearchCriteria);
+      if (locale) {
+        dictionaryItems = dictionaryItems?.map((x: TPropertyDictionaryItem) => {
+          const localizedValue = x.localizedValues?.find(
+            (v: { languageCode?: string | null; value?: string | null }) => v.languageCode == locale,
+          )?.value;
+          return Object.assign(new PropertyDictionaryItemConstructor(x), {
+            value: localizedValue ?? x.alias,
+          });
+        });
+      }
+      return dictionaryItems;
+    }
+  }
+
+  function setPropertyValue(data: {
+    property: TProperty;
+    value: string | TPropertyValue[] | (TPropertyDictionaryItem & { value: string })[];
+    dictionary?: TPropertyDictionaryItem[];
+    locale?: string;
+    initialProp?: TProperty;
+  }) {
+    const { property, value, dictionary, locale } = data;
+
+    if (dictionary && dictionary.length > 0) {
+      const dict = dictionary.map((x) => new PropertyDictionaryItemConstructor(x));
+      if (property.multilanguage) {
+        // Multivalue Dictionary Multilanguage
+        if (Array.isArray(value)) {
+          property.values = (value as (TPropertyDictionaryItem & { value: string })[]).flatMap((item) => {
+            const dictItem = dict.find((x) => x.id === (item as unknown as TPropertyValue).valueId || x.id === item.id);
+            if (dictItem?.localizedValues?.length) {
+              return dictItem.localizedValues.map(
+                (x) =>
+                  new PropertyValueConstructor({
+                    propertyId: dictItem.propertyId,
+                    alias: dictItem.alias,
+                    languageCode: x.languageCode,
+                    value: x.value ?? dictItem.alias,
+                    valueId: dictItem.id,
+                  } as unknown as Partial<TPropertyValue>),
+              );
+            }
+            return new PropertyValueConstructor(item as unknown as Partial<TPropertyValue>);
+          });
+        }
+        // Single value Dictionary Multilanguage
+        else {
+          const dictionaryItem = dictionary.find((x) => x.id === (value as string));
+          if (dictionaryItem) {
+            property.values = dictionaryItem?.localizedValues?.map(
+              (x) =>
+                new PropertyValueConstructor({
+                  propertyId: dictionaryItem.propertyId,
+                  alias: dictionaryItem.alias,
+                  languageCode: x.languageCode,
+                  value: x.value ?? dictionaryItem.alias,
+                  valueId: dictionaryItem.id,
+                } as unknown as Partial<TPropertyValue>),
+            );
+          } else {
+            property.values = [];
+          }
+        }
+      } else {
+        // Multivalue Dictionary
+        if (Array.isArray(value)) {
+          property.values = (value as (TPropertyDictionaryItem & { value: string })[]).flatMap((item) => {
+            const dictItem = dict.find((x) => x.id === (item as unknown as TPropertyValue).valueId || x.id === item.id);
+            if (dictItem) {
+              return new PropertyValueConstructor({
+                propertyId: dictItem.propertyId,
+                alias: dictItem.alias,
+                value: item.value ?? dictItem.alias,
+                valueId: dictItem.id,
+              } as unknown as Partial<TPropertyValue>);
+            }
+            return new PropertyValueConstructor(item as unknown as Partial<TPropertyValue>);
+          });
+        }
+        // Single value Dictionary
+        else {
+          const dictionaryItem = dictionary.find((x) => x.id === (value as string));
+
+          if (isEmptyValues(value)) {
+            property.values = [];
+          } else {
+            property.values = [
+              new PropertyValueConstructor({
+                propertyId: dictionaryItem?.propertyId,
+                alias: dictionaryItem?.alias,
+                value: (dictionaryItem as TPropertyDictionaryItem & { value: string })?.value ?? dictionaryItem?.alias,
+                valueId: value as string,
+              } as unknown as Partial<TPropertyValue>),
+            ];
+          }
+        }
+      }
+    } else {
+      if (property.multilanguage) {
+        // Multivalue Multilanguage
+        if (Array.isArray(value)) {
+          property.values =
+            property.values &&
+            ([
+              ...property.values.filter((x) => x.languageCode !== locale),
+              ...(value as TPropertyValue[]).map(
+                (item) =>
+                  new PropertyValueConstructor({ ...item, languageCode: locale } as unknown as Partial<TPropertyValue>),
+              ),
+            ] as TPropertyValue[]);
+        }
+        // Single value Multilanguage
+        else {
+          const propValue = property.values?.find((x) => x.languageCode == locale);
+          if (propValue) {
+            propValue.value = value as string;
+          } else {
+            property.values = [
+              new PropertyValueConstructor({
+                value: value as string,
+                isInherited: false,
+                languageCode: locale,
+              } as unknown as Partial<TPropertyValue>),
+            ];
+          }
+        }
+      } else {
+        // Multivalue
+        if (Array.isArray(value)) {
+          property.values = (value as TPropertyValue[]).map(
+            (item) => new PropertyValueConstructor(item as unknown as Partial<TPropertyValue>),
+          );
+        }
+        // Single value
+        else {
+          if (typeof value === "boolean") {
+            if (data.initialProp?.values?.length) {
+              property.values = [
+                property.values?.[0]
+                  ? Object.assign(property.values[0], { value })
+                  : new PropertyValueConstructor({
+                      value: value,
+                      isInherited: false,
+                    } as unknown as Partial<TPropertyValue>),
+              ];
+            } else {
+              if (value) {
+                property.values = [
+                  new PropertyValueConstructor({
+                    value: value,
+                    isInherited: false,
+                  } as unknown as Partial<TPropertyValue>),
+                ];
+              } else {
+                property.values = [];
+              }
+            }
+          } else if (isEmptyValues(value)) {
+            // Ensure we create an empty PropertyValue if the original value was also empty, to signify an explicit clear.
+            // Otherwise, if there was a value and now it's empty, we clear the values array.
+            const hadOriginalValue = data.initialProp?.values?.find((v) =>
+              property.multilanguage ? v.languageCode === locale : true,
+            )?.value;
+            const originalValueWasEmpty = isEmptyValues(hadOriginalValue);
+
+            if (originalValueWasEmpty) {
+              property.values = [
+                new PropertyValueConstructor({
+                  value: value as string,
+                  isInherited: false,
+                  languageCode: property.multilanguage ? locale : undefined,
+                } as unknown as Partial<TPropertyValue>),
+              ];
+            } else {
+              property.values = [];
+            }
+          } else {
+            property.values = property.values?.[0]
+              ? [Object.assign(property.values[0], { value: value as string })]
+              : [
+                  new PropertyValueConstructor({
+                    value: value as string,
+                    isInherited: false,
+                  } as unknown as Partial<TPropertyValue>),
+                ];
+          }
+        }
+      }
+    }
+  }
+
+  const loading = useLoading(dictionaryItemsLoading);
+
+  return {
+    loading,
+    loadDictionaries,
+    getPropertyValue,
+    setPropertyValue,
+  };
+};

package/core/services/toolbar-service.ts

@@ -38,7 +38,8 @@ const preregisteredIds = new Set<string>();
  * Registers a toolbar button before the service is initialized
  */
 export function registerToolbarItem(toolbarItem: IToolbarItem, bladeId: string): void {
-  preregisteredToolbarItems.push({ bladeId, toolbarItem });
+  const normalizedBladeId = bladeId.toLowerCase();
+  preregisteredToolbarItems.push({ bladeId: normalizedBladeId, toolbarItem });
   preregisteredIds.add(toolbarItem.id);
 }
 
@@ -48,14 +49,16 @@ export function createToolbarService(): IToolbarService {
   const registeredIds = reactive(new Set<string>());
 
   const registerToolbarItem = (toolbarItem: IToolbarItem, bladeId: string): void => {
-    if (!toolbarRegistry[bladeId]) {
-      toolbarRegistry[bladeId] = [];
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (!toolbarRegistry[normalizedBladeId]) {
+      toolbarRegistry[normalizedBladeId] = [];
     }
 
-    const existingIndex = toolbarRegistry[bladeId].findIndex((t) => t.id === toolbarItem.id);
+    const existingIndex = toolbarRegistry[normalizedBladeId].findIndex((t) => t.id === toolbarItem.id);
     if (existingIndex === -1) {
-      toolbarRegistry[bladeId].push(reactive(toolbarItem));
-      registeredToolbarItems.push({ bladeId, toolbarItem: reactive(toolbarItem) });
+      toolbarRegistry[normalizedBladeId].push(reactive(toolbarItem));
+      registeredToolbarItems.push({ bladeId: normalizedBladeId, toolbarItem: reactive(toolbarItem) });
       registeredIds.add(toolbarItem.id);
     }
   };
@@ -69,25 +72,29 @@ export function createToolbarService(): IToolbarService {
     bladeId: string;
     toolbarItem: Partial<IToolbarItem>;
   }): void => {
-    if (toolbarRegistry[bladeId]) {
-      const index = toolbarRegistry[bladeId].findIndex((t) => t.id === id);
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (toolbarRegistry[normalizedBladeId]) {
+      const index = toolbarRegistry[normalizedBladeId].findIndex((t) => t.id === id);
       if (index !== -1) {
-        toolbarRegistry[bladeId][index] = { ...toolbarRegistry[bladeId][index], ...toolbarItem };
+        toolbarRegistry[normalizedBladeId][index] = { ...toolbarRegistry[normalizedBladeId][index], ...toolbarItem };
       }
     }
   };
 
   const unregisterToolbarItem = (toolbarItemId: string, bladeId: string): void => {
-    if (toolbarRegistry[bladeId]) {
-      const index = toolbarRegistry[bladeId].findIndex((t) => t.id === toolbarItemId);
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (toolbarRegistry[normalizedBladeId]) {
+      const index = toolbarRegistry[normalizedBladeId].findIndex((t) => t.id === toolbarItemId);
       if (index !== -1) {
-        toolbarRegistry[bladeId].splice(index, 1);
+        toolbarRegistry[normalizedBladeId].splice(index, 1);
         registeredIds.delete(toolbarItemId);
       }
     }
 
     const regIndex = registeredToolbarItems.findIndex(
-      (t) => t.bladeId === bladeId && t.toolbarItem.id === toolbarItemId,
+      (t) => t.bladeId === normalizedBladeId && t.toolbarItem.id === toolbarItemId,
     );
     if (regIndex !== -1) {
       registeredToolbarItems.splice(regIndex, 1);
@@ -95,19 +102,22 @@ export function createToolbarService(): IToolbarService {
   };
 
   const getToolbarItems = (bladeId: string): IToolbarItem[] => {
-    return toolbarRegistry[bladeId] || [];
+    const normalizedBladeId = bladeId ? bladeId.toLowerCase() : "";
+    return toolbarRegistry[normalizedBladeId] || [];
   };
 
   const clearBladeToolbarItems = (bladeId: string): void => {
-    if (toolbarRegistry[bladeId]) {
-      toolbarRegistry[bladeId].forEach((toolbarItem) => {
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (toolbarRegistry[normalizedBladeId]) {
+      toolbarRegistry[normalizedBladeId].forEach((toolbarItem) => {
         registeredIds.delete(toolbarItem.id);
       });
-      delete toolbarRegistry[bladeId];
+      delete toolbarRegistry[normalizedBladeId];
     }
 
     const indices = registeredToolbarItems
-      .map((t, i) => (t.bladeId === bladeId ? i : -1))
+      .map((t, i) => (t.bladeId === normalizedBladeId ? i : -1))
       .filter((i) => i !== -1)
       .reverse();
 

package/core/services/widget-service.ts

@@ -1,4 +1,4 @@
-import { ConcreteComponent, reactive, ref, ComponentInternalInstance, ComputedRef, Ref, getCurrentInstance } from "vue";
+import { Component, reactive, ref, ComponentInternalInstance, ComputedRef, Ref, getCurrentInstance } from "vue";
 import { IBladeInstance } from "../../shared/components/blade-navigation/types";
 
 export type WidgetEventHandler = (...args: unknown[]) => void;
@@ -10,7 +10,7 @@ export interface IWidgetEvents {
 export interface IWidget {
   id: string;
   title?: string;
-  component: ConcreteComponent;
+  component: Component;
   props?: Record<string, unknown>;
   events?: Record<string, unknown>;
   isVisible?: boolean | ComputedRef<boolean> | Ref<boolean> | ((blade?: IBladeInstance) => boolean);
@@ -44,7 +44,8 @@ const preregisteredIds = new Set<string>();
  * Registers a widget before the service is initialized
  */
 export function registerWidget(widget: IWidget, bladeId: string): void {
-  preregisteredWidgets.push({ bladeId, widget });
+  const normalizedBladeId = bladeId.toLowerCase();
+  preregisteredWidgets.push({ bladeId: normalizedBladeId, widget });
   preregisteredIds.add(widget.id);
 }
 
@@ -55,56 +56,65 @@ export function createWidgetService(): IWidgetService {
   const registeredIds = reactive(new Set<string>());
 
   const registerWidget = (widget: IWidget, bladeId: string): void => {
-    if (!widgetRegistry[bladeId]) {
-      widgetRegistry[bladeId] = [];
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (!widgetRegistry[normalizedBladeId]) {
+      widgetRegistry[normalizedBladeId] = [];
     }
 
-    const existingIndex = widgetRegistry[bladeId].findIndex((w) => w.id === widget.id);
+    const existingIndex = widgetRegistry[normalizedBladeId].findIndex((w) => w.id === widget.id);
     if (existingIndex === -1) {
-      widgetRegistry[bladeId].push(reactive(widget));
-      registeredWidgets.push({ bladeId, widget: reactive(widget) });
+      widgetRegistry[normalizedBladeId].push(reactive(widget));
+      registeredWidgets.push({ bladeId: normalizedBladeId, widget: reactive(widget) });
       registeredIds.add(widget.id);
     }
   };
 
   const updateWidget = ({ id, bladeId, widget }: { id: string; bladeId: string; widget: Partial<IWidget> }): void => {
-    if (widgetRegistry[bladeId]) {
-      const index = widgetRegistry[bladeId].findIndex((w) => w.id === id);
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (widgetRegistry[normalizedBladeId]) {
+      const index = widgetRegistry[normalizedBladeId].findIndex((w) => w.id === id);
       if (index !== -1) {
-        widgetRegistry[bladeId][index] = { ...widgetRegistry[bladeId][index], ...widget };
+        widgetRegistry[normalizedBladeId][index] = { ...widgetRegistry[normalizedBladeId][index], ...widget };
       }
     }
   };
 
   const unregisterWidget = (widgetId: string, bladeId: string): void => {
-    if (widgetRegistry[bladeId]) {
-      const index = widgetRegistry[bladeId].findIndex((w) => w.id === widgetId);
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (widgetRegistry[normalizedBladeId]) {
+      const index = widgetRegistry[normalizedBladeId].findIndex((w) => w.id === widgetId);
       if (index !== -1) {
-        widgetRegistry[bladeId].splice(index, 1);
+        widgetRegistry[normalizedBladeId].splice(index, 1);
         registeredIds.delete(widgetId);
       }
     }
 
-    const regIndex = registeredWidgets.findIndex((w) => w.bladeId === bladeId && w.widget.id === widgetId);
+    const regIndex = registeredWidgets.findIndex((w) => w.bladeId === normalizedBladeId && w.widget.id === widgetId);
     if (regIndex !== -1) {
       registeredWidgets.splice(regIndex, 1);
     }
   };
 
   const getWidgets = (bladeId: string): IWidget[] => {
-    return widgetRegistry[bladeId] || [];
+    const normalizedBladeId = bladeId ? bladeId.toLowerCase() : "";
+    return widgetRegistry[normalizedBladeId] || [];
   };
 
   const clearBladeWidgets = (bladeId: string): void => {
-    if (widgetRegistry[bladeId]) {
-      widgetRegistry[bladeId].forEach((widget) => {
+    const normalizedBladeId = bladeId.toLowerCase();
+
+    if (widgetRegistry[normalizedBladeId]) {
+      widgetRegistry[normalizedBladeId].forEach((widget) => {
         registeredIds.delete(widget.id);
       });
-      delete widgetRegistry[bladeId];
+      delete widgetRegistry[normalizedBladeId];
     }
 
     const indices = registeredWidgets
-      .map((w, i) => (w.bladeId === bladeId ? i : -1))
+      .map((w, i) => (w.bladeId === normalizedBladeId ? i : -1))
       .filter((i) => i !== -1)
       .reverse();
 

package/dist/core/composables/index.d.ts

@@ -19,4 +19,5 @@ export * from "./useDashboard";
 export * from "./useAppBarWidget";
 export * from "./useSettingsMenu";
 export * from "./useToolbar";
+export * from "./useDynamicProperties";
 //# sourceMappingURL=index.d.ts.map

package/dist/core/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC"}

package/dist/core/composables/useDynamicProperties/index.d.ts

@@ -0,0 +1,54 @@
+import { ComputedRef } from "vue";
+export interface IBaseProperty<TPropertyValue> {
+    id?: string | null;
+    name?: string | null;
+    values?: TPropertyValue[] | null;
+    multilanguage?: boolean | null;
+    multivalue?: boolean | null;
+    dictionary?: boolean | null;
+    valueType?: string | null;
+}
+export interface IBasePropertyValue {
+    propertyName?: string | null;
+    propertyId?: string | null;
+    languageCode?: string | null;
+    alias?: string | null;
+    valueType?: string | null;
+    value?: any;
+    valueId?: string | null;
+    isInherited?: boolean;
+}
+export interface IBasePropertyDictionaryItem {
+    id?: string | null;
+    propertyId?: string | null;
+    alias?: string | null;
+    localizedValues?: {
+        languageCode?: string | null;
+        value?: string | null;
+    }[] | null;
+    value?: string;
+}
+export interface IBasePropertyDictionaryItemSearchCriteria {
+    propertyIds?: string[] | null;
+    keyword?: string | null;
+    skip?: number | null;
+    take?: number | null;
+}
+export interface IUseDynamicProperties<TProperty extends IBaseProperty<TPropertyValue>, TPropertyValue extends IBasePropertyValue, TPropertyDictionaryItem extends IBasePropertyDictionaryItem, TPropertyDictionaryItemSearchCriteria extends IBasePropertyDictionaryItemSearchCriteria> {
+    loading: ComputedRef<boolean>;
+    loadDictionaries: (propertyId: string, keyword?: string, locale?: string) => Promise<TPropertyDictionaryItem[] | undefined>;
+    getPropertyValue: (property: TProperty, locale: string) => string | TPropertyValue[] | (TPropertyDictionaryItem & {
+        value: string;
+    })[];
+    setPropertyValue: (data: {
+        property: TProperty;
+        value: string | TPropertyValue[] | (TPropertyDictionaryItem & {
+            value: string;
+        })[];
+        dictionary?: TPropertyDictionaryItem[];
+        locale?: string;
+        initialProp?: TProperty;
+    }) => void;
+}
+export declare const useDynamicProperties: <TProperty extends IBaseProperty<TPropertyValue>, TPropertyValue extends IBasePropertyValue, TPropertyDictionaryItem extends IBasePropertyDictionaryItem, TPropertyDictionaryItemSearchCriteria extends IBasePropertyDictionaryItemSearchCriteria>(searchDictionaryItemsFunction: (criteria: TPropertyDictionaryItemSearchCriteria) => Promise<TPropertyDictionaryItem[] | undefined>, PropertyValueConstructor: new (data?: Partial<TPropertyValue>) => TPropertyValue, PropertyDictionaryItemConstructor: new (data?: Partial<TPropertyDictionaryItem>) => TPropertyDictionaryItem) => IUseDynamicProperties<TProperty, TPropertyValue, TPropertyDictionaryItem, TPropertyDictionaryItemSearchCriteria>;
+//# sourceMappingURL=index.d.ts.map

package/dist/core/composables/useDynamicProperties/index.d.ts.map

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

package/dist/core/services/toolbar-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-service.d.ts","sourceRoot":"","sources":["../../../core/services/toolbar-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,YAAY,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,mBAAmB,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,qBAAqB,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IACrD,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,sBAAsB,EAAE,oBAAoB,EAAE,CAAC;IAC/C,uBAAuB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,iBAAiB,EAAE,CAAC,EAClB,EAAE,EACF,OAAO,EACP,WAAW,GACZ,EAAE;QACD,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;KACpC,KAAK,IAAI,CAAC;CACZ;AAMD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAGpF;AAED,wBAAgB,oBAAoB,IAAI,eAAe,CAgGtD"}
+{"version":3,"file":"toolbar-service.d.ts","sourceRoot":"","sources":["../../../core/services/toolbar-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,YAAY,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,mBAAmB,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,qBAAqB,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,YAAY,EAAE,CAAC;IACrD,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,sBAAsB,EAAE,oBAAoB,EAAE,CAAC;IAC/C,uBAAuB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,iBAAiB,EAAE,CAAC,EAClB,EAAE,EACF,OAAO,EACP,WAAW,GACZ,EAAE;QACD,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;KACpC,KAAK,IAAI,CAAC;CACZ;AAMD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAIpF;AAED,wBAAgB,oBAAoB,IAAI,eAAe,CAyGtD"}

package/dist/core/services/widget-service.d.ts

@@ -1,4 +1,4 @@
-import { ConcreteComponent, ComponentInternalInstance, ComputedRef, Ref } from "vue";
+import { Component, ComponentInternalInstance, ComputedRef, Ref } from "vue";
 import { IBladeInstance } from "../../shared/components/blade-navigation/types";
 export type WidgetEventHandler = (...args: unknown[]) => void;
 export interface IWidgetEvents {
@@ -7,7 +7,7 @@ export interface IWidgetEvents {
 export interface IWidget {
     id: string;
     title?: string;
-    component: ConcreteComponent;
+    component: Component;
     props?: Record<string, unknown>;
     events?: Record<string, unknown>;
     isVisible?: boolean | ComputedRef<boolean> | Ref<boolean> | ((blade?: IBladeInstance) => boolean);