@brandup/ui-app 1.0.4 → 1.0.6

package/dist/cjs/index.js

@@ -1,217 +1,6 @@
 'use strict';
 
-const constants$1 = {
-    ElemAttributeName: "uiElement",
-    ElemPropertyName: "uielement",
-    CommandAttributeName: "command",
-    CommandExecutingCssClassName: "executing",
-    CommandEventName: "uicommand"
-};
-
-class UIElement {
-    __element;
-    __events;
-    __commands;
-    __destroyCallbacks;
-    // Element members
-    get element() { return this.__element; }
-    setElement(elem) {
-        if (!elem)
-            throw "Not set value elem.";
-        if (this.__element || UIElement.hasElement(elem))
-            throw "UIElement already defined";
-        this.__element = elem;
-        elem[constants$1.ElemPropertyName] = this;
-        elem.dataset[constants$1.ElemAttributeName] = this.typeName;
-        this.defineEvent(constants$1.CommandEventName, { cancelable: false, bubbles: true });
-        this._onRenderElement(elem);
-    }
-    // static members
-    static hasElement(elem) {
-        return !!elem.dataset[constants$1.ElemAttributeName];
-    }
-    // HTMLElement event members
-    defineEvent(eventName, eventOptions) {
-        if (!this.__events)
-            this.__events = {};
-        this.__events[eventName] = eventOptions ? eventOptions : null;
-    }
-    raiseEvent(eventName, eventArgs) {
-        if (!this.__events || !(eventName in this.__events))
-            throw new Error(`Not found event "${eventName}".`);
-        const eventOptions = this.__events[eventName];
-        const eventInit = {};
-        if (eventOptions) {
-            eventInit.bubbles = eventOptions.bubbles;
-            eventInit.cancelable = eventOptions.cancelable;
-            eventInit.composed = eventOptions.composed;
-        }
-        eventInit.detail = eventArgs;
-        return this.dispatchEvent(new CustomEvent(eventName, eventInit));
-    }
-    addEventListener(type, listener, options) {
-        this.__element?.addEventListener(type, listener, options);
-    }
-    removeEventListener(type, listener, options) {
-        this.__element?.removeEventListener(type, listener, options);
-    }
-    dispatchEvent(event) {
-        if (!this.__element)
-            throw new Error("HTMLElement is not defined.");
-        return this.__element.dispatchEvent(event);
-    }
-    // Command members
-    registerCommand(name, execute, canExecute) {
-        if (!this.__commands)
-            this.__commands = {};
-        const nornalizedName = name.toLowerCase();
-        if (nornalizedName in this.__commands)
-            throw new Error(`Command "${name}" already registered.`);
-        this.__commands[nornalizedName] = {
-            name: name,
-            execute,
-            canExecute
-        };
-    }
-    hasCommand(name) {
-        return this.__commands && name.toLowerCase() in this.__commands;
-    }
-    /** @internal */
-    __execCommand(name, target) {
-        if (!this.__element || !this.__commands)
-            throw new Error("UIElement is not set HTMLElement.");
-        const key = name.toLowerCase();
-        const command = this.__commands[key];
-        if (!command)
-            throw new Error(`Command "${name}" is not registered.`);
-        const context = {
-            target,
-            uiElem: this
-        };
-        if (command.isExecuting)
-            return { status: "already", context };
-        command.isExecuting = true;
-        if (!this._onCanExecCommand(name, target)) {
-            delete command.isExecuting;
-            return { status: "disallow", context };
-        }
-        if (command.canExecute && !command.canExecute(context)) {
-            delete command.isExecuting;
-            return { status: "disallow", context };
-        }
-        this.raiseEvent(constants$1.CommandEventName, {
-            name: command.name,
-            uiElem: this,
-            elem: this.__element
-        });
-        let isAsync;
-        try {
-            const commandResult = command.execute(context);
-            if (commandResult && commandResult instanceof Promise) {
-                isAsync = true;
-                target.classList.add(constants$1.CommandExecutingCssClassName);
-                commandResult
-                    .finally(() => {
-                    target.classList.remove(constants$1.CommandExecutingCssClassName);
-                    delete command.isExecuting;
-                });
-            }
-        }
-        finally {
-            if (!isAsync)
-                delete command.isExecuting;
-        }
-        return { status: "success", context: context };
-    }
-    _onRenderElement(_elem) { }
-    _onCanExecCommand(_name, _elem) {
-        return true;
-    }
-    onDestroy(callback) {
-        if (!this.__element)
-            return;
-        if (!this.__destroyCallbacks)
-            this.__destroyCallbacks = [];
-        if (callback instanceof UIElement)
-            this.__destroyCallbacks.push(() => callback.destroy());
-        else if (callback instanceof Element)
-            this.__destroyCallbacks.push(() => callback.remove());
-        else
-            this.__destroyCallbacks.push(callback);
-    }
-    toString() {
-        return this.typeName;
-    }
-    destroy() {
-        const elem = this.__element;
-        if (!elem)
-            return;
-        delete elem.dataset[constants$1.ElemAttributeName];
-        delete elem[constants$1.ElemPropertyName];
-        delete this.__element;
-        delete this.__events;
-        delete this.__commands;
-        if (this.__destroyCallbacks) {
-            this.__destroyCallbacks.map(callback => {
-                try {
-                    callback();
-                }
-                catch (reason) {
-                    console.error(`Error in call "${this.typeName}" destroy callback.`);
-                }
-            });
-            delete this.__destroyCallbacks;
-        }
-    }
-}
-const fundUiElementByCommand = (elem, commandName) => {
-    while (elem) {
-        if (elem.dataset[constants$1.ElemAttributeName]) {
-            const uiElem = elem[constants$1.ElemPropertyName];
-            if (uiElem.hasCommand(commandName))
-                return uiElem;
-        }
-        if (typeof elem.parentElement === "undefined")
-            elem = elem.parentNode;
-        else if (elem.parentElement)
-            elem = elem.parentElement;
-        else
-            break;
-    }
-    return null;
-};
-const commandClickHandler = (e) => {
-    let commandElem = e.target;
-    while (commandElem) {
-        if (commandElem.dataset[constants$1.CommandAttributeName])
-            break;
-        if (commandElem === e.currentTarget)
-            return;
-        commandElem = commandElem.parentElement;
-    }
-    if (!commandElem)
-        return;
-    const commandName = commandElem.dataset[constants$1.CommandAttributeName];
-    if (!commandName)
-        throw new Error("Command data attribute is not have value.");
-    const uiElem = fundUiElementByCommand(commandElem, commandName);
-    if (uiElem) {
-        const result = uiElem.__execCommand(commandName, commandElem);
-        if (result.status == "success" && result.context.transparent)
-            return;
-    }
-    else
-        console.warn(`Not find handler for command "${commandName}".`);
-    e.preventDefault();
-    e.stopPropagation();
-    e.stopImmediatePropagation();
-};
-window.addEventListener("click", commandClickHandler, false);
-
-HTMLElement.prototype.ui = function (factory) {
-    factory(this);
-    return this;
-};
+var ui = require('@brandup/ui');
 
 class MiddlewareInvoker {
     middleware;
@@ -263,8 +52,8 @@ const result = {
 };
 
 var constants = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: result
+	__proto__: null,
+	default: result
 });
 
 const STATE_MIDDLEWARE_NAME = "app-state";
