native-document 1.0.76 → 1.0.77

package/src/core/wrappers/constants.js

@@ -1,2 +1,33 @@
 
-export const BOOLEAN_ATTRIBUTES = ['checked', 'selected', 'disabled', 'readonly', 'required', 'autofocus', 'multiple', 'autocomplete', 'hidden', 'contenteditable', 'spellcheck', 'translate', 'draggable', 'async', 'defer', 'autoplay', 'controls', 'loop', 'muted', 'download', 'reversed', 'open', 'default', 'formnovalidate', 'novalidate', 'scoped', 'itemscope', 'allowfullscreen', 'allowpaymentrequest', 'playsinline'];
+export const BOOLEAN_ATTRIBUTES = new Set([
+    'checked',
+    'selected',
+    'disabled',
+    'readonly',
+    'required',
+    'autofocus',
+    'multiple',
+    'autocomplete',
+    'hidden',
+    'contenteditable',
+    'spellcheck',
+    'translate',
+    'draggable',
+    'async',
+    'defer',
+    'autoplay',
+    'controls',
+    'loop',
+    'muted',
+    'download',
+    'reversed',
+    'open',
+    'default',
+    'formnovalidate',
+    'novalidate',
+    'scoped',
+    'itemscope',
+    'allowfullscreen',
+    'allowpaymentrequest',
+    'playsinline'
+]);

package/src/core/wrappers/prototypes/attributes-extensions.js

@@ -1,17 +1,30 @@
-import { bindAttributeWithObservable } from "../AttributesWrapper";
-import ObservableItem from "../../data/ObservableItem";
-import TemplateBinding from "../TemplateBinding";
-
+import {bindAttributeWithObservable, bindBooleanAttribute} from "@src/core/wrappers/AttributesWrapper";
+import ObservableItem from "@src/core/data/ObservableItem";
+import TemplateBinding from "@src/core/wrappers/TemplateBinding";
+import {BOOLEAN_ATTRIBUTES} from "@src/core/wrappers/constants";
 
 
 String.prototype.handleNdAttribute = function(element, attributeName) {
     element.setAttribute(attributeName, this);
 };
 
+Number.prototype.handleNdAttribute = function(element, attributeName) {
+    element.setAttribute(attributeName, this);
+};
+
+Boolean.prototype.handleNdAttribute = function(element, attrName) {
+    bindBooleanAttribute(element, attrName, this);
+};
+
 ObservableItem.prototype.handleNdAttribute = function(element, attributeName) {
+    if(BOOLEAN_ATTRIBUTES.has(attributeName)) {
+        bindBooleanAttribute(element, attributeName, this);
+        return;
+    }
+
     bindAttributeWithObservable(element, attributeName, this);
 };
 
 TemplateBinding.prototype.handleNdAttribute = function(element, attributeName) {
     this.$hydrate(element, attributeName);
-};
+};

package/src/core/wrappers/prototypes/bind-class-extensions.js

@@ -0,0 +1,18 @@
+import ObservableItem from "@/core/data/ObservableItem";
+import {toggleElementClass} from "@/core/wrappers/AttributesWrapper";
+import {ObservableWhen} from "@/core/data/ObservableWhen";
+import TemplateBinding from "@/core/wrappers/TemplateBinding";
+
+ObservableItem.prototype.bindNdClass = function(element, className) {
+    element.classes.toggle(className, this.val());
+    this.subscribe(toggleElementClass.bind(null, element, className));
+};
+
+ObservableWhen.prototype.bindNdClass = function(element, className) {
+    element.classes.toggle(className, this.isMath());
+    this.subscribe(toggleElementClass.bind(null, element, className));
+};
+
+TemplateBinding.prototype.bindNdClass = function(element, className) {
+    this.$hydrate(element, className);
+};

package/src/core/wrappers/prototypes/nd-element-extensions.js

