native-document 1.0.164 → 1.0.166

package/src/ui/components/dropdown/DropdownRender.js

@@ -1,7 +1,7 @@
 import {Div, Input, ForEachArray} from '../../../core/elements';
 import PopoverRender from '../popover/PopoverRender';
-import {createFilter} from "../../../core/utils/filters";
-import {normalizeDropdownItem} from "../../../components/dropdown/helpers";
+import {createFilter} from '../../../core/utils/filters';
+import {normalizeDropdownItem} from '../../../components/dropdown/helpers';
 
 import './dropdown.css';
 
@@ -29,15 +29,15 @@ const buildDropdownContent = ($desc, instance) => {
                 items = items.where({
                     _: createFilter($desc.filterDependencies, (...args) => {
                         return $desc.filter(...args);
-                    })
+                    }),
                 });
             }
             else {
                 items = items.where({
                     _: createFilter($desc.searchValue, (item, key) => {
                         return $desc.filter(item, key);
-                    })
-                })
+                    }),
+                });
             }
         }
 
@@ -57,7 +57,7 @@ const buildDropdownContent = ($desc, instance) => {
                         instance.close();
                     }
                 });
-            })
+            }),
         );
         content.push(itemsContainer);
     }
@@ -78,7 +78,7 @@ const buildSearch = ($desc, instance) => {
             }
             return description.value?.toLowerCase().includes(key.toLowerCase())
                 || description.content?.toLowerCase().includes(key.toLowerCase());
-        }
+        };
     }
 
     return Div({class: 'dropdown-search'},
@@ -87,6 +87,6 @@ const buildSearch = ($desc, instance) => {
             type: 'text',
             placeholder: $desc.searchPlaceholder || 'Search...',
             value: $desc.searchValue,
-        }).nd.onInput((e) => instance.emit('search', e.target.value))
+        }).nd.onInput((e) => instance.emit('search', e.target.value)),
     );
 };

package/src/ui/components/dropdown/group/DropdownGroupRender.js

@@ -15,8 +15,8 @@ export default function DropdownGroupRender($desc, instance) {
 
     content.push(
         Div({class: 'dropdown-group-items'},
-            ForEachArray(items, (item) => item)
-        )
+            ForEachArray(items, (item) => item),
+        ),
     );
 
     return Div(instance.resolveProps(), content);

package/src/ui/components/dropdown/item/DropdownItemRender.js

@@ -1,4 +1,4 @@
-import {Div, Span} from "../../../../core/elements";
+import {Div, Span} from '../../../../core/elements';
 
 
 export default function DropdownItemRender($desc, instance) {

package/src/ui/components/form/FieldCollectionRender.js

@@ -97,13 +97,13 @@ export default function FieldCollectionRender($desc, instance) {
         return Div({ class: 'field-collection-actions'},
             $desc.renderAdd()
                 .nd
-                .onClick(() => instance.add())
+                .onClick(() => instance.add()),
         );
     };
 
     return Div(instance.resolveProps(), [
         Div({class: 'field-collection-list'},
-            ForEachArray($items, buildItem)
+            ForEachArray($items, buildItem),
         ),
         buildAddButton(),
     ]);

package/src/ui/components/form/FormControlRender.js

@@ -1,5 +1,5 @@
 import {Div, Span, ShowIf, Form} from '../../../../elements';
-import {Button} from "../../../components/button";
+import {Button} from '../../../components/button';
 
 import './form-control.css';
 
@@ -51,7 +51,7 @@ const buildDefaultLayout = ({ fields, errors, form }) => {
         Div({ class: 'form-actions' }, [
             Button('Reset').type('reset'),
             Button('Submit').type('submit'),
-        ])
+        ]),
     ]);
 };
 
