@fernir2/saas-kit 0.0.177 → 0.0.178

package/packages/level2/meta/browsers/browser/Browser.cjs.js

@@ -14,6 +14,8 @@ var browserType = require('../browser-type.cjs.js');
 var BrowserDialog = require('./browser-dialog/BrowserDialog.cjs.js');
 var Browser_funcs = require('./Browser.funcs.cjs.js');
 var elements = require('../../../../fd-toolbox/constants/elements.cjs.js');
+var useElementId = require('../../../../fd-toolbox/hooks/use-element-id.cjs.js');
+var enums = require('../../../../fd-toolbox/enums/enums.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -25,23 +27,22 @@ function Browser({
   propertyMeta,
   onChange,
   excludeResourceIds,
-  short,
+  displayMode,
   disabled,
   readOnly,
-  parentContextName: parentContextNameProp,
+  parentContextName,
   relatedResourceId,
   value,
-  isInvalid,
+  invalid,
   children: icons
 }) {
   const [shortResourceDescriptor, setShortResourceDescriptor] = React.useState(Browser_funcs.getBrowserEmptyShortResourceDescriptor());
   const [description, setDescription] = React.useState("");
   const [loadComplete, setLoadComplete] = React.useState(false);
-  const parentContextName = parentContextNameProp ?? "";
-  const contextName = `${parentContextName}${elements.elements.browser.Browser}${propertyMeta.name}`;
-  const inputId = `${contextName}${browserType.browserTypeToSuffix[browserType.browserTypes.browser]}`;
-  const iconId = `${contextName}${elements.elements.browser.browserIcon}`;
+  const inputId = useElementId.useElementId(propertyMeta.name + browserType.browserTypeToSuffix[browserType.browserTypes.browser], parentContextName);
+  const iconId = useElementId.useElementId(propertyMeta.name + elements.elements.browser.browserIcon, parentContextName);
   const buttonRef = React.useRef(null);
+  const activeDisplayMode = displayMode ?? enums.browserDisplayModes.default;
   useAsyncEffect.useAsyncEffect(async () => {
     const resolvedValueId = value ?? relatedResourceId ?? "";
     setLoadComplete(false);
@@ -50,7 +51,7 @@ function Browser({
   }, [propertyMeta, relatedResourceId, value]);
   const onCloseEditProperty = /* @__PURE__ */__name(data => data && (setShortResourceDescriptor(data), Browser_funcs.setBrowserDescription(data, setDescription), onChange?.(data.id)), "onCloseEditProperty");
   return /* @__PURE__ */jsxRuntime.jsx("div", {
-    className: utils.cn("relative", short ? "max-w-48" : "w-full"),
+    className: utils.cn("relative", activeDisplayMode ? "max-w-48" : "w-full"),
     children: /* @__PURE__ */jsxRuntime.jsx(Input.Input, {
       value: description,
       inputId,
@@ -59,7 +60,7 @@ function Browser({
       readOnly,
       required,
       disabled,
-      "aria-invalid": isInvalid,
+      "aria-invalid": invalid,
       onChange: v => Browser_funcs.onUpdateBrowserInput(v, setShortResourceDescriptor, setDescription, onChange),
       skipAnimationOnce: !loadComplete,
       onClick: () => buttonRef.current?.click(),

package/packages/level2/meta/browsers/browser/Browser.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 import { PropertyMeta } from "../../core/property-meta";
 import { VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functions";
 import { WithParentContextName } from "../../../../fd-toolbox/types/with-parent-context-name";
+import { BrowserDisplayMode } from "../../../../fd-toolbox/enums/enums";
 /**
  * Props for the {@link Browser} component.
  * Extends {@link WithParentContextName} for parent context integration.
@@ -17,8 +18,12 @@ export interface BrowserProps extends WithParentContextName {
     disabled?: boolean;
     /** Whether the browser is read-only */
     readOnly?: boolean;
-    /** Whether to display the browser in short mode */
-    short?: boolean;
+    /**
+     * Display mode of the browser.
+     * {@link browserDisplayModes.default} shows the standard browser view.
+     * {@link browserDisplayModes.short} shows the compact view.
+     */
+    displayMode?: BrowserDisplayMode;
     /**
      * Event handler called when the selected value changes.
      * Receives the selected resource uuid as string parameter.
@@ -29,7 +34,7 @@ export interface BrowserProps extends WithParentContextName {
     /** Current selected resource id (typically the form field value) */
     value?: string;
     /** Whether the field is in error state (for aria-invalid / styling) */
-    isInvalid?: boolean;
+    invalid?: boolean;
     /** Child elements to render inside the input (typically action buttons) */
     children: ReactNode;
 }
@@ -38,4 +43,4 @@ export interface BrowserProps extends WithParentContextName {
  * Used for many-to-one relationships.
  * {@link BrowserProps} - component props
  */
-export declare function Browser({ required, propertyMeta, onChange, excludeResourceIds, short, disabled, readOnly, parentContextName: parentContextNameProp, relatedResourceId, value, isInvalid, children: icons, }: BrowserProps): import("react").JSX.Element;
+export declare function Browser({ required, propertyMeta, onChange, excludeResourceIds, displayMode, disabled, readOnly, parentContextName, relatedResourceId, value, invalid, children: icons, }: BrowserProps): import("react").JSX.Element;

package/packages/level2/meta/browsers/browser/Browser.funcs.cjs.js

@@ -7,7 +7,7 @@ var resourceDescription = require('../../core/resource-description/resource-desc
 var resourceProviders = require('../../resource-providers.cjs.js');
 var uiMetaProviders = require('../../ui-meta-providers.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x5a3740,_0x264ea5)=>__defProp(_0x5a3740,'name',{'value':_0x264ea5,'configurable':!![]});function getBrowserEmptyShortResourceDescriptor(){const _0x5b50c3={'id':'','description':''};return _0x5b50c3;}__name(getBrowserEmptyShortResourceDescriptor,'getBrowserEmptyShortResourceDescriptor');function onUpdateBrowserInput(_0x584bfa,_0x14ec28,_0x3f70df,_0x1b7a59){if(_0x584bfa===''){const _0x19a3b5=getBrowserEmptyShortResourceDescriptor();_0x14ec28(_0x19a3b5),setBrowserDescription(_0x19a3b5,_0x3f70df),_0x1b7a59?.(_0x19a3b5['id']);}else _0x3f70df(_0x584bfa);}__name(onUpdateBrowserInput,'onUpdateBrowserInput');function setBrowserDescription(_0x6ece10,_0x101ae2){if(_0x6ece10['description'])_0x101ae2(_0x6ece10['description']);else valueCheckingFunctions.isUuidSet(_0x6ece10['id'])?_0x101ae2('Selected'):_0x101ae2('');}__name(setBrowserDescription,'setBrowserDescription');async function writeBrowserValue(_0x4e79b0,_0x101416,_0x2c292e){if(valueCheckingFunctions.isEmptyNullOrUndefined(_0x4e79b0)){const _0x5db0cc=getBrowserEmptyShortResourceDescriptor();setBrowserDescription(_0x5db0cc,_0x2c292e);}else {const _0x5692fc=await getBrowserResourceMetaIfNeeded(_0x101416,void(0x21c7+0x1d4*0x7+-0x1*0x2e93));await getResourceDescriptionAndSetDescription(_0x4e79b0,_0x2c292e,_0x5692fc);}}__name(writeBrowserValue,'writeBrowserValue');async function handleLoadRelatedResourceDescription(_0x335c01,_0xd3dbf0,_0x539803,_0x4359aa,_0x564242){const _0x1d56fe=_0x564242??_0x4359aa?.['getValues'](_0x335c01['name']);_0x1d56fe&&(await writeBrowserValue(_0x1d56fe,_0x335c01,_0xd3dbf0),_0x539803(!![]));}__name(handleLoadRelatedResourceDescription,'handleLoadRelatedResourceDescription');async function getBrowserResourceMetaIfNeeded(_0x368821,_0x31dc16){if(!valueCheckingFunctions.isNullOrUndefined(_0x31dc16))return _0x31dc16;const _0x1e102a=await uiMetaProviders.fetchUiResourceMeta(_0x368821['relation']['relatedResourceName']);return _0x1e102a['resourceMeta'];}__name(getBrowserResourceMetaIfNeeded,'getBrowserResourceMetaIfNeeded');async function getResourceDescriptionAndSetDescription(_0x3dc980,_0x38c7c9,_0x48c9be){const _0x3becad=await resourceProviders.fetchResource(_0x48c9be,_0x3dc980);if(_0x3becad){const _0x5ac9aa={'id':_0x3becad['id'],'description':await resourceDescription.getResourceDescriptionValue(_0x48c9be,_0x3becad)};setBrowserDescription(_0x5ac9aa,_0x38c7c9);}return _0x3becad;}__name(getResourceDescriptionAndSetDescription,'getResourceDescriptionAndSetDescription');
+var __defProp=Object['defineProperty'],__name=(_0x157b78,_0x18ca32)=>__defProp(_0x157b78,'name',{'value':_0x18ca32,'configurable':!![]});function getBrowserEmptyShortResourceDescriptor(){const _0x47a2d={'id':'','description':''};return _0x47a2d;}__name(getBrowserEmptyShortResourceDescriptor,'getBrowserEmptyShortResourceDescriptor');function onUpdateBrowserInput(_0x349fa3,_0x4b5eaa,_0x1db1ad,_0x107576){if(_0x349fa3===''){const _0x18af13=getBrowserEmptyShortResourceDescriptor();_0x4b5eaa(_0x18af13),setBrowserDescription(_0x18af13,_0x1db1ad),_0x107576?.(_0x18af13['id']);}else _0x1db1ad(_0x349fa3);}__name(onUpdateBrowserInput,'onUpdateBrowserInput');function setBrowserDescription(_0x55d9c0,_0x4b77d7){if(_0x55d9c0['description'])_0x4b77d7(_0x55d9c0['description']);else valueCheckingFunctions.isUuidSet(_0x55d9c0['id'])?_0x4b77d7('Selected'):_0x4b77d7('');}__name(setBrowserDescription,'setBrowserDescription');async function writeBrowserValue(_0x4289fb,_0x870e45,_0xa7ef1a){if(valueCheckingFunctions.isEmptyNullOrUndefined(_0x4289fb)){const _0x54da60=getBrowserEmptyShortResourceDescriptor();setBrowserDescription(_0x54da60,_0xa7ef1a);}else {const _0x3e576a=await getBrowserResourceMetaIfNeeded(_0x870e45,void(-0x911+-0xf9*-0x17+-0xd4e));await getResourceDescriptionAndSetDescription(_0x4289fb,_0xa7ef1a,_0x3e576a);}}__name(writeBrowserValue,'writeBrowserValue');async function handleLoadRelatedResourceDescription(_0x2f9e30,_0x18919f,_0x1bdb4c,_0x6fd41,_0x53c54b){const _0x37b7dc=_0x53c54b??_0x6fd41?.['getValues'](_0x2f9e30['name']);_0x37b7dc&&(await writeBrowserValue(_0x37b7dc,_0x2f9e30,_0x18919f),_0x1bdb4c(!![]));}__name(handleLoadRelatedResourceDescription,'handleLoadRelatedResourceDescription');async function getBrowserResourceMetaIfNeeded(_0x487e71,_0x2c9dfb){if(!valueCheckingFunctions.isNullOrUndefined(_0x2c9dfb))return _0x2c9dfb;const _0x4c64d0=await uiMetaProviders.fetchUiResourceMeta(_0x487e71['relation']['relatedResourceName']);return _0x4c64d0['resourceMeta'];}__name(getBrowserResourceMetaIfNeeded,'getBrowserResourceMetaIfNeeded');async function getResourceDescriptionAndSetDescription(_0xc732c4,_0xcb4275,_0xf19e91){const _0x1d4fbe=await resourceProviders.fetchResource(_0xf19e91,_0xc732c4);if(_0x1d4fbe){const _0x74b55a={'id':_0x1d4fbe['id'],'description':await resourceDescription.getResourceDescriptionValue(_0xf19e91,_0x1d4fbe)};setBrowserDescription(_0x74b55a,_0xcb4275);}return _0x1d4fbe;}__name(getResourceDescriptionAndSetDescription,'getResourceDescriptionAndSetDescription');
 
 exports.getBrowserEmptyShortResourceDescriptor = getBrowserEmptyShortResourceDescriptor;
 exports.handleLoadRelatedResourceDescription = handleLoadRelatedResourceDescription;

package/packages/level2/meta/browsers/browser/Browser.funcs.js

@@ -5,6 +5,6 @@ import { getResourceDescriptionValue } from '../../core/resource-description/res
 import { fetchResource } from '../../resource-providers.js';
 import { fetchUiResourceMeta } from '../../ui-meta-providers.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x5a3740,_0x264ea5)=>__defProp(_0x5a3740,'name',{'value':_0x264ea5,'configurable':!![]});function getBrowserEmptyShortResourceDescriptor(){const _0x5b50c3={'id':'','description':''};return _0x5b50c3;}__name(getBrowserEmptyShortResourceDescriptor,'getBrowserEmptyShortResourceDescriptor');function onUpdateBrowserInput(_0x584bfa,_0x14ec28,_0x3f70df,_0x1b7a59){if(_0x584bfa===''){const _0x19a3b5=getBrowserEmptyShortResourceDescriptor();_0x14ec28(_0x19a3b5),setBrowserDescription(_0x19a3b5,_0x3f70df),_0x1b7a59?.(_0x19a3b5['id']);}else _0x3f70df(_0x584bfa);}__name(onUpdateBrowserInput,'onUpdateBrowserInput');function setBrowserDescription(_0x6ece10,_0x101ae2){if(_0x6ece10['description'])_0x101ae2(_0x6ece10['description']);else isUuidSet(_0x6ece10['id'])?_0x101ae2('Selected'):_0x101ae2('');}__name(setBrowserDescription,'setBrowserDescription');async function writeBrowserValue(_0x4e79b0,_0x101416,_0x2c292e){if(isEmptyNullOrUndefined(_0x4e79b0)){const _0x5db0cc=getBrowserEmptyShortResourceDescriptor();setBrowserDescription(_0x5db0cc,_0x2c292e);}else {const _0x5692fc=await getBrowserResourceMetaIfNeeded(_0x101416,void(0x21c7+0x1d4*0x7+-0x1*0x2e93));await getResourceDescriptionAndSetDescription(_0x4e79b0,_0x2c292e,_0x5692fc);}}__name(writeBrowserValue,'writeBrowserValue');async function handleLoadRelatedResourceDescription(_0x335c01,_0xd3dbf0,_0x539803,_0x4359aa,_0x564242){const _0x1d56fe=_0x564242??_0x4359aa?.['getValues'](_0x335c01['name']);_0x1d56fe&&(await writeBrowserValue(_0x1d56fe,_0x335c01,_0xd3dbf0),_0x539803(!![]));}__name(handleLoadRelatedResourceDescription,'handleLoadRelatedResourceDescription');async function getBrowserResourceMetaIfNeeded(_0x368821,_0x31dc16){if(!isNullOrUndefined(_0x31dc16))return _0x31dc16;const _0x1e102a=await fetchUiResourceMeta(_0x368821['relation']['relatedResourceName']);return _0x1e102a['resourceMeta'];}__name(getBrowserResourceMetaIfNeeded,'getBrowserResourceMetaIfNeeded');async function getResourceDescriptionAndSetDescription(_0x3dc980,_0x38c7c9,_0x48c9be){const _0x3becad=await fetchResource(_0x48c9be,_0x3dc980);if(_0x3becad){const _0x5ac9aa={'id':_0x3becad['id'],'description':await getResourceDescriptionValue(_0x48c9be,_0x3becad)};setBrowserDescription(_0x5ac9aa,_0x38c7c9);}return _0x3becad;}__name(getResourceDescriptionAndSetDescription,'getResourceDescriptionAndSetDescription');
+var __defProp=Object['defineProperty'],__name=(_0x157b78,_0x18ca32)=>__defProp(_0x157b78,'name',{'value':_0x18ca32,'configurable':!![]});function getBrowserEmptyShortResourceDescriptor(){const _0x47a2d={'id':'','description':''};return _0x47a2d;}__name(getBrowserEmptyShortResourceDescriptor,'getBrowserEmptyShortResourceDescriptor');function onUpdateBrowserInput(_0x349fa3,_0x4b5eaa,_0x1db1ad,_0x107576){if(_0x349fa3===''){const _0x18af13=getBrowserEmptyShortResourceDescriptor();_0x4b5eaa(_0x18af13),setBrowserDescription(_0x18af13,_0x1db1ad),_0x107576?.(_0x18af13['id']);}else _0x1db1ad(_0x349fa3);}__name(onUpdateBrowserInput,'onUpdateBrowserInput');function setBrowserDescription(_0x55d9c0,_0x4b77d7){if(_0x55d9c0['description'])_0x4b77d7(_0x55d9c0['description']);else isUuidSet(_0x55d9c0['id'])?_0x4b77d7('Selected'):_0x4b77d7('');}__name(setBrowserDescription,'setBrowserDescription');async function writeBrowserValue(_0x4289fb,_0x870e45,_0xa7ef1a){if(isEmptyNullOrUndefined(_0x4289fb)){const _0x54da60=getBrowserEmptyShortResourceDescriptor();setBrowserDescription(_0x54da60,_0xa7ef1a);}else {const _0x3e576a=await getBrowserResourceMetaIfNeeded(_0x870e45,void(-0x911+-0xf9*-0x17+-0xd4e));await getResourceDescriptionAndSetDescription(_0x4289fb,_0xa7ef1a,_0x3e576a);}}__name(writeBrowserValue,'writeBrowserValue');async function handleLoadRelatedResourceDescription(_0x2f9e30,_0x18919f,_0x1bdb4c,_0x6fd41,_0x53c54b){const _0x37b7dc=_0x53c54b??_0x6fd41?.['getValues'](_0x2f9e30['name']);_0x37b7dc&&(await writeBrowserValue(_0x37b7dc,_0x2f9e30,_0x18919f),_0x1bdb4c(!![]));}__name(handleLoadRelatedResourceDescription,'handleLoadRelatedResourceDescription');async function getBrowserResourceMetaIfNeeded(_0x487e71,_0x2c9dfb){if(!isNullOrUndefined(_0x2c9dfb))return _0x2c9dfb;const _0x4c64d0=await fetchUiResourceMeta(_0x487e71['relation']['relatedResourceName']);return _0x4c64d0['resourceMeta'];}__name(getBrowserResourceMetaIfNeeded,'getBrowserResourceMetaIfNeeded');async function getResourceDescriptionAndSetDescription(_0xc732c4,_0xcb4275,_0xf19e91){const _0x1d4fbe=await fetchResource(_0xf19e91,_0xc732c4);if(_0x1d4fbe){const _0x74b55a={'id':_0x1d4fbe['id'],'description':await getResourceDescriptionValue(_0xf19e91,_0x1d4fbe)};setBrowserDescription(_0x74b55a,_0xcb4275);}return _0x1d4fbe;}__name(getResourceDescriptionAndSetDescription,'getResourceDescriptionAndSetDescription');
 
 export { getBrowserEmptyShortResourceDescriptor, handleLoadRelatedResourceDescription, onUpdateBrowserInput, setBrowserDescription, writeBrowserValue };

package/packages/level2/meta/browsers/browser/Browser.js

@@ -12,6 +12,8 @@ import { browserTypeToSuffix, browserTypes } from '../browser-type.js';
 import { BrowserDialog } from './browser-dialog/BrowserDialog.js';
 import { getBrowserEmptyShortResourceDescriptor, writeBrowserValue, setBrowserDescription, onUpdateBrowserInput } from './Browser.funcs.js';
 import { elements } from '../../../../fd-toolbox/constants/elements.js';
+import { useElementId } from '../../../../fd-toolbox/hooks/use-element-id.js';
+import { browserDisplayModes } from '../../../../fd-toolbox/enums/enums.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -23,23 +25,22 @@ function Browser({
   propertyMeta,
   onChange,
   excludeResourceIds,
-  short,
+  displayMode,
   disabled,
   readOnly,
-  parentContextName: parentContextNameProp,
+  parentContextName,
   relatedResourceId,
   value,
-  isInvalid,
+  invalid,
   children: icons
 }) {
   const [shortResourceDescriptor, setShortResourceDescriptor] = useState(getBrowserEmptyShortResourceDescriptor());
   const [description, setDescription] = useState("");
   const [loadComplete, setLoadComplete] = useState(false);
-  const parentContextName = parentContextNameProp ?? "";
-  const contextName = `${parentContextName}${elements.browser.Browser}${propertyMeta.name}`;
-  const inputId = `${contextName}${browserTypeToSuffix[browserTypes.browser]}`;
-  const iconId = `${contextName}${elements.browser.browserIcon}`;
+  const inputId = useElementId(propertyMeta.name + browserTypeToSuffix[browserTypes.browser], parentContextName);
+  const iconId = useElementId(propertyMeta.name + elements.browser.browserIcon, parentContextName);
   const buttonRef = useRef(null);
+  const activeDisplayMode = displayMode ?? browserDisplayModes.default;
   useAsyncEffect(async () => {
     const resolvedValueId = value ?? relatedResourceId ?? "";
     setLoadComplete(false);
@@ -48,7 +49,7 @@ function Browser({
   }, [propertyMeta, relatedResourceId, value]);
   const onCloseEditProperty = /* @__PURE__ */__name(data => data && (setShortResourceDescriptor(data), setBrowserDescription(data, setDescription), onChange?.(data.id)), "onCloseEditProperty");
   return /* @__PURE__ */jsx("div", {
-    className: cn("relative", short ? "max-w-48" : "w-full"),
+    className: cn("relative", activeDisplayMode ? "max-w-48" : "w-full"),
     children: /* @__PURE__ */jsx(Input, {
       value: description,
       inputId,
@@ -57,7 +58,7 @@ function Browser({
       readOnly,
       required,
       disabled,
-      "aria-invalid": isInvalid,
+      "aria-invalid": invalid,
       onChange: v => onUpdateBrowserInput(v, setShortResourceDescriptor, setDescription, onChange),
       skipAnimationOnce: !loadComplete,
       onClick: () => buttonRef.current?.click(),

package/packages/level2/meta/browsers/browser/browser-dialog/BrowserDialog.funcs.cjs.js

@@ -9,7 +9,7 @@ var resourceProviders = require('../../../resource-providers.cjs.js');
 var uiMetaProviders = require('../../../ui-meta-providers.cjs.js');
 var utils = require('../../../../../fd-toolbox/lib/utils.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x30b3c6,_0x27838c)=>__defProp(_0x30b3c6,'name',{'value':_0x27838c,'configurable':!![]});function getEmptyShortResourceDescriptor(){return {'Id':constants.emptyGuid,'Description':''};}__name(getEmptyShortResourceDescriptor,'getEmptyShortResourceDescriptor');async function onInitBrowserDialog(_0x113a00,_0x516380,_0x282d2e,_0x2b6fc5,_0x3436f7,_0x556a17,_0x2ac514){const _0x1c733b=_0x516380['relation']['relatedResourceName'],_0x17233d=await uiMetaProviders.fetchUiResourceMeta(_0x1c733b);_0x113a00(_0x17233d),await refreshBrowserDialogResources(_0x282d2e,_0x2b6fc5,_0x3436f7,_0x556a17,_0x17233d['resourceMeta'],_0x2ac514);}__name(onInitBrowserDialog,'onInitBrowserDialog');async function onItemSelected(_0x45a5f3,_0x28071b,_0x4b77d6){const _0x3baeae=await resourceDescription.getResourceDescriptionValue(_0x28071b,_0x45a5f3),_0x17d93b={'id':_0x45a5f3['id'],'description':_0x3baeae};_0x4b77d6(_0x17d93b);}__name(onItemSelected,'onItemSelected');function onBrowserDialogPaging(_0x2364d1,_0x4bb94f,_0xea51f1,_0x1ab4ce,_0xb433c7,_0x3cbee9,_0x105bb3){_0xea51f1(odataconfig.addPaging(_0x1ab4ce,_0x2364d1['pageSize'],_0x2364d1['pagingSkip'])),refreshBrowserDialogResources(_0x4bb94f,_0xea51f1,_0x1ab4ce,_0xb433c7,_0x3cbee9,_0x105bb3);}__name(onBrowserDialogPaging,'onBrowserDialogPaging');async function refreshBrowserDialogResources(_0x570003,_0x434d2,_0x42736b,_0x44236f,_0x254268,_0x3fec75){let _0x56d494=_0x44236f();if(_0x56d494){_0x42736b['filters']=utils.getObjectValues(_0x56d494)['filter'](_0x48c0aa=>_0x48c0aa['rightSide']!==enums.filterOperatorTypes['none']),_0x434d2(_0x42736b);const _0x29cf2d=await resourceProviders.fetchResources(_0x254268['resourceName'],_0x42736b);_0x570003(_0x29cf2d?_0x29cf2d['filter'](_0x42d80=>!_0x3fec75?.['includes'](_0x42d80['id'])):[]);}}__name(refreshBrowserDialogResources,'refreshBrowserDialogResources');async function setBrowserDialogResourceDescription(_0x123d3d,_0x10a80f,_0x9f953b,_0x2feeeb){if(_0x2feeeb&&_0x9f953b){const _0x18d453=_0x123d3d['find'](_0x1e0eec=>_0x1e0eec['id']===_0x10a80f);if(_0x18d453){const _0x3afa1b=await resourceDescription.getResourceDescriptionValue(_0x9f953b,_0x18d453);_0x2feeeb(_0x3afa1b);}}}__name(setBrowserDialogResourceDescription,'setBrowserDialogResourceDescription');
+var __defProp=Object['defineProperty'],__name=(_0x2225a3,_0x4c0efd)=>__defProp(_0x2225a3,'name',{'value':_0x4c0efd,'configurable':!![]});function getEmptyShortResourceDescriptor(){return {'Id':constants.emptyGuid,'Description':''};}__name(getEmptyShortResourceDescriptor,'getEmptyShortResourceDescriptor');async function onInitBrowserDialog(_0x35e424,_0x1861f8,_0x187440,_0x5ece43,_0x2e3b7a,_0x1bd62e,_0x2d2351){const _0x2d87dc=_0x1861f8['relation']['relatedResourceName'],_0x5bf401=await uiMetaProviders.fetchUiResourceMeta(_0x2d87dc);_0x35e424(_0x5bf401),await refreshBrowserDialogResources(_0x187440,_0x5ece43,_0x2e3b7a,_0x1bd62e,_0x5bf401['resourceMeta'],_0x2d2351);}__name(onInitBrowserDialog,'onInitBrowserDialog');async function onItemSelected(_0x296e15,_0x162906,_0x10b08c){const _0xa39083=await resourceDescription.getResourceDescriptionValue(_0x162906,_0x296e15),_0x527ad9={'id':_0x296e15['id'],'description':_0xa39083};_0x10b08c(_0x527ad9);}__name(onItemSelected,'onItemSelected');function onBrowserDialogPaging(_0x5d9526,_0x3dd044,_0x24be49,_0x531086,_0x5df839,_0x5350d1,_0x2cba0c){_0x24be49(odataconfig.addPaging(_0x531086,_0x5d9526['pageSize'],_0x5d9526['pagingSkip'])),refreshBrowserDialogResources(_0x3dd044,_0x24be49,_0x531086,_0x5df839,_0x5350d1,_0x2cba0c);}__name(onBrowserDialogPaging,'onBrowserDialogPaging');async function refreshBrowserDialogResources(_0x4ca25c,_0x247230,_0x36fe7f,_0x1660ff,_0x8577c9,_0x2f4dc9){let _0x43826=_0x1660ff();if(_0x43826){_0x36fe7f['filters']=utils.getObjectValues(_0x43826)['filter'](_0x8b2f38=>_0x8b2f38['rightSide']!==enums.filterOperatorTypes['none']),_0x247230(_0x36fe7f);const _0x47dbad=await resourceProviders.fetchResources(_0x8577c9['resourceName'],_0x36fe7f);_0x4ca25c(_0x47dbad?_0x47dbad['filter'](_0x231de7=>!_0x2f4dc9?.['includes'](_0x231de7['id'])):[]);}}__name(refreshBrowserDialogResources,'refreshBrowserDialogResources');async function setBrowserDialogResourceDescription(_0x3164c9,_0x101319,_0x5b15b9,_0x508511){if(_0x508511&&_0x5b15b9){const _0x3f909a=_0x3164c9['find'](_0x4d1eb6=>_0x4d1eb6['id']===_0x101319);if(_0x3f909a){const _0x368c75=await resourceDescription.getResourceDescriptionValue(_0x5b15b9,_0x3f909a);_0x508511(_0x368c75);}}}__name(setBrowserDialogResourceDescription,'setBrowserDialogResourceDescription');
 
 exports.getEmptyShortResourceDescriptor = getEmptyShortResourceDescriptor;
 exports.onBrowserDialogPaging = onBrowserDialogPaging;

package/packages/level2/meta/browsers/browser/browser-dialog/BrowserDialog.funcs.js

@@ -7,6 +7,6 @@ import { fetchResources } from '../../../resource-providers.js';
 import { fetchUiResourceMeta } from '../../../ui-meta-providers.js';
 import { getObjectValues } from '../../../../../fd-toolbox/lib/utils.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x30b3c6,_0x27838c)=>__defProp(_0x30b3c6,'name',{'value':_0x27838c,'configurable':!![]});function getEmptyShortResourceDescriptor(){return {'Id':emptyGuid,'Description':''};}__name(getEmptyShortResourceDescriptor,'getEmptyShortResourceDescriptor');async function onInitBrowserDialog(_0x113a00,_0x516380,_0x282d2e,_0x2b6fc5,_0x3436f7,_0x556a17,_0x2ac514){const _0x1c733b=_0x516380['relation']['relatedResourceName'],_0x17233d=await fetchUiResourceMeta(_0x1c733b);_0x113a00(_0x17233d),await refreshBrowserDialogResources(_0x282d2e,_0x2b6fc5,_0x3436f7,_0x556a17,_0x17233d['resourceMeta'],_0x2ac514);}__name(onInitBrowserDialog,'onInitBrowserDialog');async function onItemSelected(_0x45a5f3,_0x28071b,_0x4b77d6){const _0x3baeae=await getResourceDescriptionValue(_0x28071b,_0x45a5f3),_0x17d93b={'id':_0x45a5f3['id'],'description':_0x3baeae};_0x4b77d6(_0x17d93b);}__name(onItemSelected,'onItemSelected');function onBrowserDialogPaging(_0x2364d1,_0x4bb94f,_0xea51f1,_0x1ab4ce,_0xb433c7,_0x3cbee9,_0x105bb3){_0xea51f1(addPaging(_0x1ab4ce,_0x2364d1['pageSize'],_0x2364d1['pagingSkip'])),refreshBrowserDialogResources(_0x4bb94f,_0xea51f1,_0x1ab4ce,_0xb433c7,_0x3cbee9,_0x105bb3);}__name(onBrowserDialogPaging,'onBrowserDialogPaging');async function refreshBrowserDialogResources(_0x570003,_0x434d2,_0x42736b,_0x44236f,_0x254268,_0x3fec75){let _0x56d494=_0x44236f();if(_0x56d494){_0x42736b['filters']=getObjectValues(_0x56d494)['filter'](_0x48c0aa=>_0x48c0aa['rightSide']!==filterOperatorTypes['none']),_0x434d2(_0x42736b);const _0x29cf2d=await fetchResources(_0x254268['resourceName'],_0x42736b);_0x570003(_0x29cf2d?_0x29cf2d['filter'](_0x42d80=>!_0x3fec75?.['includes'](_0x42d80['id'])):[]);}}__name(refreshBrowserDialogResources,'refreshBrowserDialogResources');async function setBrowserDialogResourceDescription(_0x123d3d,_0x10a80f,_0x9f953b,_0x2feeeb){if(_0x2feeeb&&_0x9f953b){const _0x18d453=_0x123d3d['find'](_0x1e0eec=>_0x1e0eec['id']===_0x10a80f);if(_0x18d453){const _0x3afa1b=await getResourceDescriptionValue(_0x9f953b,_0x18d453);_0x2feeeb(_0x3afa1b);}}}__name(setBrowserDialogResourceDescription,'setBrowserDialogResourceDescription');
+var __defProp=Object['defineProperty'],__name=(_0x2225a3,_0x4c0efd)=>__defProp(_0x2225a3,'name',{'value':_0x4c0efd,'configurable':!![]});function getEmptyShortResourceDescriptor(){return {'Id':emptyGuid,'Description':''};}__name(getEmptyShortResourceDescriptor,'getEmptyShortResourceDescriptor');async function onInitBrowserDialog(_0x35e424,_0x1861f8,_0x187440,_0x5ece43,_0x2e3b7a,_0x1bd62e,_0x2d2351){const _0x2d87dc=_0x1861f8['relation']['relatedResourceName'],_0x5bf401=await fetchUiResourceMeta(_0x2d87dc);_0x35e424(_0x5bf401),await refreshBrowserDialogResources(_0x187440,_0x5ece43,_0x2e3b7a,_0x1bd62e,_0x5bf401['resourceMeta'],_0x2d2351);}__name(onInitBrowserDialog,'onInitBrowserDialog');async function onItemSelected(_0x296e15,_0x162906,_0x10b08c){const _0xa39083=await getResourceDescriptionValue(_0x162906,_0x296e15),_0x527ad9={'id':_0x296e15['id'],'description':_0xa39083};_0x10b08c(_0x527ad9);}__name(onItemSelected,'onItemSelected');function onBrowserDialogPaging(_0x5d9526,_0x3dd044,_0x24be49,_0x531086,_0x5df839,_0x5350d1,_0x2cba0c){_0x24be49(addPaging(_0x531086,_0x5d9526['pageSize'],_0x5d9526['pagingSkip'])),refreshBrowserDialogResources(_0x3dd044,_0x24be49,_0x531086,_0x5df839,_0x5350d1,_0x2cba0c);}__name(onBrowserDialogPaging,'onBrowserDialogPaging');async function refreshBrowserDialogResources(_0x4ca25c,_0x247230,_0x36fe7f,_0x1660ff,_0x8577c9,_0x2f4dc9){let _0x43826=_0x1660ff();if(_0x43826){_0x36fe7f['filters']=getObjectValues(_0x43826)['filter'](_0x8b2f38=>_0x8b2f38['rightSide']!==filterOperatorTypes['none']),_0x247230(_0x36fe7f);const _0x47dbad=await fetchResources(_0x8577c9['resourceName'],_0x36fe7f);_0x4ca25c(_0x47dbad?_0x47dbad['filter'](_0x231de7=>!_0x2f4dc9?.['includes'](_0x231de7['id'])):[]);}}__name(refreshBrowserDialogResources,'refreshBrowserDialogResources');async function setBrowserDialogResourceDescription(_0x3164c9,_0x101319,_0x5b15b9,_0x508511){if(_0x508511&&_0x5b15b9){const _0x3f909a=_0x3164c9['find'](_0x4d1eb6=>_0x4d1eb6['id']===_0x101319);if(_0x3f909a){const _0x368c75=await getResourceDescriptionValue(_0x5b15b9,_0x3f909a);_0x508511(_0x368c75);}}}__name(setBrowserDialogResourceDescription,'setBrowserDialogResourceDescription');
 
 export { getEmptyShortResourceDescriptor, onBrowserDialogPaging, onInitBrowserDialog, onItemSelected, refreshBrowserDialogResources, setBrowserDialogResourceDescription };

package/packages/level2/meta/browsers/many-to-many-browser/ManyToManyBrowser.cjs.js

@@ -9,7 +9,7 @@ var BaseMultiBrowser_funcs = require('../base-multi-browser/BaseMultiBrowser.fun
 var ManyToManyBrowser_funcs = require('./ManyToManyBrowser.funcs.cjs.js');
 var useAsyncEffect = require('../../../../fd-toolbox/hooks/use-async-effect.cjs.js');
 var BaseMultiBrowser = require('../base-multi-browser/BaseMultiBrowser.cjs.js');
-var elements = require('../../../../fd-toolbox/constants/elements.cjs.js');
+var browserType = require('../browser-type.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -23,12 +23,12 @@ function ManyToManyBrowser(t0) {
     propertyMeta,
     onChange,
     parentContextName: parentContextNameProp,
-    short,
+    displayMode,
     disabled,
     readOnly,
     relatedResourceId,
     invalid,
-    setSelectedResourceIds,
+    onSelectedResourceIdsChange,
     children: icons
   } = t0;
   const [propertyResourceMeta, setPropertyResourceMeta] = React.useState();
@@ -42,17 +42,15 @@ function ManyToManyBrowser(t0) {
   const [selectedResources, setSelectedResources] = React.useState(t1);
   const [relatedResourcePropertyMeta, setRelatedResourcePropertyMeta] = React.useState();
   const [loadComplete, setLoadComplete] = React.useState(false);
-  const parentContextName = parentContextNameProp ?? "";
-  const contextName = `${parentContextName}${elements.elements.multiBrowser.ManyToManyBrowser}`;
   let t2;
-  if ($[1] !== propertyMeta || $[2] !== propertyResourceMeta || $[3] !== relatedResourceId || $[4] !== setSelectedResourceIds) {
+  if ($[1] !== onSelectedResourceIdsChange || $[2] !== propertyMeta || $[3] !== propertyResourceMeta || $[4] !== relatedResourceId) {
     t2 = async () => {
-      await ManyToManyBrowser_funcs.writeValue(propertyMeta, setSelectedResources, setPropertyResourceMeta, setLoadComplete, setRelatedResourcePropertyMeta, propertyResourceMeta, relatedResourceId, setSelectedResourceIds);
+      await ManyToManyBrowser_funcs.writeValue(propertyMeta, setSelectedResources, setPropertyResourceMeta, setLoadComplete, setRelatedResourcePropertyMeta, propertyResourceMeta, relatedResourceId, onSelectedResourceIdsChange);
     };
-    $[1] = propertyMeta;
-    $[2] = propertyResourceMeta;
-    $[3] = relatedResourceId;
-    $[4] = setSelectedResourceIds;
+    $[1] = onSelectedResourceIdsChange;
+    $[2] = propertyMeta;
+    $[3] = propertyResourceMeta;
+    $[4] = relatedResourceId;
     $[5] = t2;
   } else {
     t2 = $[5];
@@ -67,7 +65,7 @@ function ManyToManyBrowser(t0) {
   }
   useAsyncEffect.useAsyncEffect(t2, t3);
   let t4;
-  if ($[8] !== contextName || $[9] !== disabled || $[10] !== icons || $[11] !== invalid || $[12] !== loadComplete || $[13] !== onChange || $[14] !== propertyMeta || $[15] !== propertyResourceMeta || $[16] !== readOnly || $[17] !== relatedResourceId || $[18] !== relatedResourcePropertyMeta || $[19] !== required || $[20] !== selectedResources || $[21] !== short) {
+  if ($[8] !== disabled || $[9] !== displayMode || $[10] !== icons || $[11] !== invalid || $[12] !== loadComplete || $[13] !== onChange || $[14] !== parentContextNameProp || $[15] !== propertyMeta || $[16] !== propertyResourceMeta || $[17] !== readOnly || $[18] !== relatedResourceId || $[19] !== relatedResourcePropertyMeta || $[20] !== required || $[21] !== selectedResources) {
     let t5;
     if ($[23] !== onChange || $[24] !== propertyMeta || $[25] !== propertyResourceMeta) {
       t5 = resources => BaseMultiBrowser_funcs.closeDialog(resources, setSelectedResources, propertyMeta, setPropertyResourceMeta, propertyResourceMeta, onChange);
@@ -97,14 +95,15 @@ function ManyToManyBrowser(t0) {
       t7 = $[31];
     }
     t4 = jsxRuntime.jsx(BaseMultiBrowser.BaseMultiBrowser, {
-      parentContextName: contextName,
+      parentContextName: parentContextNameProp,
+      browserType: browserType.browserTypes.manyToManyBrowser,
       required,
       propertyMeta,
       relatedResourceId,
       selectedResources,
       onCloseDialog,
       onDescriptionChange: t6,
-      short,
+      displayMode,
       disabled,
       readOnly,
       relatedResourcePropertyMeta,
@@ -115,20 +114,20 @@ function ManyToManyBrowser(t0) {
       invalid,
       children: icons
     });
-    $[8] = contextName;
-    $[9] = disabled;
+    $[8] = disabled;
+    $[9] = displayMode;
     $[10] = icons;
     $[11] = invalid;
     $[12] = loadComplete;
     $[13] = onChange;
-    $[14] = propertyMeta;
-    $[15] = propertyResourceMeta;
-    $[16] = readOnly;
-    $[17] = relatedResourceId;
-    $[18] = relatedResourcePropertyMeta;
-    $[19] = required;
-    $[20] = selectedResources;
-    $[21] = short;
+    $[14] = parentContextNameProp;
+    $[15] = propertyMeta;
+    $[16] = propertyResourceMeta;
+    $[17] = readOnly;
+    $[18] = relatedResourceId;
+    $[19] = relatedResourcePropertyMeta;
+    $[20] = required;
+    $[21] = selectedResources;
     $[22] = t4;
   } else {
     t4 = $[22];

package/packages/level2/meta/browsers/many-to-many-browser/ManyToManyBrowser.d.ts

@@ -4,6 +4,7 @@ import { VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functio
 import React, { ReactNode } from "react";
 import { WithId } from "../../../../fd-toolbox-core/types/resource-with-id";
 import { WithParentContextName } from "../../../../fd-toolbox/types/with-parent-context-name";
+import { BrowserDisplayMode } from "../../../../fd-toolbox/enums/enums";
 /**
  * Props for the {@link ManyToManyBrowser} component.
  * Extends {@link WithParentContextName} for parent context integration.
@@ -16,15 +17,19 @@ export interface ManyToManyBrowserProps extends WithParentContextName {
     /** Whether the field is in error state (for aria-invalid / styling) */
     invalid?: boolean;
     /** Event handler called when selected resources have been loaded */
-    setSelectedResourceIds?: VoidFunc<string[]>;
+    onSelectedResourceIdsChange?: VoidFunc<string[]>;
     /**
      * Event handler called when the selected resources change.
      * First parameter: array of selected resources {@link WithId}
      * Second parameter: resource metadata {@link ResourceMeta}
      */
     onChange?: VoidFunc<WithId[], ResourceMeta>;
-    /** Whether to display the browser in short mode */
-    short?: boolean;
+    /**
+     * Display mode of the browser.
+     * {@link browserDisplayModes.default} shows the standard browser view.
+     * {@link browserDisplayModes.short} shows the compact view.
+     */
+    displayMode?: BrowserDisplayMode;
     /** Whether the browser is disabled */
     disabled?: boolean;
     /** Whether the browser is read-only */
@@ -39,4 +44,4 @@ export interface ManyToManyBrowserProps extends WithParentContextName {
  * Used for many-to-many relationships.
  * {@link ManyToManyBrowserProps} - component props
  */
-export declare function ManyToManyBrowser({ required, propertyMeta, onChange, parentContextName: parentContextNameProp, short, disabled, readOnly, relatedResourceId, invalid, setSelectedResourceIds, children: icons, }: ManyToManyBrowserProps): React.JSX.Element;
+export declare function ManyToManyBrowser({ required, propertyMeta, onChange, parentContextName: parentContextNameProp, displayMode, disabled, readOnly, relatedResourceId, invalid, onSelectedResourceIdsChange, children: icons, }: ManyToManyBrowserProps): React.JSX.Element;

package/packages/level2/meta/browsers/many-to-many-browser/ManyToManyBrowser.funcs.cjs.js

@@ -9,7 +9,7 @@ var BaseMultiBrowser_funcs = require('../base-multi-browser/BaseMultiBrowser.fun
 var odataEnums = require('../../../../fd-toolbox/odata/odata-enums.cjs.js');
 var propertyValue = require('../../../../fd-toolbox/objects/property-value.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x1dce57,_0x21694c)=>__defProp(_0x1dce57,'name',{'value':_0x21694c,'configurable':!![]});async function writeValue(_0xc3953e,_0x11e706,_0x576a11,_0x2cfd50,_0x39cbf3,_0x563a63,_0x2b5a8f,_0x46aaca){const _0x2e6115=await fetchManyToManyBrowserRelatedResources(_0xc3953e,_0x2b5a8f);let _0x3fcfc6,_0x35067d=[];_0xc3953e['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&(_0x35067d=_0x2e6115['data']['map'](_0x1403fe=>{const _0x54f7cb=_0xc3953e['relation']['manyToManyInfo']['firstExpandPropertyName'];return propertyValue.getPropertyValue(_0x1403fe,_0x54f7cb);}));let _0x10be24=_0x2e6115['data']['map'](_0x1c2fe1=>{const _0x50e8c8=_0xc3953e['relation']['manyToManyInfo']['secondExpandPropertyName'];return propertyValue.getPropertyValue(_0x1c2fe1,_0x50e8c8);});_0x3fcfc6=[..._0x35067d,..._0x10be24]['filter'](_0x35d45e=>_0x35d45e?.['id']!==_0x2b5a8f),_0x11e706(_0x3fcfc6);const _0x468fed=await getManyToManyBrowserRelatedResourcePropertyMeta(_0xc3953e);_0x39cbf3(_0x468fed),await setManyToManyBrowserPropertyResourceMeta(_0xc3953e,_0x576a11,_0x563a63),_0x46aaca?.(_0x3fcfc6['map'](_0x405827=>_0x405827['id'])),_0x2cfd50(!![]);}__name(writeValue,'writeValue');function getViewMultiListFiltersForManyToManyBrowserField(_0x3cef3b,_0x5a5c88){const _0xd629fc=[{'leftSide':_0x3cef3b['relation']['manyToManyInfo']['manyToManyFirstPropertyName'],'rightSide':_0x5a5c88,'type':odataEnums.oDataFilterTypes['guid'],'comparisonType':odataEnums.oDataComparisonTypes['equal']}];return _0x3cef3b['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&_0xd629fc['push']({'leftSide':_0x3cef3b['relation']['manyToManyInfo']['manyToManySecondPropertyName'],'rightSide':_0x5a5c88,'type':odataEnums.oDataFilterTypes['guid'],'logicalOperationType':odataEnums.oDataLogicalOperationTypes['or'],'comparisonType':odataEnums.oDataComparisonTypes['equal']}),_0xd629fc;}__name(getViewMultiListFiltersForManyToManyBrowserField,'getViewMultiListFiltersForManyToManyBrowserField');function fetchManyToManyBrowserRelatedResources(_0xaa3f89,_0x95016a){let _0x1273c5;return _0xaa3f89['relation']['manyToManyInfo']['isMirrorManyToManyResource']?_0x1273c5=[_0xaa3f89['relation']['manyToManyInfo']['firstExpandPropertyName'],_0xaa3f89['relation']['manyToManyInfo']['secondExpandPropertyName']]:_0x1273c5=[_0xaa3f89['relation']['manyToManyInfo']['secondExpandPropertyName']],apiClient.apiGetWithOData(_0xaa3f89['relation']['manyToManyInfo']['manyToManyResourceName'],{'filters':getViewMultiListFiltersForManyToManyBrowserField(_0xaa3f89,_0x95016a),'expands':_0x1273c5});}__name(fetchManyToManyBrowserRelatedResources,'fetchManyToManyBrowserRelatedResources');async function setManyToManyBrowserPropertyResourceMeta(_0x553083,_0x4c6f29,_0x1433e1){const _0x1415e3=await getManyToManyBrowserResourceMetaIfNeeded(_0x553083,_0x1433e1);return _0x1415e3&&_0x4c6f29(_0x1415e3),_0x1415e3;}__name(setManyToManyBrowserPropertyResourceMeta,'setManyToManyBrowserPropertyResourceMeta');async function getManyToManyBrowserResourceMetaIfNeeded(_0x18770c,_0x4d345c){const _0x2cce03=!valueCheckingFunctions.isNullOrUndefined(_0x4d345c)&&Object['keys'](_0x4d345c)['length']>0x20b4+-0x13b6+-0xcfe;if(_0x2cce03)return Promise['resolve'](_0x4d345c);const _0x20f32a=await uiMetaProviders.fetchUiResourceMeta(_0x18770c['relation']['manyToManyInfo']['secondResourceName']);return _0x20f32a['resourceMeta'];}__name(getManyToManyBrowserResourceMetaIfNeeded,'getManyToManyBrowserResourceMetaIfNeeded');async function getManyToManyBrowserRelatedResourcePropertyMeta(_0x1933ce){const _0x4363b7=await propertyMetas.getPropertyMeta(_0x1933ce['relation']['manyToManyInfo']['manyToManySecondPropertyName'],_0x1933ce['relation']['manyToManyInfo']['manyToManyResourceName']);return _0x4363b7;}__name(getManyToManyBrowserRelatedResourcePropertyMeta,'getManyToManyBrowserRelatedResourcePropertyMeta');async function setManyToManyDescription(_0x94afda,_0x35d5db,_0x260925){BaseMultiBrowser_funcs.setMultiBrowserDescription(_0x35d5db,_0x260925,_0x94afda);}__name(setManyToManyDescription,'setManyToManyDescription');
+var __defProp=Object['defineProperty'],__name=(_0x9c9915,_0x1fba06)=>__defProp(_0x9c9915,'name',{'value':_0x1fba06,'configurable':!![]});async function writeValue(_0x5b8243,_0x102b21,_0x2e91be,_0x4cb622,_0x12136c,_0x2712a5,_0x47adf7,_0x39978b){const _0x3c5377=await fetchManyToManyBrowserRelatedResources(_0x5b8243,_0x47adf7);let _0x1d8cc8,_0x46abcd=[];_0x5b8243['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&(_0x46abcd=_0x3c5377['data']['map'](_0x493ddb=>{const _0x5bfcdd=_0x5b8243['relation']['manyToManyInfo']['firstExpandPropertyName'];return propertyValue.getPropertyValue(_0x493ddb,_0x5bfcdd);}));let _0xaa55fd=_0x3c5377['data']['map'](_0x48cd70=>{const _0x51c9b9=_0x5b8243['relation']['manyToManyInfo']['secondExpandPropertyName'];return propertyValue.getPropertyValue(_0x48cd70,_0x51c9b9);});_0x1d8cc8=[..._0x46abcd,..._0xaa55fd]['filter'](_0x53680a=>_0x53680a?.['id']!==_0x47adf7),_0x102b21(_0x1d8cc8);const _0x144d58=await getManyToManyBrowserRelatedResourcePropertyMeta(_0x5b8243);_0x12136c(_0x144d58),await setManyToManyBrowserPropertyResourceMeta(_0x5b8243,_0x2e91be,_0x2712a5),_0x39978b?.(_0x1d8cc8['map'](_0x4713d0=>_0x4713d0['id'])),_0x4cb622(!![]);}__name(writeValue,'writeValue');function getViewMultiListFiltersForManyToManyBrowserField(_0x4ff608,_0x1578ee){const _0xf285d3=[{'leftSide':_0x4ff608['relation']['manyToManyInfo']['manyToManyFirstPropertyName'],'rightSide':_0x1578ee,'type':odataEnums.oDataFilterTypes['guid'],'comparisonType':odataEnums.oDataComparisonTypes['equal']}];return _0x4ff608['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&_0xf285d3['push']({'leftSide':_0x4ff608['relation']['manyToManyInfo']['manyToManySecondPropertyName'],'rightSide':_0x1578ee,'type':odataEnums.oDataFilterTypes['guid'],'logicalOperationType':odataEnums.oDataLogicalOperationTypes['or'],'comparisonType':odataEnums.oDataComparisonTypes['equal']}),_0xf285d3;}__name(getViewMultiListFiltersForManyToManyBrowserField,'getViewMultiListFiltersForManyToManyBrowserField');function fetchManyToManyBrowserRelatedResources(_0x22712e,_0xd68531){let _0x3122d4;return _0x22712e['relation']['manyToManyInfo']['isMirrorManyToManyResource']?_0x3122d4=[_0x22712e['relation']['manyToManyInfo']['firstExpandPropertyName'],_0x22712e['relation']['manyToManyInfo']['secondExpandPropertyName']]:_0x3122d4=[_0x22712e['relation']['manyToManyInfo']['secondExpandPropertyName']],apiClient.apiGetWithOData(_0x22712e['relation']['manyToManyInfo']['manyToManyResourceName'],{'filters':getViewMultiListFiltersForManyToManyBrowserField(_0x22712e,_0xd68531),'expands':_0x3122d4});}__name(fetchManyToManyBrowserRelatedResources,'fetchManyToManyBrowserRelatedResources');async function setManyToManyBrowserPropertyResourceMeta(_0x3ec180,_0x13fe7f,_0x193e09){const _0x10f7ef=await getManyToManyBrowserResourceMetaIfNeeded(_0x3ec180,_0x193e09);return _0x10f7ef&&_0x13fe7f(_0x10f7ef),_0x10f7ef;}__name(setManyToManyBrowserPropertyResourceMeta,'setManyToManyBrowserPropertyResourceMeta');async function getManyToManyBrowserResourceMetaIfNeeded(_0xd17973,_0x3a2131){const _0x3f0fd3=!valueCheckingFunctions.isNullOrUndefined(_0x3a2131)&&Object['keys'](_0x3a2131)['length']>0x5*0x14b+0xb99+-0x88*0x22;if(_0x3f0fd3)return Promise['resolve'](_0x3a2131);const _0x1871c1=await uiMetaProviders.fetchUiResourceMeta(_0xd17973['relation']['manyToManyInfo']['secondResourceName']);return _0x1871c1['resourceMeta'];}__name(getManyToManyBrowserResourceMetaIfNeeded,'getManyToManyBrowserResourceMetaIfNeeded');async function getManyToManyBrowserRelatedResourcePropertyMeta(_0x47b786){const _0x1aa7e5=await propertyMetas.getPropertyMeta(_0x47b786['relation']['manyToManyInfo']['manyToManySecondPropertyName'],_0x47b786['relation']['manyToManyInfo']['manyToManyResourceName']);return _0x1aa7e5;}__name(getManyToManyBrowserRelatedResourcePropertyMeta,'getManyToManyBrowserRelatedResourcePropertyMeta');async function setManyToManyDescription(_0x249138,_0xd6b70b,_0x396c81){BaseMultiBrowser_funcs.setMultiBrowserDescription(_0xd6b70b,_0x396c81,_0x249138);}__name(setManyToManyDescription,'setManyToManyDescription');
 
 exports.getManyToManyBrowserRelatedResourcePropertyMeta = getManyToManyBrowserRelatedResourcePropertyMeta;
 exports.getManyToManyBrowserResourceMetaIfNeeded = getManyToManyBrowserResourceMetaIfNeeded;

package/packages/level2/meta/browsers/many-to-many-browser/ManyToManyBrowser.funcs.d.ts

@@ -3,7 +3,7 @@ import { WithId } from "../../../../fd-toolbox-core/types/resource-with-id";
 import { BaseODataFilter } from "../../../../fd-toolbox/odata/filters/base-odata-filter";
 import { VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functions";
 import { ResourceMeta } from "../../core/resource-meta";
-export declare function writeValue(propertyMeta: PropertyMeta, setSelectedResourcesState: VoidFunc<WithId[]>, setPropertyResourceMetaState: VoidFunc<ResourceMeta>, setLoadComplete: VoidFunc<boolean>, setRelatedResourcePropertyMeta: VoidFunc<PropertyMeta>, propertyResourceMeta?: ResourceMeta, relatedResourceId?: string, setSelectedResourceIds?: VoidFunc<string[]>): Promise<void>;
+export declare function writeValue(propertyMeta: PropertyMeta, setSelectedResourcesState: VoidFunc<WithId[]>, setPropertyResourceMetaState: VoidFunc<ResourceMeta>, setLoadComplete: VoidFunc<boolean>, setRelatedResourcePropertyMeta: VoidFunc<PropertyMeta>, propertyResourceMeta?: ResourceMeta, relatedResourceId?: string, onSelectedResourceIdsChange?: VoidFunc<string[]>): Promise<void>;
 export declare function getViewMultiListFiltersForManyToManyBrowserField(propertyMeta: PropertyMeta, relatedResourceId?: string): BaseODataFilter<unknown>[];
 export declare function setManyToManyBrowserPropertyResourceMeta(propertyMeta: PropertyMeta, setPropertyResourceMetaState: VoidFunc<ResourceMeta>, propertyResourceMeta?: ResourceMeta): Promise<ResourceMeta>;
 export declare function getManyToManyBrowserResourceMetaIfNeeded(propertyMeta: PropertyMeta, propertyResourceMeta?: ResourceMeta): Promise<ResourceMeta>;

package/packages/level2/meta/browsers/many-to-many-browser/ManyToManyBrowser.funcs.js

@@ -7,6 +7,6 @@ import { setMultiBrowserDescription } from '../base-multi-browser/BaseMultiBrows
 import { oDataComparisonTypes, oDataFilterTypes, oDataLogicalOperationTypes } from '../../../../fd-toolbox/odata/odata-enums.js';
 import { getPropertyValue } from '../../../../fd-toolbox/objects/property-value.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x1dce57,_0x21694c)=>__defProp(_0x1dce57,'name',{'value':_0x21694c,'configurable':!![]});async function writeValue(_0xc3953e,_0x11e706,_0x576a11,_0x2cfd50,_0x39cbf3,_0x563a63,_0x2b5a8f,_0x46aaca){const _0x2e6115=await fetchManyToManyBrowserRelatedResources(_0xc3953e,_0x2b5a8f);let _0x3fcfc6,_0x35067d=[];_0xc3953e['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&(_0x35067d=_0x2e6115['data']['map'](_0x1403fe=>{const _0x54f7cb=_0xc3953e['relation']['manyToManyInfo']['firstExpandPropertyName'];return getPropertyValue(_0x1403fe,_0x54f7cb);}));let _0x10be24=_0x2e6115['data']['map'](_0x1c2fe1=>{const _0x50e8c8=_0xc3953e['relation']['manyToManyInfo']['secondExpandPropertyName'];return getPropertyValue(_0x1c2fe1,_0x50e8c8);});_0x3fcfc6=[..._0x35067d,..._0x10be24]['filter'](_0x35d45e=>_0x35d45e?.['id']!==_0x2b5a8f),_0x11e706(_0x3fcfc6);const _0x468fed=await getManyToManyBrowserRelatedResourcePropertyMeta(_0xc3953e);_0x39cbf3(_0x468fed),await setManyToManyBrowserPropertyResourceMeta(_0xc3953e,_0x576a11,_0x563a63),_0x46aaca?.(_0x3fcfc6['map'](_0x405827=>_0x405827['id'])),_0x2cfd50(!![]);}__name(writeValue,'writeValue');function getViewMultiListFiltersForManyToManyBrowserField(_0x3cef3b,_0x5a5c88){const _0xd629fc=[{'leftSide':_0x3cef3b['relation']['manyToManyInfo']['manyToManyFirstPropertyName'],'rightSide':_0x5a5c88,'type':oDataFilterTypes['guid'],'comparisonType':oDataComparisonTypes['equal']}];return _0x3cef3b['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&_0xd629fc['push']({'leftSide':_0x3cef3b['relation']['manyToManyInfo']['manyToManySecondPropertyName'],'rightSide':_0x5a5c88,'type':oDataFilterTypes['guid'],'logicalOperationType':oDataLogicalOperationTypes['or'],'comparisonType':oDataComparisonTypes['equal']}),_0xd629fc;}__name(getViewMultiListFiltersForManyToManyBrowserField,'getViewMultiListFiltersForManyToManyBrowserField');function fetchManyToManyBrowserRelatedResources(_0xaa3f89,_0x95016a){let _0x1273c5;return _0xaa3f89['relation']['manyToManyInfo']['isMirrorManyToManyResource']?_0x1273c5=[_0xaa3f89['relation']['manyToManyInfo']['firstExpandPropertyName'],_0xaa3f89['relation']['manyToManyInfo']['secondExpandPropertyName']]:_0x1273c5=[_0xaa3f89['relation']['manyToManyInfo']['secondExpandPropertyName']],apiGetWithOData(_0xaa3f89['relation']['manyToManyInfo']['manyToManyResourceName'],{'filters':getViewMultiListFiltersForManyToManyBrowserField(_0xaa3f89,_0x95016a),'expands':_0x1273c5});}__name(fetchManyToManyBrowserRelatedResources,'fetchManyToManyBrowserRelatedResources');async function setManyToManyBrowserPropertyResourceMeta(_0x553083,_0x4c6f29,_0x1433e1){const _0x1415e3=await getManyToManyBrowserResourceMetaIfNeeded(_0x553083,_0x1433e1);return _0x1415e3&&_0x4c6f29(_0x1415e3),_0x1415e3;}__name(setManyToManyBrowserPropertyResourceMeta,'setManyToManyBrowserPropertyResourceMeta');async function getManyToManyBrowserResourceMetaIfNeeded(_0x18770c,_0x4d345c){const _0x2cce03=!isNullOrUndefined(_0x4d345c)&&Object['keys'](_0x4d345c)['length']>0x20b4+-0x13b6+-0xcfe;if(_0x2cce03)return Promise['resolve'](_0x4d345c);const _0x20f32a=await fetchUiResourceMeta(_0x18770c['relation']['manyToManyInfo']['secondResourceName']);return _0x20f32a['resourceMeta'];}__name(getManyToManyBrowserResourceMetaIfNeeded,'getManyToManyBrowserResourceMetaIfNeeded');async function getManyToManyBrowserRelatedResourcePropertyMeta(_0x1933ce){const _0x4363b7=await getPropertyMeta(_0x1933ce['relation']['manyToManyInfo']['manyToManySecondPropertyName'],_0x1933ce['relation']['manyToManyInfo']['manyToManyResourceName']);return _0x4363b7;}__name(getManyToManyBrowserRelatedResourcePropertyMeta,'getManyToManyBrowserRelatedResourcePropertyMeta');async function setManyToManyDescription(_0x94afda,_0x35d5db,_0x260925){setMultiBrowserDescription(_0x35d5db,_0x260925,_0x94afda);}__name(setManyToManyDescription,'setManyToManyDescription');
+var __defProp=Object['defineProperty'],__name=(_0x9c9915,_0x1fba06)=>__defProp(_0x9c9915,'name',{'value':_0x1fba06,'configurable':!![]});async function writeValue(_0x5b8243,_0x102b21,_0x2e91be,_0x4cb622,_0x12136c,_0x2712a5,_0x47adf7,_0x39978b){const _0x3c5377=await fetchManyToManyBrowserRelatedResources(_0x5b8243,_0x47adf7);let _0x1d8cc8,_0x46abcd=[];_0x5b8243['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&(_0x46abcd=_0x3c5377['data']['map'](_0x493ddb=>{const _0x5bfcdd=_0x5b8243['relation']['manyToManyInfo']['firstExpandPropertyName'];return getPropertyValue(_0x493ddb,_0x5bfcdd);}));let _0xaa55fd=_0x3c5377['data']['map'](_0x48cd70=>{const _0x51c9b9=_0x5b8243['relation']['manyToManyInfo']['secondExpandPropertyName'];return getPropertyValue(_0x48cd70,_0x51c9b9);});_0x1d8cc8=[..._0x46abcd,..._0xaa55fd]['filter'](_0x53680a=>_0x53680a?.['id']!==_0x47adf7),_0x102b21(_0x1d8cc8);const _0x144d58=await getManyToManyBrowserRelatedResourcePropertyMeta(_0x5b8243);_0x12136c(_0x144d58),await setManyToManyBrowserPropertyResourceMeta(_0x5b8243,_0x2e91be,_0x2712a5),_0x39978b?.(_0x1d8cc8['map'](_0x4713d0=>_0x4713d0['id'])),_0x4cb622(!![]);}__name(writeValue,'writeValue');function getViewMultiListFiltersForManyToManyBrowserField(_0x4ff608,_0x1578ee){const _0xf285d3=[{'leftSide':_0x4ff608['relation']['manyToManyInfo']['manyToManyFirstPropertyName'],'rightSide':_0x1578ee,'type':oDataFilterTypes['guid'],'comparisonType':oDataComparisonTypes['equal']}];return _0x4ff608['relation']['manyToManyInfo']['isMirrorManyToManyResource']&&_0xf285d3['push']({'leftSide':_0x4ff608['relation']['manyToManyInfo']['manyToManySecondPropertyName'],'rightSide':_0x1578ee,'type':oDataFilterTypes['guid'],'logicalOperationType':oDataLogicalOperationTypes['or'],'comparisonType':oDataComparisonTypes['equal']}),_0xf285d3;}__name(getViewMultiListFiltersForManyToManyBrowserField,'getViewMultiListFiltersForManyToManyBrowserField');function fetchManyToManyBrowserRelatedResources(_0x22712e,_0xd68531){let _0x3122d4;return _0x22712e['relation']['manyToManyInfo']['isMirrorManyToManyResource']?_0x3122d4=[_0x22712e['relation']['manyToManyInfo']['firstExpandPropertyName'],_0x22712e['relation']['manyToManyInfo']['secondExpandPropertyName']]:_0x3122d4=[_0x22712e['relation']['manyToManyInfo']['secondExpandPropertyName']],apiGetWithOData(_0x22712e['relation']['manyToManyInfo']['manyToManyResourceName'],{'filters':getViewMultiListFiltersForManyToManyBrowserField(_0x22712e,_0xd68531),'expands':_0x3122d4});}__name(fetchManyToManyBrowserRelatedResources,'fetchManyToManyBrowserRelatedResources');async function setManyToManyBrowserPropertyResourceMeta(_0x3ec180,_0x13fe7f,_0x193e09){const _0x10f7ef=await getManyToManyBrowserResourceMetaIfNeeded(_0x3ec180,_0x193e09);return _0x10f7ef&&_0x13fe7f(_0x10f7ef),_0x10f7ef;}__name(setManyToManyBrowserPropertyResourceMeta,'setManyToManyBrowserPropertyResourceMeta');async function getManyToManyBrowserResourceMetaIfNeeded(_0xd17973,_0x3a2131){const _0x3f0fd3=!isNullOrUndefined(_0x3a2131)&&Object['keys'](_0x3a2131)['length']>0x5*0x14b+0xb99+-0x88*0x22;if(_0x3f0fd3)return Promise['resolve'](_0x3a2131);const _0x1871c1=await fetchUiResourceMeta(_0xd17973['relation']['manyToManyInfo']['secondResourceName']);return _0x1871c1['resourceMeta'];}__name(getManyToManyBrowserResourceMetaIfNeeded,'getManyToManyBrowserResourceMetaIfNeeded');async function getManyToManyBrowserRelatedResourcePropertyMeta(_0x47b786){const _0x1aa7e5=await getPropertyMeta(_0x47b786['relation']['manyToManyInfo']['manyToManySecondPropertyName'],_0x47b786['relation']['manyToManyInfo']['manyToManyResourceName']);return _0x1aa7e5;}__name(getManyToManyBrowserRelatedResourcePropertyMeta,'getManyToManyBrowserRelatedResourcePropertyMeta');async function setManyToManyDescription(_0x249138,_0xd6b70b,_0x396c81){setMultiBrowserDescription(_0xd6b70b,_0x396c81,_0x249138);}__name(setManyToManyDescription,'setManyToManyDescription');
 
 export { getManyToManyBrowserRelatedResourcePropertyMeta, getManyToManyBrowserResourceMetaIfNeeded, getViewMultiListFiltersForManyToManyBrowserField, setManyToManyBrowserPropertyResourceMeta, setManyToManyDescription, writeValue };

package/packages/level2/meta/browsers/many-to-many-browser/ManyToManyBrowser.js

@@ -7,7 +7,7 @@ import { closeDialog, onMultiBrowserInputUpdate } from '../base-multi-browser/Ba
 import { writeValue, getManyToManyBrowserRelatedResourcePropertyMeta } from './ManyToManyBrowser.funcs.js';
 import { useAsyncEffect } from '../../../../fd-toolbox/hooks/use-async-effect.js';
 import { BaseMultiBrowser } from '../base-multi-browser/BaseMultiBrowser.js';
-import { elements } from '../../../../fd-toolbox/constants/elements.js';
+import { browserTypes } from '../browser-type.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -21,12 +21,12 @@ function ManyToManyBrowser(t0) {
     propertyMeta,
     onChange,
     parentContextName: parentContextNameProp,
-    short,
+    displayMode,
     disabled,
     readOnly,
     relatedResourceId,
     invalid,
-    setSelectedResourceIds,
+    onSelectedResourceIdsChange,
     children: icons
   } = t0;
   const [propertyResourceMeta, setPropertyResourceMeta] = useState();
@@ -40,17 +40,15 @@ function ManyToManyBrowser(t0) {
   const [selectedResources, setSelectedResources] = useState(t1);
   const [relatedResourcePropertyMeta, setRelatedResourcePropertyMeta] = useState();
   const [loadComplete, setLoadComplete] = useState(false);
-  const parentContextName = parentContextNameProp ?? "";
-  const contextName = `${parentContextName}${elements.multiBrowser.ManyToManyBrowser}`;
   let t2;
-  if ($[1] !== propertyMeta || $[2] !== propertyResourceMeta || $[3] !== relatedResourceId || $[4] !== setSelectedResourceIds) {
+  if ($[1] !== onSelectedResourceIdsChange || $[2] !== propertyMeta || $[3] !== propertyResourceMeta || $[4] !== relatedResourceId) {
     t2 = async () => {
-      await writeValue(propertyMeta, setSelectedResources, setPropertyResourceMeta, setLoadComplete, setRelatedResourcePropertyMeta, propertyResourceMeta, relatedResourceId, setSelectedResourceIds);
+      await writeValue(propertyMeta, setSelectedResources, setPropertyResourceMeta, setLoadComplete, setRelatedResourcePropertyMeta, propertyResourceMeta, relatedResourceId, onSelectedResourceIdsChange);
     };
-    $[1] = propertyMeta;
-    $[2] = propertyResourceMeta;
-    $[3] = relatedResourceId;
-    $[4] = setSelectedResourceIds;
+    $[1] = onSelectedResourceIdsChange;
+    $[2] = propertyMeta;
+    $[3] = propertyResourceMeta;
+    $[4] = relatedResourceId;
     $[5] = t2;
   } else {
     t2 = $[5];
@@ -65,7 +63,7 @@ function ManyToManyBrowser(t0) {
   }
   useAsyncEffect(t2, t3);
   let t4;
-  if ($[8] !== contextName || $[9] !== disabled || $[10] !== icons || $[11] !== invalid || $[12] !== loadComplete || $[13] !== onChange || $[14] !== propertyMeta || $[15] !== propertyResourceMeta || $[16] !== readOnly || $[17] !== relatedResourceId || $[18] !== relatedResourcePropertyMeta || $[19] !== required || $[20] !== selectedResources || $[21] !== short) {
+  if ($[8] !== disabled || $[9] !== displayMode || $[10] !== icons || $[11] !== invalid || $[12] !== loadComplete || $[13] !== onChange || $[14] !== parentContextNameProp || $[15] !== propertyMeta || $[16] !== propertyResourceMeta || $[17] !== readOnly || $[18] !== relatedResourceId || $[19] !== relatedResourcePropertyMeta || $[20] !== required || $[21] !== selectedResources) {
     let t5;
     if ($[23] !== onChange || $[24] !== propertyMeta || $[25] !== propertyResourceMeta) {
       t5 = resources => closeDialog(resources, setSelectedResources, propertyMeta, setPropertyResourceMeta, propertyResourceMeta, onChange);
@@ -95,14 +93,15 @@ function ManyToManyBrowser(t0) {
       t7 = $[31];
     }
     t4 = jsx(BaseMultiBrowser, {
-      parentContextName: contextName,
+      parentContextName: parentContextNameProp,
+      browserType: browserTypes.manyToManyBrowser,
       required,
       propertyMeta,
       relatedResourceId,
       selectedResources,
       onCloseDialog,
       onDescriptionChange: t6,
-      short,
+      displayMode,
       disabled,
       readOnly,
       relatedResourcePropertyMeta,
@@ -113,20 +112,20 @@ function ManyToManyBrowser(t0) {
       invalid,
       children: icons
     });
-    $[8] = contextName;
-    $[9] = disabled;
+    $[8] = disabled;
+    $[9] = displayMode;
     $[10] = icons;
     $[11] = invalid;
     $[12] = loadComplete;
     $[13] = onChange;
-    $[14] = propertyMeta;
-    $[15] = propertyResourceMeta;
-    $[16] = readOnly;
-    $[17] = relatedResourceId;
-    $[18] = relatedResourcePropertyMeta;
-    $[19] = required;
-    $[20] = selectedResources;
-    $[21] = short;
+    $[14] = parentContextNameProp;
+    $[15] = propertyMeta;
+    $[16] = propertyResourceMeta;
+    $[17] = readOnly;
+    $[18] = relatedResourceId;
+    $[19] = relatedResourcePropertyMeta;
+    $[20] = required;
+    $[21] = selectedResources;
     $[22] = t4;
   } else {
     t4 = $[22];