@@ -1,9 +1,9 @@
-import ObservableItem from "../../data/ObservableItem";
-import {NDElement} from "../NDElement";
-import TemplateBinding from "../TemplateBinding";
-import {ElementCreator} from "../ElementCreator";
-import PluginsManager from "../../utils/plugins-manager";
-import Validator from "../../utils/validator";
+import ObservableItem from "@src/core/data/ObservableItem";
+import {NDElement} from "@src/core/wrappers/NDElement";
+import TemplateBinding from "@src/core/wrappers/TemplateBinding";
+import {ElementCreator} from "@src/core/wrappers/ElementCreator";
+import PluginsManager from "@src/core/utils/plugins-manager";
+import Validator from "@src/core/utils/validator";
 
 String.prototype.toNdElement = function () {
     const formattedChild = this.resolveObservableTemplate ? this.resolveObservableTemplate() : this;

package/src/devtools/app/App.js

@@ -1,5 +1,5 @@
-import {Div} from "../../../elements";
-import DevToolsWidget from "../widget/DevToolsWidget";
+import {Div} from "@elements";
+import DevToolsWidget from "@devtools/widget/DevToolsWidget";
 
 export default function App() {
 

package/src/devtools/hrm/ComponentRegistry.js

@@ -1,5 +1,5 @@
-import {Anchor} from "../../../elements.js";
-import Validator from "../../core/utils/validator";
+import {Anchor} from "@elements";
+import Validator from "@src/core/utils/validator";
 
 const ComponentRegistry = (function() {
     const registry = new Map();

package/src/devtools/plugin.js

@@ -1,4 +1,4 @@
-import {Observable} from "../../index";
+import {Observable} from "@core";
 
 export const DevToolService = {
     createdObservable: Observable(0),

package/src/devtools/widget/DevToolsWidget.js

@@ -1,5 +1,5 @@
-import {Div, Button} from "../../../elements";
-import {DevToolService} from "../plugin";
+import {Div, Button} from "@elements";
+import {DevToolService} from "@devtools/plugin";
 
 export default function DevToolsWidget() {
     let shouldFollowPointer = false;

package/src/router/Route.js

@@ -1,4 +1,4 @@
-import {trim} from "../core/utils/helpers.js";
+import {trim} from "@src/core/utils/helpers.js";
 
 export const RouteParamPatterns = {
 

package/src/router/RouteGroupHelper.js

@@ -1,4 +1,4 @@
-import {trim} from "../core/utils/helpers.js";
+import {trim} from "@src/core/utils/helpers.js";
 
 export const RouteGroupHelper = {
     /**

package/src/router/Router.js

@@ -1,12 +1,12 @@
 import {Route} from "./Route.js";
-import Validator from "../core/utils/validator.js";
-import RouterError from "../core/errors/RouterError.js";
+import Validator from "@src/core/utils/validator.js";
+import RouterError from "@src/core/errors/RouterError.js";
 import {RouteGroupHelper} from "./RouteGroupHelper.js";
-import {trim} from "../core/utils/helpers.js";
+import {trim} from "@src/core/utils/helpers.js";
 import HashRouter from "./modes/HashRouter.js";
 import HistoryRouter from "./modes/HistoryRouter.js";
 import MemoryRouter from "./modes/MemoryRouter.js";
-import DebugManager from "../core/utils/debug-manager.js";
+import DebugManager from "@src/core/utils/debug-manager.js";
 import {RouterComponent} from "./RouterComponent.js";
 
 export const DEFAULT_ROUTER_NAME = 'default';

package/src/router/RouterComponent.js

@@ -1,4 +1,4 @@
-import Validator from "../core/utils/validator";
+import Validator from "@src/core/utils/validator";
 
 /**
  *

package/src/router/link.js

@@ -1,7 +1,7 @@
-import Validator from "../core/utils/validator.js";
-import {Link as NativeLink} from "../../elements.js";
+import Validator from "@src/core/utils/validator.js";
+import {Link as NativeLink} from "@elements";
 import Router, {DEFAULT_ROUTER_NAME} from "./Router.js";
-import RouterError from "../core/errors/RouterError.js";
+import RouterError from "@src/core/errors/RouterError.js";
 
 
 export function Link(options, children){

package/src/router/modes/HistoryRouter.js

@@ -1,5 +1,4 @@
-import RouterError from '../../core/errors/RouterError';
-import DebugManager from "../../core/utils/debug-manager.js";
+import DebugManager from "@src/core/utils/debug-manager.js";
 
 export default function HistoryRouter() {
 

package/types/filters/dates.d.ts

@@ -1,4 +1,4 @@
-import { ObservableItem } from '../observable';
+import { ObservableItem } from '@src/core/data/observable';
 import { FilterResult } from './types';
 
 export type DateValue = Date | string | number | ObservableItem<Date | string | number>;

package/types/filters/standard.d.ts

@@ -1,5 +1,4 @@
 import { ObservableOrValue, FilterResult } from './types';
-import {ObservableItem} from "../observable";
 
 
 export function equals<T>(

package/types/filters/types.d.ts

@@ -1,4 +1,4 @@
-import { ObservableItem } from '../observable';
+import { ObservableItem } from '@src/core/data/observable';
 
 export interface FilterResult<T = any> {
     dependencies: ObservableItem | ObservableItem[] | null;

package/utils.js

@@ -1,6 +1,6 @@
-import NativeFetch from "./src/fetch/NativeFetch";
-import { Service } from "./src/core/utils/service";
-import * as Filters from "./src/core/utils/filters/index";
+import NativeFetch from "@src/fetch/NativeFetch";
+import { Service } from "@src/core/utils/service";
+import * as Filters from "@src/core/utils/filters/index";
 
 
 export {

package/src/components/fom-control/default/DefaultLayout.js

@@ -1,8 +0,0 @@
-import {Button, Form} from "../../../../elements";
-
-export default function DefaultLayout({ fields, form }) {
-    return Form([
-        Object.values(fields),
-        Button({ type: 'submit', disabled: form.submitting }, 'Submit')
-    ]);
-}

package/src/components/fom-control/default/collection/DefaultCollectionLayout.js

@@ -1,12 +0,0 @@
-import {Button} from "../../../../../elements";
-
-export default function DefaultCollectionLayout({collection, data, Template}) {
-
-    return Div({ class: 'field-collection-layout'}, [
-        Div({ class: 'field-collection-layout-header'}, [
-            Button({ class: 'field-collection-layout-add-btn', type: 'button' }, ['Add +'])
-                .nd.onClick(() => collection.add())
-        ]),
-        ForEachArray(data, Template)
-    ]);
-}

package/src/components/fom-control/default/collection/DefaultCollectionTemplate.js

@@ -1,6 +0,0 @@
-
-
-export default function DefaultCollectionTemplate(item, index, {collection, fields}) {
-
-    return Object.values(fields);
-}

package/src/components/fom-control/field/types/CheckboxField.js

@@ -1,17 +0,0 @@
-import Field from "../Field";
-
-export default function CheckboxField(name, defaultConfig) {
-    Field.call(this, name, 'checkbox', defaultConfig);
-
-    Object.assign(this.$description, {
-        checked: false,
-    });
-}
-
-CheckboxField.prototype = Object.create(Field.prototype);
-CheckboxField.prototype.constructor = CheckboxField;
-
-CheckboxField.prototype.checked = function(value) {
-    this.$description.checked = value;
-    return this;
-};

package/src/components/fom-control/field/types/HiddenField.js

@@ -1,8 +0,0 @@
-import Field from "../Field";
-
-export default function HiddenField(name, defaultConfig) {
-    Field.call(this, name, 'hidden', defaultConfig);
-}
-
-HiddenField.prototype = Object.create(Field.prototype);
-HiddenField.prototype.constructor = HiddenField;

package/src/components/fom-control/index.js

@@ -1,8 +0,0 @@
-import Field from "./field/Field";
-import FormControl from "./FormControl";
-import './field/FieldFactory';
-
-export {
-    Field,
-    FormControl,
-}