@@ -76,10 +76,10 @@ const buildErrorsSummary = ($desc, instance) => {
                 Div({class: 'form-error-group'}, [
                     Span({class: 'form-error-field'}, field),
                     Div({class: 'form-error-messages'},
-                        msgs.map(msg => Span({class: 'form-error-message'}, msg))
+                        msgs.map(msg => Span({class: 'form-error-message'}, msg)),
                     ),
-                ])
-            )
+                ]),
+            ),
         );
     });
 };

package/src/ui/components/form/fields/AutocompleteFieldRender.js

@@ -1,8 +1,8 @@
 import { Input, Span, ShowIf} from '../../../../../elements';
 import FieldRender from './FieldRender';
 import { $ } from '../../../../core/data/Observable';
-import {debounce} from "../../../../core/utils/helpers";
-import {Dropdown} from "../../../../components/dropdown";
+import {debounce} from '../../../../core/utils/helpers';
+import {Dropdown} from '../../../../components/dropdown';
 
 export default function AutocompleteFieldRender($desc, instance) {
     const $suggestions = $.array([]);
@@ -53,7 +53,7 @@ const buildInput = ($desc, instance, $suggestions, $loading) => {
     } else {
         input.nd.onInput((e) => {
             const query = e.target.value;
-            handleSuggestions(query)
+            handleSuggestions(query);
         });
     }
 

package/src/ui/components/form/fields/CheckboxFieldRender.js

@@ -1,5 +1,5 @@
 import {Div, Label, Input, Span} from '../../../../../elements';
-import {buildErrors} from "../helpers";
+import {buildErrors} from '../helpers';
 
 export default function CheckboxFieldRender($desc, instance) {
     const props = instance.getEditableProps();

package/src/ui/components/form/fields/CheckboxGroupFieldRender.js

@@ -1,5 +1,5 @@
 import {Div, Label, Input, Span, ForEachArray} from '../../../../../elements';
-import {buildErrors} from "../helpers";
+import {buildErrors} from '../helpers';
 
 export default function CheckboxGroupFieldRender($desc, instance) {
     const props = instance.getEditableProps();

package/src/ui/components/form/fields/DateFieldRender.js

@@ -24,8 +24,8 @@ export default function DateFieldRender($desc, instance) {
         content.push(
             Switch($desc.range,
                 () => buildRangeWrapper($desc, instance, inputType),
-                () => buildSingleWrapper($desc, instance, inputType)
-            )
+                () => buildSingleWrapper($desc, instance, inputType),
+            ),
         );
     }
     else {
@@ -34,7 +34,7 @@ export default function DateFieldRender($desc, instance) {
 
     if($desc.help) {
         content.push(
-            Span({ class: 'field-hint', ...($desc.elementsProps.hint || {}) }, $desc.help)
+            Span({ class: 'field-hint', ...($desc.elementsProps.hint || {}) }, $desc.help),
         );
     }
 
@@ -62,7 +62,7 @@ const buildSingleWrapper = ($desc, instance, inputType) => {
             callback = () => {
                 instance.emit('clear');
                 $desc.value.set(null);
-            }
+            };
         } else {
             callback = (e) => {
                 e.target.value = '';
@@ -89,7 +89,7 @@ const buildRangeWrapper = ($desc, instance, inputType) => {
             if((new Date($desc.valueEnd.val())) < (new Date($desc.valueStart.val()))) {
                 $desc.valueEnd.set($desc.valueStart.val());
             }
-        }
+        };
     } else {
         callback = () => {
             if((new Date(endInput.value)) < (new Date(startInput.value))) {
@@ -115,12 +115,12 @@ const buildRangeWrapper = ($desc, instance, inputType) => {
     return Div({class: 'date-field-range'}, [
         Div({class: 'date-field-range-start'}, [
             Span({class: 'date-field-range-label'}, 'From'),
-            buildInputWithSlots(startInput, $desc, instance, { source: 'valueStart', onClear: null } )
+            buildInputWithSlots(startInput, $desc, instance, { source: 'valueStart', onClear: null } ),
         ]),
         Span({class: 'date-field-range-separator'}, $desc.rangeSeparator),
         Div({class: 'date-field-range-end'}, [
             Span({class: 'date-field-range-label'}, 'To'),
-            buildInputWithSlots(endInput, $desc, instance, { source: 'valueEnd', onClear: null } )
+            buildInputWithSlots(endInput, $desc, instance, { source: 'valueEnd', onClear: null } ),
         ]),
     ]);
 };

package/src/ui/components/form/fields/EmailFieldRender.js

@@ -1,4 +1,4 @@
-import FieldRender from "./FieldRender";
+import FieldRender from './FieldRender';
 
 const EmailFieldRender = FieldRender;
 

package/src/ui/components/form/fields/FieldRender.js

@@ -1,5 +1,5 @@
 import {Div, Label, Input, Span, ShowIf, ForEachArray} from '../../../../../elements';
-import {buildInputWithSlots} from "../helpers";
+import {buildInputWithSlots} from '../helpers';
 
 import './field.css';
 
@@ -110,9 +110,9 @@ const buildErrors = ($desc) => {
         return ShowIf($desc.hasErrors,
             () => Div({class: 'field-errors', ...($desc.elementsProps.error || {})},
                 ForEachArray($desc.errors, (error) =>
-                    Span({class: 'field-error'}, error)
-                )
-            )
+                    Span({class: 'field-error'}, error),
+                ),
+            ),
         );
     });
 };

package/src/ui/components/form/fields/FileFieldRender.js

@@ -1,6 +1,6 @@
 import {Div, Label, Span} from '../../../../../elements';
 import {buildErrors} from '../helpers';
-import FileNativeMode from "../../../../components/form/field/types/file-field-mode/FileNativeMode";
+import FileNativeMode from '../../../../components/form/field/types/file-field-mode/FileNativeMode';
 
 import './file-field.css';
 

package/src/ui/components/form/fields/PasswordFieldRender.js

@@ -9,7 +9,7 @@ export default function PasswordFieldRender($desc, instance) {
         const icons    = $desc.visibilityIcons || {show: '👁', hide: '🙈'};
 
         const toggleBtn = Button({class: 'field-visibility-toggle'},
-            $visible.transform(v => v ? icons.hide : icons.show)
+            $visible.transform(v => v ? icons.hide : icons.show),
         );
 
         toggleBtn.nd.onClick(() => {
@@ -47,7 +47,7 @@ const buildStrengthMeter = ($desc) => {
 
     return Span({class: 'field-strength-meter'}, [
         Span({class: 'field-strength-track'},
-            Span({class: $scoreClass, style: {width: $width}})
+            Span({class: $scoreClass, style: {width: $width}}),
         ),
         Span({class: 'field-strength-label'}, $label),
     ]);

package/src/ui/components/form/fields/RadioFieldRender.js

@@ -1,6 +1,6 @@
 import {Div, Label, Input, Span, ForEachArray} from '../../../../../elements';
 import { $ } from '../../../../core/data/Observable';
-import {buildErrors} from "../helpers";
+import {buildErrors} from '../helpers';
 
 export default function RadioFieldRender($desc, instance) {
     const props = instance.getEditableProps();

package/src/ui/components/form/fields/RangeFieldRender.js

@@ -117,6 +117,6 @@ const buildMarks = ($desc) => {
                     ? Span({class: 'range-field-mark-label'}, mark.label)
                     : null,
             ].filter(Boolean));
-        })
+        }),
     );
 };

