estreui 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "estreui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "EstreUI Core Library - A comprehensive UI framework for web applications",
   "main": "scripts/estreUi.js",
   "files": [

package/scripts/estreU0EEOZ.js

@@ -490,15 +490,85 @@ const isv3 = '="3"]';
 /** isv4(val) = ="val"] */
 const isv4 = val => '="' + val + '"]';
 
-// CSS variable name constant
-const v = {
-    supportPrefix: "--support-",
-    s: function(method) { return this.supportPrefix + method; },
-
-    scalableMethod: "--scalable-method",
+/** CSS value alias constant and Kebab Case Characters loopback (2 letters and more) */
+const v = new Proxy({
+    a(val) { return "attr(" + v[val] + ")"; },
+    get b() { return ; }, // *reserved*
+    get c() { return "center"; },
+    get d() { return ; }, // *reserved*
+    get e() { return ; }, // *reserved*
+    get f() { return "-webkit-fill-available"; },
+    get g() { return ; }, // *reserved*
+    get h() { return "100%"; },
+    get i() { return ; }, // *reserved*
+    get j() { return ; }, // *reserved*
+    get k() { return ; }, // *reserved*
+    get l() { return ; }, // *reserved*
+    get m() { return ; }, // *reserved*
+    get n() { return "no-repeat"; },
+    get o() { return ; }, // *reserved*
+    get p() { return ; }, // *reserved*
+    get q() { return ; }, // *reserved*
+    get r() { return ; }, // *reserved*
+    get s() { return ; }, // *reserved*
+    get t() { return "transparent"; },
+    u(val) {
+        const hasSQ = val.includes(sq);
+        const hasDQ = val.includes(dq);
+        const beginsSQ = val.startsWith(sq);
+        const beginsDQ = val.startsWith(dq);
+        return "url(" + ((hasSQ && hasDQ) || beginsSQ || beginsDQ ? val : hasSQ ? dq + val + dq : sq + val + sq) + ")";
+    },
+    get v() { return ; }, // *reserved*
+    get w() { return ; }, // *reserved*
+    get x() { return ; }, // *reserved*
+    get y() { return ; }, // *reserved*
+    get z() { return t0; },
+}, {
+    get: (target, prop) => {
+        if (prop in target) return target[prop];
+        else return prop.replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+            .replace(/^([A-Z])/, '-$1').toLowerCase();
+    }
+});
 
-    eoo: eoo
-};
+/** CSS variable name constant and Dashed Kebab Case Characters loopback (2 letters and more) */
+const b = new Proxy({
+    get a() { return ; }, // *reserved*
+    get b() { return ; }, // *reserved*
+    get c() { return ; }, // *reserved*
+    get d() { return ; }, // *reserved*
+    get e() { return ; }, // *reserved*
+    get f() { return ; }, // *reserved*
+    get g() { return ; }, // *reserved*
+    get h() { return ; }, // *reserved*
+    get i() { return ; }, // *reserved*
+    get j() { return ; }, // *reserved*
+    get k() { return ; }, // *reserved*
+    get l() { return ; }, // *reserved*
+    get m() { return "--scalable-method"; },
+    get n() { return ; }, // *reserved*
+    get o() { return ; }, // *reserved*
+    get p() { return "--support-"; },
+    get q() { return ; }, // *reserved*
+    get r() { return ; }, // *reserved*
+    s(val) { return this.p + v[val]; },
+    get t() { return ; }, // *reserved*
+    get u() { return ; }, // *reserved*
+    get v() { return ; }, // *reserved*
+    get w() { return ; }, // *reserved*
+    get x() { return "--ui-extensive"; },
+    get y() { return ; }, // *reserved*
+    get z() { return ; }, // *reserved*
+}, {
+    get: (target, prop) => {
+        if (prop in target) return target[prop];
+        else return hp + prop.replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+            .replace(/^([A-Z])/, '-$1').toLowerCase();
+    }
+});
 
 /** CSS support check */ 
 const csc = method => doc.$b.css(v.s(method)) == t1;

package/scripts/estreUi.js

@@ -488,7 +488,7 @@ const eds = {
 
 
 // Popup browser
-function estrePopupBrowser(options = {}) {
+function estrePopupBrowser(options = {}, instanceOrigin) {
     return new Promise((resolve) => pageManager.bringPage("!popupBrowser", {
         data: options,
         onBeforeAttach(handle, iframe) {
@@ -513,7 +513,7 @@ function estrePopupBrowser(options = {}) {
         onClickForward(handle, iframe, url) {
             return this?.data?.callbackForward?.(handle, iframe, url);
         },
-    }));
+    }, instanceOrigin));
 }
 
 const popupBrowser = (src = "about:blank", name = "webview",
@@ -539,7 +539,7 @@ const closePopupBrowserWhenOnTop = async () => {
 
 
 // Toast up slide dialog
-function estreToastAlert(options = {}) {
+function estreToastAlert(options = {}, instanceOrigin) {
     return new Promise((resolve) => pageManager.bringPage("!toastAlert", {
         data: options,
         onOk() {
@@ -550,7 +550,7 @@ function estreToastAlert(options = {}) {
             this?.data?.callbackDissmiss?.();
             resolve(undefined);
         },
-     }));
+     }, instanceOrigin));
 }
 
 const toastAlert = (title, message,
@@ -560,7 +560,7 @@ const toastAlert = (title, message,
 ) => estreToastAlert({ title, message, callbackOk, callbackDissmiss, ok });
 
 
-function estreToastConfirm(options = {}) {
+function estreToastConfirm(options = {}, instanceOrigin) {
     return new Promise((resolve) => pageManager.bringPage("!toastConfirm", {
         data: options,
         onPositive() {
@@ -579,7 +579,7 @@ function estreToastConfirm(options = {}) {
             this?.data?.callbackDissmiss?.();
             resolve(undefined);
         },
-    }));
+    }, instanceOrigin));
 }
 
 const toastConfirm = (title, message,
@@ -633,7 +633,7 @@ const toastPrompt = (title,
 ) => estreToastPrompt({ title, message, callbackConfirm, callbackDissmiss, confirm, placeholder, type, value });
 
 
-function estreToastOption(options = {}) {
+function estreToastOption(options = {}, instanceOrigin) {
     return new Promise((resolve) => pageManager.bringPage("!toastOption", {
         data: options,
         onSelected(key, value) {
@@ -644,7 +644,7 @@ function estreToastOption(options = {}) {
             this?.data?.callbackDissmiss?.();
             resolve(undefined);
         },
-    }));
+    }, instanceOrigin));
 }
 
 const toastOption = (title = "", message = "",
@@ -708,7 +708,7 @@ const selectionToast = (options = ["option A", "option B", "option C"],
 ) => toastSelection(title, message, minSelection, maxSelection, options, defaultSelected, callbackConfirm, callbackSelect, callbackDissmiss, callbackAnother, confirm, another);
 
 
-function estreToastDials(options = {}) {
+function estreToastDials(options = {}, instanceOrigin) {
     const arrays = [c.table, c.initial, c.aligns, c.prefixes, c.suffixes, c.dividers];
     for (const name of arrays) if (!typeString(options[name])) options[name] = Jcodd.coddify(options[name]);
     options.stretch = !options.stretch ? "" : t1;
@@ -733,7 +733,7 @@ function estreToastDials(options = {}) {
                 resolve(undefined);
             },
         };
-        return pageManager.bringPage("!toastDials", intent);
+        return pageManager.bringPage("!toastDials", intent, instanceOrigin);
     });
     return new class {
         get data() { return intent.data; }
@@ -784,7 +784,7 @@ classicConfirm = confirm;
 classicPrompt = prompt;
 
 
-function estreAlert(options = {}) {
+function estreAlert(options = {}, instanceOrigin) {
     return new Promise((resolve) => pageManager.bringPage("!alert", {
         data: options,
         onOk() {
@@ -795,7 +795,7 @@ function estreAlert(options = {}) {
             this?.data?.callbackDissmiss?.();
             resolve(undefined);
         },
-     }));
+     }, instanceOrigin));
 }
 
 alert = (title, message,
@@ -805,7 +805,7 @@ alert = (title, message,
 ) => tu(title) ? classicAlert() : estreAlert({ title, message, callbackOk, callbackDissmiss, ok });
 
 
-function estreConfirm(options = {}) {
+function estreConfirm(options = {}, instanceOrigin) {
     return new Promise((resolve) => pageManager.bringPage("!confirm", {
         data: options,
         onPositive() {
@@ -824,7 +824,7 @@ function estreConfirm(options = {}) {
             this?.data?.callbackDissmiss?.();
             resolve(undefined);
         },
-    }));
+    }, instanceOrigin));
 }
 
 confirm = (title, message,
@@ -841,7 +841,7 @@ confirm = (title, message,
 }
 
 
-function estrePrompt(options = {}) {
+function estrePrompt(options = {}, instanceOrigin) {
     return new Promise((resolve) => pageManager.bringPage("!prompt", {
         data: options,
         onPromptFocus(input, text, event) {
@@ -867,7 +867,7 @@ function estrePrompt(options = {}) {
             this?.data?.callbackDissmiss?.();
             resolve(undefined);
         },
-     }));
+     }, instanceOrigin));
 }
 
 prompt = (title,
@@ -2839,7 +2839,7 @@ class EstrePageHostHandle extends EstrePageHandle {
     };
     set prevSubPageId(id) {
         if (id == null) return;
-        if (this.#prevSubPageIds.has(id)) this.$prevSubPages.delete(id);
+        if (this.#prevSubPageIds.has(id)) this.#prevSubPageIds.delete(id);
         this.#prevSubPageIds.add(id);
     };
 
@@ -15501,7 +15501,7 @@ const estreUi = {
         return !unhandled;
     },
 
-    async closeInstantBlinded(id, instanceOrigin, isTermination = !component.isStatic) {
+    async closeInstantBlinded(id, instanceOrigin, isTermination) {
         let component = this.blindSections[id + (instanceOrigin?.let(it => "^" + it) ?? "")];
         if (component == null) {
             if (instanceOrigin != null) return null;
@@ -15520,6 +15520,7 @@ const estreUi = {
             } else return null;
         } else {
             if (!component.$host.hasClass("home")) {
+                isTermination ??= !component.isStatic;
                 const closed = await component.close(false, isTermination);
                 setTimeout(async _ => {
                     const $components = this.$blindSections.filter(naiv(m.id, id));

package/scripts/modernism.js

@@ -31,7 +31,7 @@ SOFTWARE.
 // Collections of bypass for process codes takes be inline,
 // and monkey patching like as modern languages.
 // 
-// v0.7.0    / release 2026.02.06
+// v0.7.1    / release 2026.03.31
 // 
 // Author: Estre Soliette
 // Established: 2025.01.05
@@ -758,7 +758,7 @@ defineGetterAndSetter(Function, "new", function () { return new this(); });
 
 
 // additional global prototype functions
-defineGetterAndSetterPlex("it", function () { return classCase(this, { [_BOOLEAN]: it => Boolean(it), [_NUMBER]: it => Number(it), [_STRING]: it => String(it), [_BIG_INT]: it => BigInt(it), [DEFAULT]: it => it }); });
+defineGetterAndSetterPlex("it", function () { return classCase(this, { [_BOOLEAN]: it => it.valueOf(), [_NUMBER]: it => Number(it), [_STRING]: it => String(it), [_BIG_INT]: it => BigInt(it), [DEFAULT]: it => it }); });
 
 definePropertyPlex("matchCase", function () { return matchCase(this.it, ...arguments); });
 definePropertyPlex("equalCase", function () { return equalCase(this.it, ...arguments); });

package/serviceWorker.js

@@ -1,4 +1,4 @@
-const INSTALLATION_VERSION_NAME = "1.2.0-r20260228";
+const INSTALLATION_VERSION_NAME = "1.2.1-r20260308";
 // ^^ Use for check new update "Native application(webview) version(or Android/iOS version combo) - PWA release version"
 // ex) "1.0.1/1.0.0-r20251101k"
 
@@ -21,7 +21,7 @@ const INSTALLATION_FILE_LIST = [
 
 
 // Common files cache - Be changes some time but, well not changed very often
-const CACHE_NAME_COMMON_FILES = "common-files-cache-v1-20260228";
+const CACHE_NAME_COMMON_FILES = "common-files-cache-v1-20260308";
 
 const COMMON_FILES_TO_CACHE = [
     "./",

package/styles/estreUiAliases.css

@@ -170,6 +170,10 @@ body .tp_tiled_btn.padded { padding: 0 12px; }
 body .tp_tiled_btn.padded > span { padding: 0 4px; }
 body .tp_tiled_btn.fit_pad_h { padding-left: 0; padding-right: 0; }
 body .tp_tiled_btn.fit_pad_v { padding-top: 0; padding-bottom: 0; }
+body .tp_tiled_btn:disabled { opacity: 0.5; }
+body .tp_tiled_btn:disabled:active { cursor: not-allowed; }
+body .tp_tiled_btn[data-disabled="1"] { opacity: 0.5; }
+body .tp_tiled_btn[data-disabled="1"]:active { cursor: not-allowed; }
 
 /* extra */
 body img.logo { filter: drop-shadow(0 0 5px rgb(var(--cglr) / 60%)); }