native-document 1.0.150 → 1.0.152

package/src/components/form/field/types/file-field-mode/FileItemPreview.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 FileItemPreview(file, props = {}) {
     if(!(this instanceof FileItemPreview)) {

package/src/components/form/validation/Validation.js

@@ -1,4 +1,4 @@
-import {Validator} from "../../../../index";
+import Validator from "../../../core/utils/validator";
 
 export const Validation = {
 

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/data/ObservableItem.js

@@ -1,13 +1,9 @@
 import DebugManager from "../../core/utils/debug-manager";
 import MemoryManager from "./MemoryManager";
 import NativeDocumentError from "../../core/errors/NativeDocumentError";
-import ObservableChecker from "./ObservableChecker";
 import PluginsManager from "../../core/utils/plugins-manager";
 import Validator from "../../core/utils/validator";
-import {ObservableWhen} from "./ObservableWhen";
 import {deepClone} from "../utils/helpers";
-import { Formatters} from "../utils/formatters";
-import {Observable} from "./Observable";
 import {$getFromStorage, $saveToStorage} from "../utils/localstorage";
 
 /**
@@ -364,27 +360,6 @@ ObservableItem.prototype.unsubscribe = function(callback) {
     }
 };
 
-/**
- * Create an Observable checker instance
- * @param callback
- * @returns {ObservableChecker}
- */
-ObservableItem.prototype.check = function(callback) {
-    return new ObservableChecker(this, callback)
-};
-
-ObservableItem.prototype.transform = ObservableItem.prototype.check;
-ObservableItem.prototype.pluck = function(property) {
-    return new ObservableChecker(this, (value) => value[property]);
-};
-ObservableItem.prototype.is = function(callbackOrValue) {
-    if(typeof callbackOrValue === 'function') {
-        return new ObservableChecker(this, callbackOrValue);
-    }
-    return new ObservableChecker(this, (value) => value === callbackOrValue);
-};
-ObservableItem.prototype.select = ObservableItem.prototype.check;
-
 
 
 
@@ -404,21 +379,6 @@ ObservableItem.prototype.get = function(key) {
     return Validator.isObservable(item) ? item.val() : item;
 };
 
-/**
- * Creates an ObservableWhen that represents whether the observable equals a specific value.
- * Returns an object that can be subscribed to and will emit true/false.
- *
- * @param {*} value - The value to compare against
- * @returns {ObservableWhen} An ObservableWhen instance that tracks when the observable equals the value
- * @example
- * const status = Observable('idle');
- * const isLoading = status.when('loading');
- * isLoading.subscribe(active => console.log('Loading:', active));
- * status.set('loading'); // Logs: "Loading: true"
- */
-ObservableItem.prototype.when = function(value) {
-    return new ObservableWhen(this, value);
-};
 
 /**
  * Compares the observable's current value with another value or observable.
@@ -506,79 +466,6 @@ ObservableItem.prototype.valueOf = function() {
 };
 
 
-/**
- * Creates a derived observable that formats the current value using Intl.
- * Automatically reacts to both value changes and locale changes (Store.__nd.locale).
- *
- * @param {string | Function} type - Format type or custom formatter function
- * @param {Object} [options={}] - Options passed to the formatter
- * @returns {ObservableItem<string>}
- *
- * @example
- * // Currency
- * price.format('currency')                                      // "15 000 FCFA"
- * price.format('currency', { currency: 'EUR' })                 // "15 000,00 €"
- * price.format('currency', { notation: 'compact' })             // "15 K FCFA"
- *
- * // Number
- * count.format('number')                                        // "15 000"
- *
- * // Percent
- * rate.format('percent')                                        // "15,0 %"
- * rate.format('percent', { decimals: 2 })                       // "15,00 %"
- *
- * // Date
- * date.format('date')                                           // "3 mars 2026"
- * date.format('date', { dateStyle: 'full' })                    // "mardi 3 mars 2026"
- * date.format('date', { format: 'DD/MM/YYYY' })                 // "03/03/2026"
- * date.format('date', { format: 'DD MMM YYYY' })                // "03 mar 2026"
- * date.format('date', { format: 'DD MMMM YYYY' })               // "03 mars 2026"
- *
- * // Time
- * date.format('time')                                           // "20:30"
- * date.format('time', { second: '2-digit' })                    // "20:30:00"
- * date.format('time', { format: 'HH:mm:ss' })                   // "20:30:00"
- *
- * // Datetime
- * date.format('datetime')                                       // "3 mars 2026, 20:30"
- * date.format('datetime', { dateStyle: 'full' })                // "mardi 3 mars 2026, 20:30"
- * date.format('datetime', { format: 'DD/MM/YYYY HH:mm' })       // "03/03/2026 20:30"
- *
- * // Relative
- * date.format('relative')                                       // "dans 11 jours"
- * date.format('relative', { unit: 'month' })                    // "dans 1 mois"
- *
- * // Plural
- * count.format('plural', { singular: 'billet', plural: 'billets' }) // "3 billets"
- *
- * // Custom formatter
- * price.format(value => `${value.toLocaleString()} FCFA`)
- *
- * // Reacts to locale changes automatically
- * Store.setLocale('en-US');
- */
-ObservableItem.prototype.format = function(type, options = {}) {
-    const self = this;
-
-    if (typeof type === 'function') {
-        return new ObservableChecker(self, type);
-    }
-
-    if (process.env.NODE_ENV === 'development') {
-        if (!Formatters[type]) {
-            throw new NativeDocumentError(
-                `Observable.format : unknown type '${type}'. Available : ${Object.keys(Formatters).join(', ')}.`
-            );
-        }
-    }
-
-    const formatter = Formatters[type];
-    const localeObservable = Formatters.locale;
-
-    return Observable.computed(() => formatter(self.val(), localeObservable.val(), options),
-        [self, localeObservable]
-    );
-};
 
 ObservableItem.prototype.persist = function(key, options = {}) {
     let value = $getFromStorage(key, this.$currentValue);

package/src/core/data/observable-helpers/observable.prototypes.js

@@ -0,0 +1,119 @@
+/**
+ * Creates an ObservableWhen that represents whether the observable equals a specific value.
+ * Returns an object that can be subscribed to and will emit true/false.
+ *
+ * @param {*} value - The value to compare against
+ * @returns {ObservableWhen} An ObservableWhen instance that tracks when the observable equals the value
+ * @example
+ * const status = Observable('idle');
+ * const isLoading = status.when('loading');
+ * isLoading.subscribe(active => console.log('Loading:', active));
+ * status.set('loading'); // Logs: "Loading: true"
+ */
+import {ObservableWhen} from "../ObservableWhen";
+import ObservableItem from "../ObservableItem";
+import ObservableChecker from "../ObservableChecker";
+import {Formatters} from "../../utils/formatters";
+import NativeDocumentError from "../../errors/NativeDocumentError";
+import {Observable} from "../Observable";
+
+ObservableItem.prototype.when = function(value) {
+    return new ObservableWhen(this, value);
+};
+
+
+
+/**
+ * Create an Observable checker instance
+ * @param callback
+ * @returns {ObservableChecker}
+ */
+ObservableItem.prototype.check = function(callback) {
+    return new ObservableChecker(this, callback)
+};
+
+ObservableItem.prototype.transform = ObservableItem.prototype.check;
+ObservableItem.prototype.pluck = function(property) {
+    return new ObservableChecker(this, (value) => value[property]);
+};
+ObservableItem.prototype.is = function(callbackOrValue) {
+    if(typeof callbackOrValue === 'function') {
+        return new ObservableChecker(this, callbackOrValue);
+    }
+    return new ObservableChecker(this, (value) => value === callbackOrValue);
+};
+ObservableItem.prototype.select = ObservableItem.prototype.check;
+
+/**
+ * Creates a derived observable that formats the current value using Intl.
+ * Automatically reacts to both value changes and locale changes (Store.__nd.locale).
+ *
+ * @param {string | Function} type - Format type or custom formatter function
+ * @param {Object} [options={}] - Options passed to the formatter
+ * @returns {ObservableItem<string>}
+ *
+ * @example
+ * // Currency
+ * price.format('currency')                                      // "15 000 FCFA"
+ * price.format('currency', { currency: 'EUR' })                 // "15 000,00 €"
+ * price.format('currency', { notation: 'compact' })             // "15 K FCFA"
+ *
+ * // Number
+ * count.format('number')                                        // "15 000"
+ *
+ * // Percent
+ * rate.format('percent')                                        // "15,0 %"
+ * rate.format('percent', { decimals: 2 })                       // "15,00 %"
+ *
+ * // Date
+ * date.format('date')                                           // "3 mars 2026"
+ * date.format('date', { dateStyle: 'full' })                    // "mardi 3 mars 2026"
+ * date.format('date', { format: 'DD/MM/YYYY' })                 // "03/03/2026"
+ * date.format('date', { format: 'DD MMM YYYY' })                // "03 mar 2026"
+ * date.format('date', { format: 'DD MMMM YYYY' })               // "03 mars 2026"
+ *
+ * // Time
+ * date.format('time')                                           // "20:30"
+ * date.format('time', { second: '2-digit' })                    // "20:30:00"
+ * date.format('time', { format: 'HH:mm:ss' })                   // "20:30:00"
+ *
+ * // Datetime
+ * date.format('datetime')                                       // "3 mars 2026, 20:30"
+ * date.format('datetime', { dateStyle: 'full' })                // "mardi 3 mars 2026, 20:30"
+ * date.format('datetime', { format: 'DD/MM/YYYY HH:mm' })       // "03/03/2026 20:30"
+ *
+ * // Relative
+ * date.format('relative')                                       // "dans 11 jours"
+ * date.format('relative', { unit: 'month' })                    // "dans 1 mois"
+ *
+ * // Plural
+ * count.format('plural', { singular: 'billet', plural: 'billets' }) // "3 billets"
+ *
+ * // Custom formatter
+ * price.format(value => `${value.toLocaleString()} FCFA`)
+ *
+ * // Reacts to locale changes automatically
+ * Store.setLocale('en-US');
+ */
+ObservableItem.prototype.format = function(type, options = {}) {
+    const self = this;
+
+    if (typeof type === 'function') {
+        return new ObservableChecker(self, type);
+    }
+
+    if (process.env.NODE_ENV === 'development') {
+        if (!Formatters[type]) {
+            throw new NativeDocumentError(
+                `Observable.format : unknown type '${type}'. Available : ${Object.keys(Formatters).join(', ')}.`
+            );
+        }
+    }
+
+    const formatter = Formatters[type];
+    const localeObservable = Formatters.locale;
+
+    return Observable.computed(() => formatter(self.val(), localeObservable.val(), options),
+        [self, localeObservable]
+    );
+};

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/utils/validator.js

@@ -1,7 +1,5 @@
 import DebugManager from "./debug-manager";
 import NativeDocumentError from "../errors/NativeDocumentError";
-import ObservableChecker from "../data/ObservableChecker";
-import {NDElement} from "../wrappers/NDElement";
 
 const COMMON_NODE_TYPES = {
     ELEMENT: 1,
@@ -40,7 +38,7 @@ const Validator = {
         return value?.__Anchor__
     },
     isObservableChecker(value) {
-        return value?.__$isObservableChecker || value instanceof ObservableChecker;
+        return value?.__$isObservableChecker;
     },
     isArray(value) {
         return Array.isArray(value);
@@ -81,12 +79,12 @@ const Validator = {
     isValidChild(child) {
         return child === null ||
             this.isElement(child) ||
-            this.isObservable(child) ||
-            this.isNDElement(child) ||
+            child.__$Observable ||
+            child?.__$isNDElement ||
             ['string', 'number', 'boolean'].includes(typeof child);
     },
     isNDElement(child) {
-        return child?.__$isNDElement || child instanceof NDElement;
+        return child?.__$isNDElement;
     },
     isValidChildren(children) {
         if (!Array.isArray(children)) {

package/src/core/wrappers/ElementCreator.js

@@ -1,13 +1,7 @@
-import Anchor from "../elements/anchor/anchor";
 import Validator from "../utils/validator";
 import AttributesWrapper, { bindClassAttribute, bindStyleAttribute } from "./AttributesWrapper";
 import PluginsManager from "../utils/plugins-manager";
-import './prototypes/nd-element-extensions';
-import './prototypes/nd-element.transition.extensions';
-import './prototypes/attributes-extensions';
-import './prototypes/bind-class-extensions';
 
-const $nodeCache = new Map();
 let $textNodeCache = null;
 
 export const ElementCreator = {
@@ -64,9 +58,6 @@ export const ElementCreator = {
         const node = document.createElement(name);
         return node.cloneNode();
     },
-    createFragment: (name) => {
-        return Anchor('Fragment');
-    },
     bindTextNode: (textNode, value) => {
         if(value?.__$isObservable) {
             value.subscribe(newValue => textNode.nodeValue = newValue);

package/src/core/wrappers/NDElement.js

@@ -2,8 +2,6 @@ import DocumentObserver from "./DocumentObserver";
 import PluginsManager from "../utils/plugins-manager";
 import NativeDocumentError from "../errors/NativeDocumentError.js";
 import DebugManager from "../utils/debug-manager.js";
-import Anchor from "../elements/anchor/anchor";
-import {ElementCreator} from "./ElementCreator";
 
 export function NDElement(element) {
     this.$element = element;
@@ -15,11 +13,13 @@ export function NDElement(element) {
 
 NDElement.prototype.__$isNDElement = true;
 
+NDElement.$getChild = (el) => el;
+
 NDElement.prototype.ghostDom = function(element) {
     if(!this.$attachements) {
         this.$attachements = document.createDocumentFragment();
     }
-    this.$attachements.appendChild(ElementCreator.getChild(element));
+    this.$attachements.appendChild(NDElement.$getChild(element));
     return this;
 };
 

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

@@ -5,6 +5,9 @@ import {ElementCreator} from "../ElementCreator";
 import PluginsManager from "../../utils/plugins-manager";
 import ObservableChecker from "../../data/ObservableChecker";
 
+
+NDElement.$getChild = ElementCreator.getChild;
+
 String.prototype.toNdElement = function () {
     return ElementCreator.createStaticTextNode(null, this);
 };

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/cdn.components.js

@@ -1,28 +0,0 @@
-export * from './src/components/accordion/index';
-export * from './src/components/alert/index';
-export * from './src/components/avatar/index';
-export * from './src/components/badge/index';
-export * from './src/components/breadcrumb/index';
-export * from './src/components/button/index';
-export * from './src/components/card/index';
-export * from './src/components/context-menu/index';
-export * from './src/components/divider/index';
-export * from './src/components/dropdown/index';
-export * from './src/components/form/index';
-export * from './src/components/list/index';
-export * from './src/components/menu/index';
-export * from './src/components/modal/index';
-export * from './src/components/pagination/index';
-export * from './src/components/popover/index';
-export * from './src/components/progress/index';
-export * from './src/components/skeleton/index';
-export * from './src/components/slider/index';
-export * from './src/components/spinner/index';
-export * from './src/components/splitter/index';
-export * from './src/components/stepper/index';
-export * from './src/components/switch/index';
-export * from './src/components/table/index';
-export * from './src/components/tabs/index';
-export * from './src/components/toast/index';
-export * from './src/components/tooltip/index';
-export * from './src/components/stacks/index';