package/src/ui/components/form/fields/SelectFieldRender.js

@@ -2,7 +2,7 @@ import {Div, Label, Select, Option, Span, ForEachArray, ShowIf} from '../../../.
 import { $ } from '../../../../core/data/Observable';
 import {Dropdown} from '../../../../components/dropdown';
 import {buildErrors} from '../helpers';
-import DebugManager from "../../../../core/utils/debug-manager";
+import DebugManager from '../../../../core/utils/debug-manager';
 
 export default function SelectFieldRender($desc, instance) {
     const props = instance.getEditableProps();
@@ -100,7 +100,7 @@ const buildTagsDisplay = ($desc) => {
             });
 
             return tag;
-        })
+        }),
     );
 };
 

package/src/ui/components/form/fields/SliderFieldRender.js

@@ -114,18 +114,18 @@ const buildTrack = ($desc, $pct) => {
     } else {
         if(isVertical) {
             style = {
-                height: $pct.transform((v) => v+'%')
+                height: $pct.transform((v) => v+'%'),
             };
         } else {
             style = {
-                width: $pct.transform((v) => v+'%')
+                width: $pct.transform((v) => v+'%'),
             };
         }
     }
 
     const fill = Div({
         class: 'slider-fill',
-        style
+        style,
     });
 
     return Div({class: 'slider-track'}, fill);
