native-document 1.0.149 → 1.0.151

package/src/components/list/ListItem.js

@@ -1,5 +1,5 @@
 import BaseComponent from "../BaseComponent";
-import {Validator} from "../../../index";
+import Validator from "../../core/utils/validator";
 
 export default function ListItem(content, config = {}) {
     if(!(this instanceof ListItem)) {

package/src/components/menu/Menu.js

@@ -3,7 +3,7 @@ import HasEventEmitter from "../../core/utils/HasEventEmitter";
 import HasItems from "../$traits/has-items/HasItems";
 import MenuGroup from "./MenuGroup";
 import HasMenuItem from "./HasMenuItem";
-import { $ } from '../../../index'
+import { $ } from '../../core/data/Observable'
 
 export default function Menu(props = {}) {
 

package/src/components/menu/MenuGroup.js

@@ -2,7 +2,7 @@ import BaseComponent from "../BaseComponent";
 import HasItems from "../$traits/has-items/HasItems";
 import MenuDivider from "./MenuDivider";
 import HasMenuItem from "./HasMenuItem";
-import { $ } from '../../../index';
+import { $ } from '../../core/data/Observable';
 
 
 export default function MenuGroup(label, props = {}) {

package/src/components/menu/MenuItem.js

@@ -3,7 +3,7 @@ import HasItems from "../$traits/has-items/HasItems";
 import MenuDivider from "./MenuDivider";
 import MenuGroup from "./MenuGroup";
 import HasMenuItem from "./HasMenuItem";
-import { $ } from '../../../index';
+import { $ } from '../../core/data/Observable';
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
 
 const EMPTY_PROPS = {}

package/src/components/modal/Modal.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import { Observable } from "../../../index";
+import { Observable } from "../../core/data/Observable";
 import {NDElement} from "../../core/wrappers/NDElement";
 import HasDraggable from "../$traits/has-draggable/HasDraggable";
 import HasResizable from "../$traits/has-resizable/HasResizable";

package/src/components/pagination/Pagination.js

@@ -1,5 +1,5 @@
 import BaseComponent from "../BaseComponent";
-import { $ } from "../../../index";
+import { $ } from "../../core/data/Observable";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
 import DebugManager from "../../core/utils/debug-manager";
 

package/src/components/popover/Popover.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import { Observable } from "../../../index";
+import { Observable } from "../../core/data/Observable";
 import {ElementCreator} from "../../core/wrappers/ElementCreator";
 import {NDElement} from "../../core/wrappers/NDElement";
 import DebugManager from "../../core/utils/debug-manager";

package/src/components/progress/Progress.js

@@ -1,6 +1,5 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import {Validator} from "../../../index";
 import DebugManager from "../../core/utils/debug-manager";
 
 export default function Progress(props = {}) {

package/src/components/splitter/Splitter.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import {Validator} from "../../../index";
+import Validator from "../../core/utils/validator";
 import SplitterPanel from "./SplitterPanel";
 
 export default function Splitter(props = {}) {

package/src/components/splitter/SplitterGutter.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import { $ } from '../../../index';
+import { $ } from '../../core/data/Observable';
 
 
 export default function SplitterGutter(leftPanel, rightPanel, props = {}) {

package/src/components/splitter/SplitterPanel.js

@@ -1,5 +1,5 @@
 import BaseComponent from "../BaseComponent";
-import { $ } from '../../../index';
+import { $ } from '../../core/data/Observable';
 
 export default function SplitterPanel(content, props = {}) {
     if(!(this instanceof SplitterPanel)) {

package/src/components/stepper/Stepper.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import {$, Validator} from "../../../index";
+import { $ } from "../../core/data/Observable";
 import DebugManager from "../../core/utils/debug-manager";
 import StepperStep from "./StepperStep";
 

package/src/components/stepper/StepperStep.js

@@ -1,5 +1,5 @@
 import BaseComponent from "../BaseComponent";
-import { $ } from '../../../index';
+import { $ } from '../../core/data/Observable';
 
 const NO_VALIDATION = () => true;
 

package/src/components/switch/Switch.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import { $ } from '../../../index'
+import { $ } from '../../core/data/Observable'
 
 export default function Switch(props = {}) {
     if (!(this instanceof Switch)) {

package/src/components/table/DataTable.js

@@ -1,7 +1,7 @@
 import Column from "./Column";
 import ColumnGroup from "./ColumnGroup";
 import BaseComponent from "../BaseComponent";
-import {Observable as $} from "../../../index";
+import {Observable as $} from "../../core/data/Observable";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
 import DebugManager from "../../core/utils/debug-manager";
 

package/src/components/table/index.js

@@ -1,8 +1,6 @@
 import SimpleTable from './SimpleTable';
 import DataTable from './DataTable';
 
-
-
 export {
     SimpleTable,
     DataTable

package/src/components/tabs/Tabs.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import { $ } from "../../../index";
+import { $ } from "../../core/data/Observable";
 
 
 export default function Tabs(props = {}) {

package/src/components/toast/Toast.js

@@ -1,6 +1,6 @@
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";
-import {Observable} from "../../../index";
+import {Observable} from "../../core/data/Observable";
 
 export default function Toast(content, props = {}) {
     if (!(this instanceof Toast)) {

package/src/components/tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * Tooltip - Interface
  */
-import {Observable} from "../../../index";
+import {Observable} from "../../core/data/Observable";
 import {NDElement} from "../../core/wrappers/NDElement";
 import BaseComponent from "../BaseComponent";
 import HasEventEmitter from "../../core/utils/HasEventEmitter";

package/src/core/elements/anchor/one-child-anchor-overwriting.js

@@ -1,4 +1,4 @@
-import {Validator} from "../../../../index";
+import Validator from "../../utils/validator";
 import {ElementCreator} from "../../wrappers/ElementCreator";
 
 

package/src/core/elements/fragment.js

@@ -0,0 +1,8 @@
+import HtmlElementWrapper from "../wrappers/HtmlElementWrapper";
+
+/**
+ * Creates an empty `DocumentFragment` wrapper.
+ * Useful for grouping elements without adding a DOM node.
+ * @type {function(GlobalAttributes=, NdChild|NdChild[]=): DocumentFragment}
+ */
+export const Fragment = HtmlElementWrapper('');

package/src/core/elements/index.js

@@ -1,5 +1,3 @@
-import HtmlElementWrapper from "../wrappers/HtmlElementWrapper";
-
 export * from './control/for-each';
 export * from './control/for-each-array';
 export * from './control/show-if';
@@ -16,13 +14,7 @@ export * from './medias';
 export * from './meta-data';
 export * from './table';
 export * from './svg';
-/**
- * Creates an empty `DocumentFragment` wrapper.
- * Useful for grouping elements without adding a DOM node.
- * @type {function(GlobalAttributes=, NdChild|NdChild[]=): DocumentFragment}
- */
-export const Fragment = HtmlElementWrapper('');
-
+export * from './fragment';
 
 
 

package/src/core/utils/prototypes.js

@@ -1,7 +1,4 @@
 import {withValidation} from "./args-types.js";
-import {Observable} from "../data/Observable";
-import Validator from "./validator";
-import {NDElement} from "../wrappers/NDElement";
 
 
 DocumentFragment.prototype.__IS_FRAGMENT = true;
@@ -10,22 +7,6 @@ Function.prototype.args = function(...args) {
     return withValidation(this, args);
 };
 
-Function.prototype.cached = function(...args) {
-    let $cache;
-    let  getCache = () => $cache;
-    return () => {
-        if(!$cache) {
-            $cache = this.apply(this, args);
-            if($cache.cloneNode) {
-                getCache = () => $cache.cloneNode(true);
-            } else if($cache.$element) {
-                getCache = () => new NDElement($cache.$element.cloneNode(true));
-            }
-        }
-        return getCache();
-    };
-};
-
 Function.prototype.errorBoundary = function(callback) {
     const handler = (...args)  => {
         try {
@@ -36,30 +17,3 @@ Function.prototype.errorBoundary = function(callback) {
     };
     return handler;
 };
-
-String.prototype.use = function(args) {
-    const value = this;
-
-    return Observable.computed(() => {
-        return value.replace(/\$\{(.*?)}/g, (match, key) => {
-            const data = args[key];
-            if(Validator.isObservable(data)) {
-                return data.val();
-            }
-            return data;
-        });
-    }, Object.values(args));
-};
-
-String.prototype.resolveObservableTemplate = function() {
-    if(!Validator.containsObservableReference(this)) {
-        return this.valueOf();
-    }
-    return this.split(/(\{\{#ObItem::\([0-9]+\)\}\})/g).filter(Boolean).map((value) => {
-        if(!Validator.containsObservableReference(value)) {
-            return value;
-        }
-        const [_, id] = value.match(/\{\{#ObItem::\(([0-9]+)\)\}\}/);
-        return Observable.getById(id);
-    });
-}

package/src/i18n/service/I18nService.js

@@ -1,5 +1,5 @@
 import i18next from "i18next";
-import {Observable} from "../../../index";
+import {Observable} from "../../core/data/Observable";
 import {hasObservableParams, getObservableParams, getParams} from "./functions";
 
 const I18nService = (function () {

package/src/i18n/service/functions.js

@@ -1,4 +1,4 @@
-import {Observable} from "../../../index";
+import {Observable} from "../../core/data/Observable";
 import Validator from "../../core/utils/validator";
 
 export const getParams = (params) => {

package/src/ui/components/accordion/AccordionRender.js

@@ -1,4 +1,5 @@
 import {Div, ForEachArray} from '../../../core/elements';
+
 import './accordion.css';
 
 export default function AccordionRender($desc, instance) {

package/src/ui/components/alert/AlertRender.js

@@ -1,5 +1,6 @@
 import {Div, Span} from '../../../core/elements';
-import Button from '../../../components/button/Button'
+import Button from '../../../components/button/Button';
+
 import './alert.css';
 
 export default function AlertRender($desc, instance) {

package/src/ui/components/avatar/avata-group/AvatarGroupRender.js

@@ -1,5 +1,6 @@
 import {Div, Span} from '../../../../core/elements';
 import Avatar from '../../../../components/avatar/Avatar';
+
 import './avatar-group.css';
 
 const normalize = (item) => {

package/src/ui/components/badge/BadgeRender.js

@@ -1,4 +1,5 @@
 import {Span} from '../../../core/elements';
+
 import './badge.css';
 
 export default function BadgeRender($desc, instance) {

package/src/ui/components/breadcrumb/BreadcrumbRender.js

@@ -1,4 +1,5 @@
 import {Nav, OrderedList, ListItem, Span, Link, ForEachArray} from '../../../core/elements';
+
 import './breadcrumb.css';
 
 export default function BreadcrumbRender($desc, instance) {

package/src/ui/components/contextmenu/ContextmenuRender.js

@@ -1,9 +1,7 @@
 import {Div, ShowIf} from "../../../core/elements";
 import {createPortal} from "../../../core/elements/anchor/anchor";
-import { $ } from '../../../../index';
 import {computePosition, flip, shift} from '@floating-ui/dom';
 
-
 import './contextmenu.css';
 
 export default function ContextMenuRender($desc, instance) {

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

@@ -1,9 +1,9 @@
 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 './dropdown.css';
-import {normalizeDropdownItem} from "../../../components/dropdown/helpers";
 
 export default function DropdownRender($desc, instance) {
     $desc.content = buildDropdownContent($desc, instance);

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

@@ -1,5 +1,5 @@
 import {Div, Button, ForEachArray} from '../../../../elements';
-import { $ } from '../../../../index';
+import { $ } from '../../../core/data/Observable';
 
 import './field-collection.css';
 

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

@@ -1,7 +1,8 @@
 import {Div, Span, ShowIf, Form} from '../../../../elements';
-import './form-control.css';
 import {Button} from "../../../components/button";
 
+import './form-control.css';
+
 export default function FormControlRender($desc, instance) {
     const props = instance.getEditableProps();
     props.class.add('form-control');

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

@@ -1,8 +1,8 @@
-import {Div, Input, Span, ShowIf} from '../../../../../elements';
-import {Dropdown} from '../../../../../components';
+import { Input, Span, ShowIf} from '../../../../../elements';
 import FieldRender from './FieldRender';
-import { $ } from '../../../../../index';
+import { $ } from '../../../../core/data/Observable';
 import {debounce} from "../../../../core/utils/helpers";
+import {Dropdown} from "../../../../components/dropdown";
 
 export default function AutocompleteFieldRender($desc, instance) {
     const $suggestions = $.array([]);

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

@@ -1,4 +1,4 @@
-import {Div, Label, Input, Span, ShowIf, ForEachArray} from '../../../../../elements';
+import {Div, Label, Input, Span} from '../../../../../elements';
 import {buildErrors} from "../helpers";
 
 export default function CheckboxFieldRender($desc, instance) {

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

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

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

@@ -1,5 +1,6 @@
-import {Div, Input, Label, Span, ShowIf, Switch} from '../../../../../elements';
+import {Div, Input, Label, Span, Switch} from '../../../../../elements';
 import {buildErrors, buildInputWithSlots} from '../helpers';
+
 import './date-field.css';
 
 export default function DateFieldRender($desc, instance) {

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

@@ -1,7 +1,8 @@
 import {Div, Label, Input, Span, ShowIf, ForEachArray} from '../../../../../elements';
-import './field.css';
 import {buildInputWithSlots} from "../helpers";
 
+import './field.css';
+
 export default function FieldRender($desc, instance, input = null) {
     const props = instance.getEditableProps();
 

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

@@ -1,4 +1,3 @@
-import FieldRender from './FieldRender';
 import {Input} from '../../../../../elements';
 
 export default function HiddenFieldRender($desc, instance) {

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

@@ -1,6 +1,6 @@
 import {Span, Button} from '../../../../../elements';
 import FieldRender from './FieldRender';
-import { $ } from '../../../../../index';
+import { $ } from '../../../../core/data/Observable';
 import './password-field.css';
 
 export default function PasswordFieldRender($desc, instance) {

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

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

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

@@ -1,5 +1,6 @@
 import {Div, ForEachArray, Input, Label, Span} from '../../../../../elements';
 import {buildErrors} from '../helpers';
+
 import './range-field.css';
 
 export default function RangeFieldRender($desc, instance) {

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

@@ -1,6 +1,6 @@
 import {Div, Label, Select, Option, Span, ForEachArray, ShowIf} from '../../../../../elements';
-import { $ } from '../../../../../index';
-import {Dropdown} from '../../../../../components';
+import { $ } from '../../../../core/data/Observable';
+import {Dropdown} from '../../../../components/dropdown';
 import {buildErrors} from '../helpers';
 import DebugManager from "../../../../core/utils/debug-manager";
 

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

@@ -1,6 +1,6 @@
 import {Div, Span, Switch, ForEachArray} from '../../../../../elements';
-import { $, Observable } from '../../../../../index';
-import {Tooltip} from '../../../../../components';
+import { $, Observable } from '../../../../core/data/Observable';
+import {Tooltip} from '../../../../components/tooltip';
 import './slider.css';
 
 export default function SliderRender($desc, instance) {

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

@@ -1,5 +1,6 @@
 import {Div, Input, Label, Span, Switch} from '../../../../../elements';
 import {buildErrors, buildInputWithSlots} from '../helpers';
+
 import './date-field.css';
 
 export default function TimeFieldRender($desc, instance) {

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

@@ -1,5 +1,5 @@
-import {Div, Input, Span, Img, Button, ShowIf, Switch} from '../../../../../elements';
-import { $ } from '../../../../../index';
+import {Div, Input, Span, Img, Button, Switch} from '../../../../../elements';
+import { $ } from '../../../../core/data/Observable';
 
 import './file-avatar-mode.css';
 

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

@@ -1,5 +1,5 @@
-import {Div, Input, Img, Span, ForEachArray, ShowIf} from '../../../../../elements';
-import { $ } from '../../../../../index';
+import {Div, Input, Span, ForEachArray, ShowIf} from '../../../../../elements';
+import { $ } from '../../../../core/data/Observable';
 import {buildProgress, formatSize, getFileThumbnail} from '../helpers';
 
 import './file-dropzone-mode.css';

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

@@ -1,6 +1,5 @@
-import {Div, Input, Span, Img, ForEachArray} from '../../../../../elements';
+import {Div, Input, Span, ForEachArray} from '../../../../../elements';
 import {getFileThumbnail} from '../helpers';
-import { $ } from '../../../../../index';
 
 import './file-wall-mode.css';
 

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

@@ -1,5 +1,4 @@
 import {Div, Span, ForEachArray, ShowIf, Switch} from '../../../core/elements';
-import {MenuDivider} from "../../../components/menu";
 
 export default function MenuGroupRender($desc, instance) {
     if($desc.render) {

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

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

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

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

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

@@ -1,4 +1,5 @@
 import {Nav, ForEachArray} from '../../../core/elements';
+
 import './menu.css';
 
 export default function MenuRender($desc, instance) {

package/src/ui/components/modal/ModalRender.js

@@ -1,10 +1,9 @@
 import {Dialog, Div, Span} from '../../../core/elements';
 import Button from '../../../components/button/Button';
 import {ElementCreator} from "../../../core/wrappers/ElementCreator";
+import {createPortal} from "../../../core/elements/anchor/anchor";
 
 import './modal.css';
-import {createPortal} from "../../../../elements";
-import widget from "../../../../devtools/widget";
 
 export default function ModalRender($desc, instance) {
     const editableProps = instance.getEditableProps();

package/src/ui/components/pagination/PaginationRender.js

@@ -1,6 +1,6 @@
-import {Div, ForEachArray, Span} from '../../../core/elements';
-import './pagination.css';
+import {Div, ForEachArray} from '../../../core/elements';
 
+import './pagination.css';
 
 export default function PaginationRender($desc, instance) {
     const props = instance.getEditableProps();

package/src/ui/components/popover/PopoverRender.js

@@ -1,7 +1,6 @@
 import {Div, ShowIf, Span} from '../../../core/elements';
 import {computePosition, flip, arrow, offset, shift, size} from '@floating-ui/dom';
-import {Observable} from '../../../../index';
-import {ElementCreator} from "../../../core/wrappers/ElementCreator";
+import {Observable} from '../../../core/data/Observable';
 
 import './popover.css';
 

package/src/ui/components/skeleton/SkeletonRender.js

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

package/src/ui/components/spinner/SpinnerRender.js

@@ -1,4 +1,5 @@
-import {Div, ShowIf, Span} from '../../../core/elements';
+import {Div, Span} from '../../../core/elements';
+
 import './spinner.css';
 
 export default function SpinnerRender($desc, instance) {

package/src/ui/components/splitter/SplitterRender.js

@@ -1,6 +1,7 @@
 import {Div} from '../../../core/elements';
 import {ElementCreator} from '../../../core/wrappers/ElementCreator';
 import SplitterGutter from '../../../components/splitter/SplitterGutter';
+
 import './splitter.css';
 
 export default function SplitterRender($desc, instance) {

package/src/ui/components/stacks/PositionStackRender.js

@@ -1,4 +1,5 @@
 import {Div} from "../../../core/elements";
+
 import './position-stack.css';
 
 export default function PositionStackRender(mainClass, $desc, instance) {

package/src/ui/components/stacks/StackRender.js

@@ -2,7 +2,6 @@ import {Div} from "../../../core/elements";
 
 import './stack.css';
 
-
 export default function StackRender(mainClass, $desc, instance) {
     const props = instance.getEditableProps();
     props.class.add('stack '+mainClass);