@@ -345,8 +134,8 @@ var BROWSER = {
 };
 
 var browser = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: BROWSER
+	__proto__: null,
+	default: BROWSER
 });
 
 const HYPERLINK_MIDDLEWARE_NAME = "app-hyperlink";
@@ -525,6 +314,7 @@ const parseUrl = (url) => {
         hash = hash.substring(1);
     var result = {
         full: "",
+        url: "",
         relative: "",
         origin,
         path,
@@ -563,14 +353,13 @@ const extendQuery = (url, query) => {
     }
     rebuildUrl(url);
 };
-const rebuildUrl = (url) => {
-    let relativeUrl = url.path;
-    if (url.query.size)
-        relativeUrl += "?" + url.query.toString();
-    if (url.hash)
-        relativeUrl += "#" + url.hash;
-    url.full = url.origin + relativeUrl;
-    url.relative = relativeUrl;
+const rebuildUrl = (parsedUrl) => {
+    let relativeUrl = parsedUrl.path;
+    if (parsedUrl.query.size)
+        relativeUrl += "?" + parsedUrl.query.toString();
+    parsedUrl.url = parsedUrl.origin + relativeUrl;
+    parsedUrl.relative = relativeUrl;
+    parsedUrl.full = parsedUrl.hash ? `${parsedUrl.url}#${parsedUrl.hash}` : parsedUrl.url;
 };
 const buildUrl = (basePath, path, query, hash) => {
     let url = basePath;
@@ -617,14 +406,14 @@ var urlHelper = {
 };
 
 var url = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: urlHelper
+	__proto__: null,
+	default: urlHelper
 });
 
 /**
  * Base application class.
  */
-class Application extends UIElement {
+class Application extends ui.UIElement {
     env;
     model;
     __invoker;
@@ -642,9 +431,7 @@ class Application extends UIElement {
     get typeName() { return "Application"; }
     /** Middleware methods invoker. */
     get invoker() { return this.__invoker; }
-    /**
-     * @param middlewares Initialize application with middlewares. Using in ApplicationBuilder.
-     */
+    /** @internal */
     initialize(middlewares) {
         if (this.__isInitialized)
             throw 'Application already initialized.';
@@ -719,13 +506,14 @@ class Application extends UIElement {
             app: this,
             source: isFirst ? "first" : "nav",
             data,
-            url: navUrl.full,
+            url: navUrl.url,
             origin: navUrl.origin,
+            pathAndQuery: navUrl.relative,
             path: navUrl.path,
             query: navUrl.query,
             hash: navUrl.hash,
-            replace,
-            external: navUrl.external
+            external: navUrl.external,
+            replace
         };
         console.info(context);
         try {
@@ -775,13 +563,14 @@ class Application extends UIElement {
             button,
             method,
             enctype,
-            url: navUrl.full,
+            url: navUrl.url,
             origin: navUrl.origin,
+            pathAndQuery: navUrl.relative,
             path: navUrl.path,
             query: navUrl.query,
             hash: navUrl.hash,
-            replace: false,
-            external: navUrl.external
+            external: navUrl.external,
+            replace: false
         };
         try {
             console.info(`submit ${method} begin ${navUrl.full}`);

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../brandup-ui/dist/mjs/index.js"],"sourcesContent":["const constants = {\n    ElemAttributeName: \"uiElement\",\n    ElemPropertyName: \"uielement\",\n    CommandAttributeName: \"command\",\n    CommandExecutingCssClassName: \"executing\",\n    CommandEventName: \"uicommand\"\n};\n\nclass UIElement {\n    __element;\n    __events;\n    __commands;\n    __destroyCallbacks;\n    // Element members\n    get element() { return this.__element; }\n    setElement(elem) {\n        if (!elem)\n            throw \"Not set value elem.\";\n        if (this.__element || UIElement.hasElement(elem))\n            throw \"UIElement already defined\";\n        this.__element = elem;\n        elem[constants.ElemPropertyName] = this;\n        elem.dataset[constants.ElemAttributeName] = this.typeName;\n        this.defineEvent(constants.CommandEventName, { cancelable: false, bubbles: true });\n        this._onRenderElement(elem);\n    }\n    // static members\n    static hasElement(elem) {\n        return !!elem.dataset[constants.ElemAttributeName];\n    }\n    // HTMLElement event members\n    defineEvent(eventName, eventOptions) {\n        if (!this.__events)\n            this.__events = {};\n        this.__events[eventName] = eventOptions ? eventOptions : null;\n    }\n    raiseEvent(eventName, eventArgs) {\n        if (!this.__events || !(eventName in this.__events))\n            throw new Error(`Not found event \"${eventName}\".`);\n        const eventOptions = this.__events[eventName];\n        const eventInit = {};\n        if (eventOptions) {\n            eventInit.bubbles = eventOptions.bubbles;\n            eventInit.cancelable = eventOptions.cancelable;\n            eventInit.composed = eventOptions.composed;\n        }\n        eventInit.detail = eventArgs;\n        return this.dispatchEvent(new CustomEvent(eventName, eventInit));\n    }\n    addEventListener(type, listener, options) {\n        this.__element?.addEventListener(type, listener, options);\n    }\n    removeEventListener(type, listener, options) {\n        this.__element?.removeEventListener(type, listener, options);\n    }\n    dispatchEvent(event) {\n        if (!this.__element)\n            throw new Error(\"HTMLElement is not defined.\");\n        return this.__element.dispatchEvent(event);\n    }\n    // Command members\n    registerCommand(name, execute, canExecute) {\n        if (!this.__commands)\n            this.__commands = {};\n        const nornalizedName = name.toLowerCase();\n        if (nornalizedName in this.__commands)\n            throw new Error(`Command \"${name}\" already registered.`);\n        this.__commands[nornalizedName] = {\n            name: name,\n            execute,\n            canExecute\n        };\n    }\n    hasCommand(name) {\n        return this.__commands && name.toLowerCase() in this.__commands;\n    }\n    /** @internal */\n    __execCommand(name, target) {\n        if (!this.__element || !this.__commands)\n            throw new Error(\"UIElement is not set HTMLElement.\");\n        const key = name.toLowerCase();\n        const command = this.__commands[key];\n        if (!command)\n            throw new Error(`Command \"${name}\" is not registered.`);\n        const context = {\n            target,\n            uiElem: this\n        };\n        if (command.isExecuting)\n            return { status: \"already\", context };\n        command.isExecuting = true;\n        if (!this._onCanExecCommand(name, target)) {\n            delete command.isExecuting;\n            return { status: \"disallow\", context };\n        }\n        if (command.canExecute && !command.canExecute(context)) {\n            delete command.isExecuting;\n            return { status: \"disallow\", context };\n        }\n        this.raiseEvent(constants.CommandEventName, {\n            name: command.name,\n            uiElem: this,\n            elem: this.__element\n        });\n        let isAsync;\n        try {\n            const commandResult = command.execute(context);\n            if (commandResult && commandResult instanceof Promise) {\n                isAsync = true;\n                target.classList.add(constants.CommandExecutingCssClassName);\n                commandResult\n                    .finally(() => {\n                    target.classList.remove(constants.CommandExecutingCssClassName);\n                    delete command.isExecuting;\n                });\n            }\n        }\n        finally {\n            if (!isAsync)\n                delete command.isExecuting;\n        }\n        return { status: \"success\", context: context };\n    }\n    _onRenderElement(_elem) { }\n    _onCanExecCommand(_name, _elem) {\n        return true;\n    }\n    onDestroy(callback) {\n        if (!this.__element)\n            return;\n        if (!this.__destroyCallbacks)\n            this.__destroyCallbacks = [];\n        if (callback instanceof UIElement)\n            this.__destroyCallbacks.push(() => callback.destroy());\n        else if (callback instanceof Element)\n            this.__destroyCallbacks.push(() => callback.remove());\n        else\n            this.__destroyCallbacks.push(callback);\n    }\n    toString() {\n        return this.typeName;\n    }\n    destroy() {\n        const elem = this.__element;\n        if (!elem)\n            return;\n        delete elem.dataset[constants.ElemAttributeName];\n        delete elem[constants.ElemPropertyName];\n        delete this.__element;\n        delete this.__events;\n        delete this.__commands;\n        if (this.__destroyCallbacks) {\n            this.__destroyCallbacks.map(callback => {\n                try {\n                    callback();\n                }\n                catch (reason) {\n                    console.error(`Error in call \"${this.typeName}\" destroy callback.`);\n                }\n            });\n            delete this.__destroyCallbacks;\n        }\n    }\n}\nconst fundUiElementByCommand = (elem, commandName) => {\n    while (elem) {\n        if (elem.dataset[constants.ElemAttributeName]) {\n            const uiElem = elem[constants.ElemPropertyName];\n            if (uiElem.hasCommand(commandName))\n                return uiElem;\n        }\n        if (typeof elem.parentElement === \"undefined\")\n            elem = elem.parentNode;\n        else if (elem.parentElement)\n            elem = elem.parentElement;\n        else\n            break;\n    }\n    return null;\n};\nconst commandClickHandler = (e) => {\n    let commandElem = e.target;\n    while (commandElem) {\n        if (commandElem.dataset[constants.CommandAttributeName])\n            break;\n        if (commandElem === e.currentTarget)\n            return;\n        commandElem = commandElem.parentElement;\n    }\n    if (!commandElem)\n        return;\n    const commandName = commandElem.dataset[constants.CommandAttributeName];\n    if (!commandName)\n        throw new Error(\"Command data attribute is not have value.\");\n    const uiElem = fundUiElementByCommand(commandElem, commandName);\n    if (uiElem) {\n        const result = uiElem.__execCommand(commandName, commandElem);\n        if (result.status == \"success\" && result.context.transparent)\n            return;\n    }\n    else\n        console.warn(`Not find handler for command \"${commandName}\".`);\n    e.preventDefault();\n    e.stopPropagation();\n    e.stopImmediatePropagation();\n};\nwindow.addEventListener(\"click\", commandClickHandler, false);\n\nHTMLElement.prototype.ui = function (factory) {\n    factory(this);\n    return this;\n};\n\nconst UICONSTANTS = constants;\n\nexport { UICONSTANTS, UIElement };\n//# sourceMappingURL=index.js.map\n"],"names":["constants"],"mappings":";;AAAA,MAAMA,WAAS,GAAG;AAClB,IAAI,iBAAiB,EAAE,WAAW;AAClC,IAAI,gBAAgB,EAAE,WAAW;AACjC,IAAI,oBAAoB,EAAE,SAAS;AACnC,IAAI,4BAA4B,EAAE,WAAW;AAC7C,IAAI,gBAAgB,EAAE,WAAW;AACjC,CAAC,CAAC;AACF;AACA,MAAM,SAAS,CAAC;AAChB,IAAI,SAAS,CAAC;AACd,IAAI,QAAQ,CAAC;AACb,IAAI,UAAU,CAAC;AACf,IAAI,kBAAkB,CAAC;AACvB;AACA,IAAI,IAAI,OAAO,GAAG,EAAE,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE;AAC5C,IAAI,UAAU,CAAC,IAAI,EAAE;AACrB,QAAQ,IAAI,CAAC,IAAI;AACjB,YAAY,MAAM,qBAAqB,CAAC;AACxC,QAAQ,IAAI,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC;AACxD,YAAY,MAAM,2BAA2B,CAAC;AAC9C,QAAQ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;AAC9B,QAAQ,IAAI,CAACA,WAAS,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;AAChD,QAAQ,IAAI,CAAC,OAAO,CAACA,WAAS,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;AAClE,QAAQ,IAAI,CAAC,WAAW,CAACA,WAAS,CAAC,gBAAgB,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC3F,QAAQ,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL;AACA,IAAI,OAAO,UAAU,CAAC,IAAI,EAAE;AAC5B,QAAQ,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAACA,WAAS,CAAC,iBAAiB,CAAC,CAAC;AAC3D,KAAK;AACL;AACA,IAAI,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE;AACzC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;AAC1B,YAAY,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;AAC/B,QAAQ,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC;AACtE,KAAK;AACL,IAAI,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;AACrC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC;AAC3D,YAAY,MAAM,IAAI,KAAK,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/D,QAAQ,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AACtD,QAAQ,MAAM,SAAS,GAAG,EAAE,CAAC;AAC7B,QAAQ,IAAI,YAAY,EAAE;AAC1B,YAAY,SAAS,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;AACrD,YAAY,SAAS,CAAC,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC;AAC3D,YAAY,SAAS,CAAC,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;AACvD,SAAS;AACT,QAAQ,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC;AACrC,QAAQ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;AACzE,KAAK;AACL,IAAI,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE;AAC9C,QAAQ,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAClE,KAAK;AACL,IAAI,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE;AACjD,QAAQ,IAAI,CAAC,SAAS,EAAE,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AACrE,KAAK;AACL,IAAI,aAAa,CAAC,KAAK,EAAE;AACzB,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;AAC3B,YAAY,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;AAC3D,QAAQ,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACnD,KAAK;AACL;AACA,IAAI,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE;AAC/C,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU;AAC5B,YAAY,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;AACjC,QAAQ,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAClD,QAAQ,IAAI,cAAc,IAAI,IAAI,CAAC,UAAU;AAC7C,YAAY,MAAM,IAAI,KAAK,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACrE,QAAQ,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG;AAC1C,YAAY,IAAI,EAAE,IAAI;AACtB,YAAY,OAAO;AACnB,YAAY,UAAU;AACtB,SAAS,CAAC;AACV,KAAK;AACL,IAAI,UAAU,CAAC,IAAI,EAAE;AACrB,QAAQ,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC;AACxE,KAAK;AACL;AACA,IAAI,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE;AAChC,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,UAAU;AAC/C,YAAY,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;AACjE,QAAQ,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AACvC,QAAQ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC7C,QAAQ,IAAI,CAAC,OAAO;AACpB,YAAY,MAAM,IAAI,KAAK,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC;AACpE,QAAQ,MAAM,OAAO,GAAG;AACxB,YAAY,MAAM;AAClB,YAAY,MAAM,EAAE,IAAI;AACxB,SAAS,CAAC;AACV,QAAQ,IAAI,OAAO,CAAC,WAAW;AAC/B,YAAY,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAClD,QAAQ,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;AACnC,QAAQ,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE;AACnD,YAAY,OAAO,OAAO,CAAC,WAAW,CAAC;AACvC,YAAY,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AACnD,SAAS;AACT,QAAQ,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;AAChE,YAAY,OAAO,OAAO,CAAC,WAAW,CAAC;AACvC,YAAY,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AACnD,SAAS;AACT,QAAQ,IAAI,CAAC,UAAU,CAACA,WAAS,CAAC,gBAAgB,EAAE;AACpD,YAAY,IAAI,EAAE,OAAO,CAAC,IAAI;AAC9B,YAAY,MAAM,EAAE,IAAI;AACxB,YAAY,IAAI,EAAE,IAAI,CAAC,SAAS;AAChC,SAAS,CAAC,CAAC;AACX,QAAQ,IAAI,OAAO,CAAC;AACpB,QAAQ,IAAI;AACZ,YAAY,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3D,YAAY,IAAI,aAAa,IAAI,aAAa,YAAY,OAAO,EAAE;AACnE,gBAAgB,OAAO,GAAG,IAAI,CAAC;AAC/B,gBAAgB,MAAM,CAAC,SAAS,CAAC,GAAG,CAACA,WAAS,CAAC,4BAA4B,CAAC,CAAC;AAC7E,gBAAgB,aAAa;AAC7B,qBAAqB,OAAO,CAAC,MAAM;AACnC,oBAAoB,MAAM,CAAC,SAAS,CAAC,MAAM,CAACA,WAAS,CAAC,4BAA4B,CAAC,CAAC;AACpF,oBAAoB,OAAO,OAAO,CAAC,WAAW,CAAC;AAC/C,iBAAiB,CAAC,CAAC;AACnB,aAAa;AACb,SAAS;AACT,gBAAgB;AAChB,YAAY,IAAI,CAAC,OAAO;AACxB,gBAAgB,OAAO,OAAO,CAAC,WAAW,CAAC;AAC3C,SAAS;AACT,QAAQ,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AACvD,KAAK;AACL,IAAI,gBAAgB,CAAC,KAAK,EAAE,GAAG;AAC/B,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE;AACpC,QAAQ,OAAO,IAAI,CAAC;AACpB,KAAK;AACL,IAAI,SAAS,CAAC,QAAQ,EAAE;AACxB,QAAQ,IAAI,CAAC,IAAI,CAAC,SAAS;AAC3B,YAAY,OAAO;AACnB,QAAQ,IAAI,CAAC,IAAI,CAAC,kBAAkB;AACpC,YAAY,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;AACzC,QAAQ,IAAI,QAAQ,YAAY,SAAS;AACzC,YAAY,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AACnE,aAAa,IAAI,QAAQ,YAAY,OAAO;AAC5C,YAAY,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;AAClE;AACA,YAAY,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACnD,KAAK;AACL,IAAI,QAAQ,GAAG;AACf,QAAQ,OAAO,IAAI,CAAC,QAAQ,CAAC;AAC7B,KAAK;AACL,IAAI,OAAO,GAAG;AACd,QAAQ,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;AACpC,QAAQ,IAAI,CAAC,IAAI;AACjB,YAAY,OAAO;AACnB,QAAQ,OAAO,IAAI,CAAC,OAAO,CAACA,WAAS,CAAC,iBAAiB,CAAC,CAAC;AACzD,QAAQ,OAAO,IAAI,CAACA,WAAS,CAAC,gBAAgB,CAAC,CAAC;AAChD,QAAQ,OAAO,IAAI,CAAC,SAAS,CAAC;AAC9B,QAAQ,OAAO,IAAI,CAAC,QAAQ,CAAC;AAC7B,QAAQ,OAAO,IAAI,CAAC,UAAU,CAAC;AAC/B,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACrC,YAAY,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,QAAQ,IAAI;AACpD,gBAAgB,IAAI;AACpB,oBAAoB,QAAQ,EAAE,CAAC;AAC/B,iBAAiB;AACjB,gBAAgB,OAAO,MAAM,EAAE;AAC/B,oBAAoB,OAAO,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC;AACxF,iBAAiB;AACjB,aAAa,CAAC,CAAC;AACf,YAAY,OAAO,IAAI,CAAC,kBAAkB,CAAC;AAC3C,SAAS;AACT,KAAK;AACL,CAAC;AACD,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,WAAW,KAAK;AACtD,IAAI,OAAO,IAAI,EAAE;AACjB,QAAQ,IAAI,IAAI,CAAC,OAAO,CAACA,WAAS,CAAC,iBAAiB,CAAC,EAAE;AACvD,YAAY,MAAM,MAAM,GAAG,IAAI,CAACA,WAAS,CAAC,gBAAgB,CAAC,CAAC;AAC5D,YAAY,IAAI,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC;AAC9C,gBAAgB,OAAO,MAAM,CAAC;AAC9B,SAAS;AACT,QAAQ,IAAI,OAAO,IAAI,CAAC,aAAa,KAAK,WAAW;AACrD,YAAY,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;AACnC,aAAa,IAAI,IAAI,CAAC,aAAa;AACnC,YAAY,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC;AACtC;AACA,YAAY,MAAM;AAClB,KAAK;AACL,IAAI,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK;AACnC,IAAI,IAAI,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC;AAC/B,IAAI,OAAO,WAAW,EAAE;AACxB,QAAQ,IAAI,WAAW,CAAC,OAAO,CAACA,WAAS,CAAC,oBAAoB,CAAC;AAC/D,YAAY,MAAM;AAClB,QAAQ,IAAI,WAAW,KAAK,CAAC,CAAC,aAAa;AAC3C,YAAY,OAAO;AACnB,QAAQ,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC;AAChD,KAAK;AACL,IAAI,IAAI,CAAC,WAAW;AACpB,QAAQ,OAAO;AACf,IAAI,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAACA,WAAS,CAAC,oBAAoB,CAAC,CAAC;AAC5E,IAAI,IAAI,CAAC,WAAW;AACpB,QAAQ,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;AACrE,IAAI,MAAM,MAAM,GAAG,sBAAsB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACpE,IAAI,IAAI,MAAM,EAAE;AAChB,QAAQ,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACtE,QAAQ,IAAI,MAAM,CAAC,MAAM,IAAI,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW;AACpE,YAAY,OAAO;AACnB,KAAK;AACL;AACA,QAAQ,OAAO,CAAC,IAAI,CAAC,CAAC,8BAA8B,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;AACvE,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC;AACvB,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACxB,IAAI,CAAC,CAAC,wBAAwB,EAAE,CAAC;AACjC,CAAC,CAAC;AACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC;AAC7D;AACA,WAAW,CAAC,SAAS,CAAC,EAAE,GAAG,UAAU,OAAO,EAAE;AAC9C,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;AAClB,IAAI,OAAO,IAAI,CAAC;AAChB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/mjs/index.js

@@ -1,215 +1,4 @@
-const constants$1 = {
-    ElemAttributeName: "uiElement",
-    ElemPropertyName: "uielement",
-    CommandAttributeName: "command",
-    CommandExecutingCssClassName: "executing",
-    CommandEventName: "uicommand"
-};
-
-class UIElement {
-    __element;
-    __events;
-    __commands;
-    __destroyCallbacks;
-    // Element members
-    get element() { return this.__element; }
-    setElement(elem) {
-        if (!elem)
-            throw "Not set value elem.";
-        if (this.__element || UIElement.hasElement(elem))
-            throw "UIElement already defined";
-        this.__element = elem;
-        elem[constants$1.ElemPropertyName] = this;
-        elem.dataset[constants$1.ElemAttributeName] = this.typeName;
-        this.defineEvent(constants$1.CommandEventName, { cancelable: false, bubbles: true });
-        this._onRenderElement(elem);
-    }
-    // static members
-    static hasElement(elem) {
-        return !!elem.dataset[constants$1.ElemAttributeName];
-    }
-    // HTMLElement event members
-    defineEvent(eventName, eventOptions) {
-        if (!this.__events)
-            this.__events = {};
-        this.__events[eventName] = eventOptions ? eventOptions : null;
-    }
-    raiseEvent(eventName, eventArgs) {
-        if (!this.__events || !(eventName in this.__events))
-            throw new Error(`Not found event "${eventName}".`);
-        const eventOptions = this.__events[eventName];
-        const eventInit = {};
-        if (eventOptions) {
-            eventInit.bubbles = eventOptions.bubbles;
-            eventInit.cancelable = eventOptions.cancelable;
-            eventInit.composed = eventOptions.composed;
-        }
-        eventInit.detail = eventArgs;
-        return this.dispatchEvent(new CustomEvent(eventName, eventInit));
-    }
-    addEventListener(type, listener, options) {
-        this.__element?.addEventListener(type, listener, options);
-    }
-    removeEventListener(type, listener, options) {
-        this.__element?.removeEventListener(type, listener, options);
-    }
-    dispatchEvent(event) {
-        if (!this.__element)
-            throw new Error("HTMLElement is not defined.");
-        return this.__element.dispatchEvent(event);
-    }
-    // Command members
-    registerCommand(name, execute, canExecute) {
-        if (!this.__commands)
-            this.__commands = {};
-        const nornalizedName = name.toLowerCase();
-        if (nornalizedName in this.__commands)
-            throw new Error(`Command "${name}" already registered.`);
-        this.__commands[nornalizedName] = {
-            name: name,
-            execute,
-            canExecute
-        };
-    }
-    hasCommand(name) {
-        return this.__commands && name.toLowerCase() in this.__commands;
-    }
-    /** @internal */
-    __execCommand(name, target) {
-        if (!this.__element || !this.__commands)
-            throw new Error("UIElement is not set HTMLElement.");
-        const key = name.toLowerCase();
-        const command = this.__commands[key];
-        if (!command)
-            throw new Error(`Command "${name}" is not registered.`);
-        const context = {
-            target,
-            uiElem: this
-        };
-        if (command.isExecuting)
-            return { status: "already", context };
-        command.isExecuting = true;
-        if (!this._onCanExecCommand(name, target)) {
-            delete command.isExecuting;
-            return { status: "disallow", context };
-        }
-        if (command.canExecute && !command.canExecute(context)) {
-            delete command.isExecuting;
-            return { status: "disallow", context };
-        }
-        this.raiseEvent(constants$1.CommandEventName, {
-            name: command.name,
-            uiElem: this,
-            elem: this.__element
-        });
-        let isAsync;
-        try {
-            const commandResult = command.execute(context);
-            if (commandResult && commandResult instanceof Promise) {
-                isAsync = true;
-                target.classList.add(constants$1.CommandExecutingCssClassName);
-                commandResult
-                    .finally(() => {
-                    target.classList.remove(constants$1.CommandExecutingCssClassName);
-                    delete command.isExecuting;
-                });
-            }
-        }
-        finally {
-            if (!isAsync)
-                delete command.isExecuting;
-        }
-        return { status: "success", context: context };
-    }
-    _onRenderElement(_elem) { }
-    _onCanExecCommand(_name, _elem) {
-        return true;
-    }
-    onDestroy(callback) {
-        if (!this.__element)
-            return;
-        if (!this.__destroyCallbacks)
-            this.__destroyCallbacks = [];
-        if (callback instanceof UIElement)
-            this.__destroyCallbacks.push(() => callback.destroy());
-        else if (callback instanceof Element)
-            this.__destroyCallbacks.push(() => callback.remove());
-        else
-            this.__destroyCallbacks.push(callback);
-    }
-    toString() {
-        return this.typeName;
-    }
-    destroy() {
-        const elem = this.__element;
-        if (!elem)
-            return;
-        delete elem.dataset[constants$1.ElemAttributeName];
-        delete elem[constants$1.ElemPropertyName];
-        delete this.__element;
-        delete this.__events;
-        delete this.__commands;
-        if (this.__destroyCallbacks) {
-            this.__destroyCallbacks.map(callback => {
-                try {
-                    callback();
-                }
-                catch (reason) {
-                    console.error(`Error in call "${this.typeName}" destroy callback.`);
-                }
-            });
-            delete this.__destroyCallbacks;
-        }
-    }
-}
-const fundUiElementByCommand = (elem, commandName) => {
-    while (elem) {
-        if (elem.dataset[constants$1.ElemAttributeName]) {
-            const uiElem = elem[constants$1.ElemPropertyName];
-            if (uiElem.hasCommand(commandName))
-                return uiElem;
-        }
-        if (typeof elem.parentElement === "undefined")
-            elem = elem.parentNode;
-        else if (elem.parentElement)
-            elem = elem.parentElement;
-        else
-            break;
-    }
-    return null;
-};
-const commandClickHandler = (e) => {
-    let commandElem = e.target;
-    while (commandElem) {
-        if (commandElem.dataset[constants$1.CommandAttributeName])
-            break;
-        if (commandElem === e.currentTarget)
-            return;
-        commandElem = commandElem.parentElement;
-    }
-    if (!commandElem)
-        return;
-    const commandName = commandElem.dataset[constants$1.CommandAttributeName];
-    if (!commandName)
-        throw new Error("Command data attribute is not have value.");
-    const uiElem = fundUiElementByCommand(commandElem, commandName);
-    if (uiElem) {
-        const result = uiElem.__execCommand(commandName, commandElem);
-        if (result.status == "success" && result.context.transparent)
-            return;
-    }
-    else
-        console.warn(`Not find handler for command "${commandName}".`);
-    e.preventDefault();
-    e.stopPropagation();
-    e.stopImmediatePropagation();
-};
-window.addEventListener("click", commandClickHandler, false);
-
-HTMLElement.prototype.ui = function (factory) {
-    factory(this);
-    return this;
-};
+import { UIElement } from '@brandup/ui';
 
 class MiddlewareInvoker {
     middleware;
@@ -261,8 +50,8 @@ const result = {
 };
 
 var constants = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: result
+	__proto__: null,
+	default: result
 });
 
 const STATE_MIDDLEWARE_NAME = "app-state";
@@ -343,8 +132,8 @@ var BROWSER = {
 };
 
 var browser = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: BROWSER
+	__proto__: null,
+	default: BROWSER
 });
 
 const HYPERLINK_MIDDLEWARE_NAME = "app-hyperlink";
@@ -523,6 +312,7 @@ const parseUrl = (url) => {
         hash = hash.substring(1);
     var result = {
         full: "",
+        url: "",
         relative: "",
         origin,
         path,
@@ -561,14 +351,13 @@ const extendQuery = (url, query) => {
     }
     rebuildUrl(url);
 };
-const rebuildUrl = (url) => {
-    let relativeUrl = url.path;
-    if (url.query.size)
-        relativeUrl += "?" + url.query.toString();
-    if (url.hash)
-        relativeUrl += "#" + url.hash;
-    url.full = url.origin + relativeUrl;
-    url.relative = relativeUrl;
+const rebuildUrl = (parsedUrl) => {
+    let relativeUrl = parsedUrl.path;
+    if (parsedUrl.query.size)
+        relativeUrl += "?" + parsedUrl.query.toString();
+    parsedUrl.url = parsedUrl.origin + relativeUrl;
+    parsedUrl.relative = relativeUrl;
+    parsedUrl.full = parsedUrl.hash ? `${parsedUrl.url}#${parsedUrl.hash}` : parsedUrl.url;
 };
 const buildUrl = (basePath, path, query, hash) => {
     let url = basePath;
@@ -615,8 +404,8 @@ var urlHelper = {
 };
 
 var url = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: urlHelper
+	__proto__: null,
+	default: urlHelper
 });
 
 /**
@@ -640,9 +429,7 @@ class Application extends UIElement {
     get typeName() { return "Application"; }
     /** Middleware methods invoker. */
     get invoker() { return this.__invoker; }
-    /**
-     * @param middlewares Initialize application with middlewares. Using in ApplicationBuilder.
-     */
+    /** @internal */
     initialize(middlewares) {
         if (this.__isInitialized)
             throw 'Application already initialized.';
@@ -717,13 +504,14 @@ class Application extends UIElement {
             app: this,
             source: isFirst ? "first" : "nav",
             data,
-            url: navUrl.full,
+            url: navUrl.url,
             origin: navUrl.origin,
+            pathAndQuery: navUrl.relative,
             path: navUrl.path,
             query: navUrl.query,
             hash: navUrl.hash,
-            replace,
-            external: navUrl.external
+            external: navUrl.external,
+            replace
         };
         console.info(context);
         try {
@@ -773,13 +561,14 @@ class Application extends UIElement {
             button,
             method,
             enctype,
-            url: navUrl.full,
+            url: navUrl.url,
             origin: navUrl.origin,
+            pathAndQuery: navUrl.relative,
             path: navUrl.path,
             query: navUrl.query,
             hash: navUrl.hash,
-            replace: false,
-            external: navUrl.external
+            external: navUrl.external,
+            replace: false
         };
         try {
             console.info(`submit ${method} begin ${navUrl.full}`);

package/dist/mjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../brandup-ui/dist/mjs/index.js"],"sourcesContent":["const constants = {\n    ElemAttributeName: \"uiElement\",\n    ElemPropertyName: \"uielement\",\n    CommandAttributeName: \"command\",\n    CommandExecutingCssClassName: \"executing\",\n    CommandEventName: \"uicommand\"\n};\n\nclass UIElement {\n    __element;\n    __events;\n    __commands;\n    __destroyCallbacks;\n    // Element members\n    get element() { return this.__element; }\n    setElement(elem) {\n        if (!elem)\n            throw \"Not set value elem.\";\n        if (this.__element || UIElement.hasElement(elem))\n            throw \"UIElement already defined\";\n        this.__element = elem;\n        elem[constants.ElemPropertyName] = this;\n        elem.dataset[constants.ElemAttributeName] = this.typeName;\n        this.defineEvent(constants.CommandEventName, { cancelable: false, bubbles: true });\n        this._onRenderElement(elem);\n    }\n    // static members\n    static hasElement(elem) {\n        return !!elem.dataset[constants.ElemAttributeName];\n    }\n    // HTMLElement event members\n    defineEvent(eventName, eventOptions) {\n        if (!this.__events)\n            this.__events = {};\n        this.__events[eventName] = eventOptions ? eventOptions : null;\n    }\n    raiseEvent(eventName, eventArgs) {\n        if (!this.__events || !(eventName in this.__events))\n            throw new Error(`Not found event \"${eventName}\".`);\n        const eventOptions = this.__events[eventName];\n        const eventInit = {};\n        if (eventOptions) {\n            eventInit.bubbles = eventOptions.bubbles;\n            eventInit.cancelable = eventOptions.cancelable;\n            eventInit.composed = eventOptions.composed;\n        }\n        eventInit.detail = eventArgs;\n        return this.dispatchEvent(new CustomEvent(eventName, eventInit));\n    }\n    addEventListener(type, listener, options) {\n        this.__element?.addEventListener(type, listener, options);\n    }\n    removeEventListener(type, listener, options) {\n        this.__element?.removeEventListener(type, listener, options);\n    }\n    dispatchEvent(event) {\n        if (!this.__element)\n            throw new Error(\"HTMLElement is not defined.\");\n        return this.__element.dispatchEvent(event);\n    }\n    // Command members\n    registerCommand(name, execute, canExecute) {\n        if (!this.__commands)\n            this.__commands = {};\n        const nornalizedName = name.toLowerCase();\n        if (nornalizedName in this.__commands)\n            throw new Error(`Command \"${name}\" already registered.`);\n        this.__commands[nornalizedName] = {\n            name: name,\n            execute,\n            canExecute\n        };\n    }\n    hasCommand(name) {\n        return this.__commands && name.toLowerCase() in this.__commands;\n    }\n    /** @internal */\n    __execCommand(name, target) {\n        if (!this.__element || !this.__commands)\n            throw new Error(\"UIElement is not set HTMLElement.\");\n        const key = name.toLowerCase();\n        const command = this.__commands[key];\n        if (!command)\n            throw new Error(`Command \"${name}\" is not registered.`);\n        const context = {\n            target,\n            uiElem: this\n        };\n        if (command.isExecuting)\n            return { status: \"already\", context };\n        command.isExecuting = true;\n        if (!this._onCanExecCommand(name, target)) {\n            delete command.isExecuting;\n            return { status: \"disallow\", context };\n        }\n        if (command.canExecute && !command.canExecute(context)) {\n            delete command.isExecuting;\n            return { status: \"disallow\", context };\n        }\n        this.raiseEvent(constants.CommandEventName, {\n            name: command.name,\n            uiElem: this,\n            elem: this.__element\n        });\n        let isAsync;\n        try {\n            const commandResult = command.execute(context);\n            if (commandResult && commandResult instanceof Promise) {\n                isAsync = true;\n                target.classList.add(constants.CommandExecutingCssClassName);\n                commandResult\n                    .finally(() => {\n                    target.classList.remove(constants.CommandExecutingCssClassName);\n                    delete command.isExecuting;\n                });\n            }\n        }\n        finally {\n            if (!isAsync)\n                delete command.isExecuting;\n        }\n        return { status: \"success\", context: context };\n    }\n    _onRenderElement(_elem) { }\n    _onCanExecCommand(_name, _elem) {\n        return true;\n    }\n    onDestroy(callback) {\n        if (!this.__element)\n            return;\n        if (!this.__destroyCallbacks)\n            this.__destroyCallbacks = [];\n        if (callback instanceof UIElement)\n            this.__destroyCallbacks.push(() => callback.destroy());\n        else if (callback instanceof Element)\n            this.__destroyCallbacks.push(() => callback.remove());\n        else\n            this.__destroyCallbacks.push(callback);\n    }\n    toString() {\n        return this.typeName;\n    }\n    destroy() {\n        const elem = this.__element;\n        if (!elem)\n            return;\n        delete elem.dataset[constants.ElemAttributeName];\n        delete elem[constants.ElemPropertyName];\n        delete this.__element;\n        delete this.__events;\n        delete this.__commands;\n        if (this.__destroyCallbacks) {\n            this.__destroyCallbacks.map(callback => {\n                try {\n                    callback();\n                }\n                catch (reason) {\n                    console.error(`Error in call \"${this.typeName}\" destroy callback.`);\n                }\n            });\n            delete this.__destroyCallbacks;\n        }\n    }\n}\nconst fundUiElementByCommand = (elem, commandName) => {\n    while (elem) {\n        if (elem.dataset[constants.ElemAttributeName]) {\n            const uiElem = elem[constants.ElemPropertyName];\n            if (uiElem.hasCommand(commandName))\n                return uiElem;\n        }\n        if (typeof elem.parentElement === \"undefined\")\n            elem = elem.parentNode;\n        else if (elem.parentElement)\n            elem = elem.parentElement;\n        else\n            break;\n    }\n    return null;\n};\nconst commandClickHandler = (e) => {\n    let commandElem = e.target;\n    while (commandElem) {\n        if (commandElem.dataset[constants.CommandAttributeName])\n            break;\n        if (commandElem === e.currentTarget)\n            return;\n        commandElem = commandElem.parentElement;\n    }\n    if (!commandElem)\n        return;\n    const commandName = commandElem.dataset[constants.CommandAttributeName];\n    if (!commandName)\n        throw new Error(\"Command data attribute is not have value.\");\n    const uiElem = fundUiElementByCommand(commandElem, commandName);\n    if (uiElem) {\n        const result = uiElem.__execCommand(commandName, commandElem);\n        if (result.status == \"success\" && result.context.transparent)\n            return;\n    }\n    else\n        console.warn(`Not find handler for command \"${commandName}\".`);\n    e.preventDefault();\n    e.stopPropagation();\n    e.stopImmediatePropagation();\n};\nwindow.addEventListener(\"click\", commandClickHandler, false);\n\nHTMLElement.prototype.ui = function (factory) {\n    factory(this);\n    return this;\n};\n\nconst UICONSTANTS = constants;\n\nexport { UICONSTANTS, UIElement };\n//# sourceMappingURL=index.js.map\n"],"names":["constants"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types.d.ts

@@ -42,19 +42,21 @@ interface NavigateContext<TApplication extends Application = Application, TData
     readonly data: TData;
     /** Source navigation event. */
     readonly source: NavigateSource;
-    /** Full url for navigation. */
+    /** Origin, path and query, but without hash. */
     readonly url: string;
     /** Scheme, host and port. */
     readonly origin: string;
+    /** Path and query, but without hash. */
+    readonly pathAndQuery: string;
     /** Path of navigation url. */
     readonly path: string;
     /** Query parameters of navigation url. */
     readonly query: URLSearchParams;
     /** Hash of navigation url. */
     readonly hash: string | null;
-    /** Replace current navigation entry. */
     /** Navigation origin is different of current page origin. */
     readonly external: boolean;
+    /** Replace current navigation entry. */
     replace: boolean;
 }
 /**
@@ -96,10 +98,6 @@ declare class Application<TModel extends ApplicationModel = ApplicationModel> ex
     get typeName(): string;
     /** Middleware methods invoker. */
     get invoker(): MiddlewareInvoker;
-    /**
-     * @param middlewares Initialize application with middlewares. Using in ApplicationBuilder.
-     */
-    initialize(middlewares: Array<Middleware>): void;
     protected onInitialize(): void;
     /**
      * Get middleware by type.
@@ -176,6 +174,7 @@ declare class ApplicationBuilder<TModel extends ApplicationModel> {
 
 interface ParsedUrl {
     full: string;
+    url: string;
     relative: string;
     origin: string;
     path: string;

package/package.json

@@ -24,9 +24,9 @@
   "module": "dist/mjs/index.js",
   "types": "dist/types.d.ts",
   "license": "Apache-2.0",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "dependencies": {
-    "@brandup/ui": "^1.0.4"
+    "@brandup/ui": "^1.0.6"
   },
   "files": [
     "dist",