@@ -193,7 +193,7 @@ const buildThumb = ($desc, instance, $pct, $value, role) => {
         if(isVertical) {
             position = 'right';
             style = {
-                bottom: $pct.transform(p => `calc(${p}% - 9px)`)
+                bottom: $pct.transform(p => `calc(${p}% - 9px)`),
             };
         } else {
             position = 'top';
@@ -262,7 +262,7 @@ const buildMarks = ($desc) => {
                 Div({class: 'slider-mark-dot'}),
                 mark.label ? Span({class: 'slider-mark-label'}, mark.label) : null,
             ].filter(Boolean));
-        })
+        }),
     );
 };
 
@@ -341,7 +341,7 @@ const setValue = ($desc, instance, $value, val, role) => {
 
     if($desc.snapToMarks && $desc.marks?.length) {
         const closest = $desc.marks.reduce((prev, curr) =>
-            Math.abs(curr.value - clamped) < Math.abs(prev.value - clamped) ? curr : prev
+            Math.abs(curr.value - clamped) < Math.abs(prev.value - clamped) ? curr : prev,
         );
         $value.set(closest.value);
         instance.emit('change', closest.value);

package/src/ui/components/form/fields/StringFieldRender.js

@@ -1,4 +1,4 @@
-import FieldRender from "./FieldRender";
+import FieldRender from './FieldRender';
 
 
 const StringFieldRender = FieldRender;

package/src/ui/components/form/fields/TelFieldRender.js

@@ -1,4 +1,4 @@
-import FieldRender from "./FieldRender";
+import FieldRender from './FieldRender';
 
 
 const TelFieldRender = FieldRender;

package/src/ui/components/form/fields/TextAreaFieldRender.js

@@ -71,7 +71,7 @@ const buildWordCounter = ($desc) => {
         if(!cleanedValue) {
             return 0;
         }
-        return cleanedValue.split(/\s+/).length
+        return cleanedValue.split(/\s+/).length;
     };
     const $count = $desc.value?.__$Observable
         ? $desc.value.transform(countWords)

package/src/ui/components/form/fields/TimeFieldRender.js

@@ -20,8 +20,8 @@ export default function TimeFieldRender($desc, instance) {
         content.push(
             Switch($desc.range,
                 () => buildRangeWrapper($desc, instance),
-                () => buildSingleWrapper($desc, instance)
-            )
+                () => buildSingleWrapper($desc, instance),
+            ),
         );
     } else {
         content.push(buildSingleWrapper($desc, instance));
@@ -76,7 +76,7 @@ const buildRangeWrapper = ($desc, instance) => {
             const start = $desc.valueStart.val();
             const end = $desc.valueEnd.val();
             if(start && end && getSeconds(end) < getSeconds(start)) {
-                $desc.valueEnd.set(start)
+                $desc.valueEnd.set(start);
             }
             instance.emit('change', {start, end});
         };

package/src/ui/components/form/fields/UrlFieldRender.js

@@ -1,4 +1,4 @@
-import FieldRender from "./FieldRender";
+import FieldRender from './FieldRender';
 
 
 const UrlFieldRender = FieldRender;

package/src/ui/components/form/file-upload-mode/FileAvatarModeRender.js

@@ -76,7 +76,7 @@ const buildAvatar = ($desc, $preview) => {
     });
     const placeholder = () => Div({class: 'file-avatar-placeholder'}, [
         Span({class: 'file-avatar-placeholder-icon'}, $desc.placeholderIcon),
-    ])
+    ]);
 
     return Div({
         class: buildShapeClass('file-avatar', $desc),

package/src/ui/components/form/file-upload-mode/FileDropzoneModeRender.js

@@ -79,8 +79,8 @@ const buildList = ($desc, $files, modeInstance, fieldInstance) => {
 
     return ShowIf($files.is(f => f.length > 0),
         () => Div({class: 'file-dropzone-list'},
-            ForEachArray($files, builder)
-        )
+            ForEachArray($files, builder),
+        ),
     );
 };
 

package/src/ui/components/form/file-upload-mode/FileUploadButtonModeRender.js

@@ -19,8 +19,8 @@ export default function FileUploadButtonModeRender($desc, modeInstance) {
             () => Div({class: 'file-button-list'},
                 $desc.renderList
                     ? $desc.renderList($files, modeInstance)
-                    : ForEachArray($files, builder)
-            )
+                    : ForEachArray($files, builder),
+            ),
         ),
     ]);
 }

package/src/ui/components/form/file-upload-mode/FileWallModeRender.js

@@ -72,7 +72,7 @@ const buildAddCell = ($desc, input, modeInstance) => {
     if($desc.renderAdd) {
         cell = $desc.renderAdd($desc, modeInstance);
     } else {
-        cell = Div({ class: 'file-wall-cell-add', style: {width: size + 'px', height: size + 'px'}, }, [
+        cell = Div({ class: 'file-wall-cell-add', style: {width: size + 'px', height: size + 'px'} }, [
             Span({class: 'file-wall-cell-add-icon'}, $desc.addIcon || '+'),
             Span({class: 'file-wall-cell-add-label'}, $desc.addLabel || 'Upload'),
         ]);

package/src/ui/components/form/helpers.js

@@ -1,14 +1,14 @@
-import {ForEachArray, ShowIf, Div, Span, Img} from "../../../../elements";
+import {ForEachArray, ShowIf, Div, Span, Img} from '../../../../elements';
 
 export const buildErrors = ($desc) => {
     return ShowIf($desc.showErrors, () =>
         ShowIf($desc.hasErrors,
             () => Div({class: 'field-errors', ...($desc.elementsProps.error || {})},
                 ForEachArray($desc.errors, (error) =>
-                    Span({class: 'field-error'}, error)
-                )
-            )
-        )
+                    Span({class: 'field-error'}, error),
+                ),
+            ),
+        ),
     );
 };
 
@@ -56,10 +56,10 @@ export const buildProgress = (item) => {
                 Div({
                     class: 'file-item-progress-bar',
                     style: {width: $progress.transform(v => v + '%')},
-                })
+                }),
             ),
             Span({class: 'file-item-progress-label'}, $progress.transform(v => v + '%')),
-        ])
+        ]),
     );
 };
 
@@ -95,7 +95,7 @@ export const buildInputWithSlots = (input, $desc, instance, options = {}) => {
         'has-trailing': !!slots.trailing,
         'is-touched': $desc.isTouched,
         'is-dirty': $desc.isDirty,
-        ...(options.class || {})
+        ...(options.class || {}),
     };
 
     input.nd.onInput((e) => {

package/src/ui/components/form/index.js

@@ -1,27 +1,27 @@
-export { default as FieldRender } from "./fields/FieldRender";
-export { default as StringFieldRender } from "./fields/StringFieldRender";
-export { default as TelFieldRender } from "./fields/TelFieldRender";
-export { default as UrlFieldRender } from "./fields/UrlFieldRender";
-export { default as EmailFieldRender } from "./fields/EmailFieldRender";
-export { default as PasswordFieldRender } from "./fields/PasswordFieldRender";
-export { default as NumberFieldRender } from "./fields/NumberFieldRender";
-export { default as TextAreaFieldRender } from "./fields/TextAreaFieldRender";
-export { default as CheckboxFieldRender } from "./fields/CheckboxFieldRender";
-export { default as CheckboxGroupFieldRender } from "./fields/CheckboxGroupFieldRender";
-export { default as RadioFieldRender } from "./fields/RadioFieldRender";
-export { default as SelectFieldRender } from "./fields/SelectFieldRender";
-export { default as AutocompleteFieldRender } from "./fields/AutocompleteFieldRender";
-export { default as HiddenFieldRender } from "./fields/HiddenFieldRender";
-export { default as ColorFieldRender } from "./fields/ColorFieldRender";
-export { default as FileFieldRender } from "./fields/FileFieldRender";
-export { default as FileNativeModeRender } from "./file-upload-mode/FileNativeModeRender";
-export { default as FileDropzoneModeRender } from "./file-upload-mode/FileDropzoneModeRender";
-export { default as FileWallModeRender } from "./file-upload-mode/FileWallModeRender";
-export { default as FileUploadButtonModeRender } from "./file-upload-mode/FileUploadButtonModeRender";
-export { default as FileAvatarModeRender } from "./file-upload-mode/FileAvatarModeRender";
-export { default as DateFieldRender } from "./fields/DateFieldRender";
-export { default as TimeFieldRender } from "./fields/TimeFieldRender";
-export { default as SliderFieldRender } from "./fields/SliderFieldRender";
-export { default as RangeFieldRender } from "./fields/RangeFieldRender";
-export { default as FieldCollectionRender } from "./FieldCollectionRender";
-export { default as FormControlRender } from "./FormControlRender";
+export { default as FieldRender } from './fields/FieldRender';
+export { default as StringFieldRender } from './fields/StringFieldRender';
+export { default as TelFieldRender } from './fields/TelFieldRender';
+export { default as UrlFieldRender } from './fields/UrlFieldRender';
+export { default as EmailFieldRender } from './fields/EmailFieldRender';
+export { default as PasswordFieldRender } from './fields/PasswordFieldRender';
+export { default as NumberFieldRender } from './fields/NumberFieldRender';
+export { default as TextAreaFieldRender } from './fields/TextAreaFieldRender';
+export { default as CheckboxFieldRender } from './fields/CheckboxFieldRender';
+export { default as CheckboxGroupFieldRender } from './fields/CheckboxGroupFieldRender';
+export { default as RadioFieldRender } from './fields/RadioFieldRender';
+export { default as SelectFieldRender } from './fields/SelectFieldRender';
+export { default as AutocompleteFieldRender } from './fields/AutocompleteFieldRender';
+export { default as HiddenFieldRender } from './fields/HiddenFieldRender';
+export { default as ColorFieldRender } from './fields/ColorFieldRender';
+export { default as FileFieldRender } from './fields/FileFieldRender';
+export { default as FileNativeModeRender } from './file-upload-mode/FileNativeModeRender';
+export { default as FileDropzoneModeRender } from './file-upload-mode/FileDropzoneModeRender';
+export { default as FileWallModeRender } from './file-upload-mode/FileWallModeRender';
+export { default as FileUploadButtonModeRender } from './file-upload-mode/FileUploadButtonModeRender';
+export { default as FileAvatarModeRender } from './file-upload-mode/FileAvatarModeRender';
+export { default as DateFieldRender } from './fields/DateFieldRender';
+export { default as TimeFieldRender } from './fields/TimeFieldRender';
+export { default as SliderFieldRender } from './fields/SliderFieldRender';
+export { default as RangeFieldRender } from './fields/RangeFieldRender';
+export { default as FieldCollectionRender } from './FieldCollectionRender';
+export { default as FormControlRender } from './FormControlRender';

package/src/ui/components/menu/MenuDividerRender.js

@@ -8,5 +8,5 @@ export default function MenuDividerRender($desc, instance) {
     const props = instance.getEditableProps();
     props.class.add('menu-divider');
 
-    return ListItem(Div( { ...instance.resolveProps(), role: "separator" }));
+    return ListItem(Div( { ...instance.resolveProps(), role: 'separator' }));
 }

package/src/ui/components/menu/MenuGroupRender.js

@@ -43,9 +43,9 @@ const buildGroupHeader = ($desc, instance) => {
         const closedIcon = $desc.collapsableOpenedIcon || '▾';
         const openedIcon = $desc.collapsableClosedIcon || '';
         content.push(
-            Span({ class: $desc.collapsed?.transform(c => 'menu-group-chevron' + (c ? '' : ' is-open')), },
-                Switch($desc.collapsed, openedIcon, closedIcon)
-            )
+            Span({ class: $desc.collapsed?.transform(c => 'menu-group-chevron' + (c ? '' : ' is-open')) },
+                Switch($desc.collapsed, openedIcon, closedIcon),
+            ),
         );
     }
 

package/src/ui/components/menu/MenuItemRender.js

@@ -1,7 +1,7 @@
 import {Div, ListItem, Span } from '../../../core/elements';
 import ShortcutManager from '../../../core/utils/shortcut-manager';
-import { $ } from '../../../core/data/Observable'
-import {buildSubmenu, setupInteraction} from "./helpers";
+import { $ } from '../../../core/data/Observable';
+import {buildSubmenu, setupInteraction} from './helpers';
 
 export default function MenuItemRender($desc, instance) {
     if($desc.render) {

package/src/ui/components/menu/MenuLinkRender.js

@@ -1,8 +1,8 @@
-import {Link, ListItem, Span} from "../../../core/elements";
+import {Link, ListItem, Span} from '../../../core/elements';
 import { Link as RouterLink } from '../../../../router';
-import ShortcutManager from "../../../core/utils/shortcut-manager";
+import ShortcutManager from '../../../core/utils/shortcut-manager';
 import { $ } from '../../../core/data/Observable';
-import {buildSubmenu, setupInteraction} from "./helpers";
+import {buildSubmenu, setupInteraction} from './helpers';
 
 export default function MenuLinkRender($desc, instance) {
     if($desc.render) {

package/src/ui/components/menu/helpers.js

@@ -1,12 +1,12 @@
-import {Div, ForEachArray, UnorderedList} from "../../../core/elements";
-import {computePosition, flip, offset, shift} from "@floating-ui/dom";
+import {Div, ForEachArray, UnorderedList} from '../../../core/elements';
+import {computePosition, flip, offset, shift} from '@floating-ui/dom';
 
 export const buildSubmenu = ($desc, orientation, $isOpen, instance) => {
     const root     = instance.getRoot();
     const $compact = root.$description?.compact;
     if(orientation === 'inline') {
         const submenuEl = Div({ class: 'sub-menu', 'is-open': $isOpen, 'is-inline': $compact.is(false), 'is-vertical': $compact},
-            UnorderedList({class: 'sub-menu-container'}, ForEachArray($desc.items))
+            UnorderedList({class: 'sub-menu-container'}, ForEachArray($desc.items)),
         );
 
         $compact?.subscribe((isCompact) => {
@@ -25,7 +25,7 @@ export const buildSubmenu = ($desc, orientation, $isOpen, instance) => {
     }
 
     return Div({class: 'sub-menu is-' + orientation, 'is-open': $isOpen, style: {position: 'fixed', left: '0px', top: '0px'}},
-        UnorderedList({class: 'sub-menu-container'}, ForEachArray($desc.items))
+        UnorderedList({class: 'sub-menu-container'}, ForEachArray($desc.items)),
     );
 };