@famibee/skynovel 1.22.1 → 1.23.1

package/web.js

@@ -68236,7 +68236,7 @@ class Button extends pixi_js_1.Container {
             oName.type = 'pic';
             __classPrivateFieldSet(this, _Button_idc, new DesignCast_1.PicBtnDesignCast(this, hArg), "f");
             if (enabled)
-                this.evtMng.button(this.hArg, this, __classPrivateFieldGet(this, _Button_normal, "f"), __classPrivateFieldGet(this, _Button_hover, "f"), __classPrivateFieldGet(this, _Button_clicked, "f"));
+                this.evtMng.button(this.hArg, this, () => __classPrivateFieldGet(this, _Button_normal, "f").call(this), () => __classPrivateFieldGet(this, _Button_hover, "f").call(this), () => __classPrivateFieldGet(this, _Button_clicked, "f").call(this));
             if (!GrpLayer_1.GrpLayer.csv2Sprites(hArg.pic, this, sp => {
                 __classPrivateFieldGet(this, _Button_instances, "m", _Button_loaded_pic).call(this, sp, oName);
                 __classPrivateFieldGet(this, _Button_rctBtnTxt, "f").width = sp.width * oName.scale_x;
@@ -68253,7 +68253,7 @@ class Button extends pixi_js_1.Container {
             align: 'center',
             dropShadow: true,
             dropShadowAlpha: 0.7,
-            dropShadowColor: '#ffffff',
+            dropShadowColor: 'white',
             dropShadowBlur: 7,
             dropShadowDistance: 0,
             fill: 'black',
@@ -68469,7 +68469,7 @@ exports.CallStack = CallStack;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.CmnLib = exports.getExt = exports.getFn = exports.argChk_Boolean = exports.argChk_Num = exports.addStyle = exports.initStyle = exports.cnvTweenArg = exports.hMemberCnt = exports.getDateStr = exports.uint = exports.int = void 0;
+exports.CmnLib = exports.getExt = exports.getFn = exports.argChk_Color = exports.parseColor = exports.argChk_Boolean = exports.argChk_Num = exports.addStyle = exports.initStyle = exports.cnvTweenArg = exports.hMemberCnt = exports.getDateStr = exports.uint = exports.int = void 0;
 function int(o) { return parseInt(String(o), 10); }
 exports.int = int;
 function uint(o) {
@@ -68571,6 +68571,28 @@ function argChk_Boolean(hash, name, def) {
     return hash[name] = (v2 === 'false') ? false : Boolean(v2);
 }
 exports.argChk_Boolean = argChk_Boolean;
+function parseColor(v) {
+    if (v.charAt(0) === '#')
+        return parseInt(v.slice(1), 16);
+    const n = Number(v);
+    if (!isNaN(n))
+        return n;
+    if (v === 'black')
+        return 0;
+    CmnLib.cc4ColorName.fillStyle = v;
+    const cc = CmnLib.cc4ColorName.fillStyle;
+    if (cc === '#000000')
+        throw `色名前 ${v} が異常です`;
+    return parseInt(cc.slice(1), 16);
+}
+exports.parseColor = parseColor;
+function argChk_Color(hash, name, def) {
+    const v = hash[name];
+    if (!v)
+        return hash[name] = def;
+    return hash[name] = parseColor(String(v));
+}
+exports.argChk_Color = argChk_Color;
 const REG_FN = /^[^\/\.]+$|[^\/]+(?=\.)/;
 function getFn(p) { return (p.match(REG_FN) ?? [''])[0]; }
 exports.getFn = getFn;
@@ -68804,7 +68826,9 @@ class Config {
         if ('init' in oCfg)
             for (const n in this.oCfg.init) {
                 const v = String(this.oCfg.init[n]);
-                if (v.charAt(0) === '#')
+                if (n === 'bg_color')
+                    this.oCfg.init[n] = (0, CmnLib_1.parseColor)(v);
+                else
                     this.oCfg.init[n] = parseInt(v.slice(1), 16);
             }
         this.oCfg.debug = { ...this.oCfg.debug, ...oCfg.debug };
@@ -69578,7 +69602,7 @@ class TxtLayDesignCast extends DesignCast {
         };
     }
     getRect() {
-        const it = this.ts.getInfTL();
+        const it = this.ts.infTL;
         return new pixi_js_1.Rectangle(this.spLay.x, this.spLay.y, it.$width, it.$height);
     }
     cnvPosArg(left, top) { return { left, top }; }
@@ -69606,12 +69630,12 @@ class TxtLayPadDesignCast extends DesignCast {
         this.rotatable = false;
     }
     getRect() {
-        const it = this.ts.getInfTL();
+        const it = this.ts.infTL;
         return new pixi_js_1.Rectangle(it.pad_left, it.pad_top, it.$width - it.pad_left - it.pad_right, it.$height - it.pad_top - it.pad_bottom);
     }
     cnvPosArg(pl, pt) { return { pl, pt }; }
     cnvSizeArg(w, h) {
-        const it = this.ts.getInfTL();
+        const it = this.ts.infTL;
         return {
             pr: it.$width - it.pad_left - w,
             pb: it.$height - it.pad_top - h,
@@ -69622,7 +69646,7 @@ class TxtLayPadDesignCast extends DesignCast {
         this.ts.lay({ ...this.cnvSizeArg(w, h), ':redraw': true });
     }
     setOther(hPrm) {
-        const it = this.ts.getInfTL();
+        const it = this.ts.infTL;
         if ('pl' in hPrm || 'pt' in hPrm) {
             this.setPos(this.rect.x = parseFloat(DesignCast.prpPrs.getValAmpersand(hPrm.pl?.val ?? `${it.pad_left}`)), this.rect.y = parseFloat(DesignCast.prpPrs.getValAmpersand(hPrm.pt?.val ?? `${it.pad_top}`)));
             this.cvsResize();
@@ -69650,7 +69674,7 @@ exports.TxtLayPadDesignCast = TxtLayPadDesignCast;
 _TxtLayPadDesignCast_instances = new WeakSet(), _TxtLayPadDesignCast_procHint = function _TxtLayPadDesignCast_procHint(left, top, dx, dy) {
     const x = this.rect.x, y = this.rect.y;
     const w = this.rect.width, h = this.rect.height;
-    const it = this.ts.getInfTL();
+    const it = this.ts.infTL;
     const pl = (0, CmnLib_1.int)(x + dx / CmnLib_1.CmnLib.cvsScale);
     const pt = (0, CmnLib_1.int)(y + dy / CmnLib_1.CmnLib.cvsScale);
     const pr = (0, CmnLib_1.int)(it.$width - pl - w);
@@ -69823,7 +69847,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _EventMng_instances, _EventMng_elc, _EventMng_cvsHint, _EventMng_picHint_w, _EventMng_picHint_h, _EventMng_padHint, _EventMng_grpHint, _EventMng_gamepad, _EventMng_fcs, _EventMng_resvFlameEvent4Wheel, _EventMng_ev_keydown, _EventMng_ev_contextmenu, _EventMng_ev_wheel, _EventMng_wheeling, _EventMng_extend_wheel, _EventMng_ev_wheel_waitstop, _EventMng_hLocalEvt2Fnc, _EventMng_hGlobalEvt2Fnc, _EventMng_isDbgBreak, _EventMng_isWait, _EventMng_getEvt2Fnc, _EventMng_waitEventBase, _EventMng_firstWait, _EventMng_dispHint, _EventMng_dispHint_masume, _EventMng_procWheel4wle, _EventMng_elcWLE, _EventMng_clear_event, _EventMng_clear_eventer, _EventMng_event, _EventMng_canFocus, _EventMng_getHtmlElmList, _EventMng_goTxt, _EventMng_l, _EventMng_p, _EventMng_fncCancelSkip, _EventMng_set_cancel_skip, _EventMng_unregisterClickEvts, _EventMng_wait, _EventMng_waitclick, _EventMng_hDownKeys;
+var _EventMng_instances, _EventMng_elc, _EventMng_cvsHint, _EventMng_picHint_w, _EventMng_picHint_h, _EventMng_padHint, _EventMng_grpHint, _EventMng_gamepad, _EventMng_fcs, _EventMng_resvFlameEvent4Wheel, _EventMng_ev_keydown, _EventMng_ev_contextmenu, _EventMng_ev_wheel, _EventMng_wheeling, _EventMng_extend_wheel, _EventMng_ev_wheel_waitstop, _EventMng_hLocalEvt2Fnc, _EventMng_hGlobalEvt2Fnc, _EventMng_isDbgBreak, _EventMng_isWait, _EventMng_getEvt2Fnc, _EventMng_waitEventBase, _EventMng_firstWait, _EventMng_dispHint, _EventMng_dispHint_hArg, _EventMng_dispHint_ctnBtn, _EventMng_dispHint_masume, _EventMng_procWheel4wle, _EventMng_elcWLE, _EventMng_clear_event, _EventMng_clear_eventer, _EventMng_event, _EventMng_canFocus, _EventMng_getHtmlElmList, _EventMng_goTxt, _EventMng_l, _EventMng_p, _EventMng_fncCancelSkip, _EventMng_set_cancel_skip, _EventMng_unregisterClickEvts, _EventMng_set_focus, _EventMng_wait, _EventMng_waitclick, _EventMng_hDownKeys;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.EventMng = void 0;
 const CmnLib_1 = __webpack_require__(/*! ./CmnLib */ "./core/src/sn/CmnLib.ts");
@@ -69873,6 +69897,8 @@ class EventMng {
             __classPrivateFieldSet(this, _EventMng_firstWait, () => { }, "f");
             this.scrItr.firstWait();
         });
+        _EventMng_dispHint_hArg.set(this, void 0);
+        _EventMng_dispHint_ctnBtn.set(this, void 0);
         _EventMng_dispHint_masume.set(this, (hArg, ctnBtn, rctBtn, isLink, hint_width, hint_tate) => {
             __classPrivateFieldGet(this, _EventMng_grpHint, "f").zIndex = 1000;
             __classPrivateFieldGet(this, _EventMng_grpHint, "f").x = rctBtn.x;
@@ -69918,7 +69944,7 @@ class EventMng {
             return true;
         };
         hTag.set_cancel_skip = () => __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_set_cancel_skip).call(this);
-        hTag.set_focus = o => this.set_focus(o);
+        hTag.set_focus = o => __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_set_focus).call(this, o);
         hTag.wait = o => __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_wait).call(this, o);
         hTag.waitclick = () => __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_waitclick).call(this);
         sndMng.setEvtMng(this);
@@ -70226,6 +70252,11 @@ class EventMng {
         }
         this.sndMng.loadAheadSnd(hArg);
     }
+    cvsResize() {
+        if (__classPrivateFieldGet(this, _EventMng_cvsHint, "f").hidden)
+            return;
+        __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_dispHint).call(this, __classPrivateFieldGet(this, _EventMng_dispHint_hArg, "f"), __classPrivateFieldGet(this, _EventMng_dispHint_ctnBtn, "f"), false);
+    }
     waitLimitedEvent(hArg, onFinish) {
         __classPrivateFieldGet(this, _EventMng_goTxt, "f").call(this);
         this.val.saveKidoku();
@@ -70251,44 +70282,6 @@ class EventMng {
         __classPrivateFieldGet(this, _EventMng_procWheel4wle, "f").call(this, __classPrivateFieldGet(this, _EventMng_elcWLE, "f"), fnc);
         return true;
     }
-    set_focus(hArg) {
-        const add = hArg.add;
-        if (add?.slice(0, 4) === 'dom=') {
-            const g = __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_getHtmlElmList).call(this, add);
-            if (g.el.length === 0 && (0, CmnLib_1.argChk_Boolean)(hArg, 'need_err', true))
-                throw `HTML内にセレクタ（${g.sel}）に対応する要素が見つかりません。存在しない場合を許容するなら、need_err=false と指定してください`;
-            g.el.forEach(elm => __classPrivateFieldGet(this, _EventMng_fcs, "f").add(elm, () => {
-                if (!__classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_canFocus).call(this, elm))
-                    return false;
-                elm.focus();
-                return true;
-            }, () => { }));
-            return false;
-        }
-        const del = hArg.del;
-        if (del?.slice(0, 4) === 'dom=') {
-            const g = __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_getHtmlElmList).call(this, del);
-            if (g.el.length === 0 && (0, CmnLib_1.argChk_Boolean)(hArg, 'need_err', true))
-                throw `HTML内にセレクタ（${g.sel}）に対応する要素が見つかりません。存在しない場合を許容するなら、need_err=false と指定してください`;
-            g.el.forEach(elm => __classPrivateFieldGet(this, _EventMng_fcs, "f").remove(elm));
-            return false;
-        }
-        const to = hArg.to;
-        if (!to)
-            throw '[set_focus] add か to は必須です';
-        switch (to) {
-            case 'null':
-                __classPrivateFieldGet(this, _EventMng_fcs, "f").blur();
-                break;
-            case 'next':
-                __classPrivateFieldGet(this, _EventMng_fcs, "f").next();
-                break;
-            case 'prev':
-                __classPrivateFieldGet(this, _EventMng_fcs, "f").prev();
-                break;
-        }
-        return false;
-    }
     isSkipKeyDown() {
         if (this.scrItr.skip4page)
             return true;
@@ -70299,7 +70292,7 @@ class EventMng {
     }
 }
 exports.EventMng = EventMng;
-_EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picHint_w = new WeakMap(), _EventMng_picHint_h = new WeakMap(), _EventMng_padHint = new WeakMap(), _EventMng_grpHint = new WeakMap(), _EventMng_gamepad = new WeakMap(), _EventMng_fcs = new WeakMap(), _EventMng_resvFlameEvent4Wheel = new WeakMap(), _EventMng_wheeling = new WeakMap(), _EventMng_extend_wheel = new WeakMap(), _EventMng_hLocalEvt2Fnc = new WeakMap(), _EventMng_hGlobalEvt2Fnc = new WeakMap(), _EventMng_isDbgBreak = new WeakMap(), _EventMng_isWait = new WeakMap(), _EventMng_getEvt2Fnc = new WeakMap(), _EventMng_firstWait = new WeakMap(), _EventMng_dispHint_masume = new WeakMap(), _EventMng_procWheel4wle = new WeakMap(), _EventMng_elcWLE = new WeakMap(), _EventMng_goTxt = new WeakMap(), _EventMng_fncCancelSkip = new WeakMap(), _EventMng_hDownKeys = new WeakMap(), _EventMng_instances = new WeakSet(), _EventMng_ev_keydown = function _EventMng_ev_keydown(e) {
+_EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picHint_w = new WeakMap(), _EventMng_picHint_h = new WeakMap(), _EventMng_padHint = new WeakMap(), _EventMng_grpHint = new WeakMap(), _EventMng_gamepad = new WeakMap(), _EventMng_fcs = new WeakMap(), _EventMng_resvFlameEvent4Wheel = new WeakMap(), _EventMng_wheeling = new WeakMap(), _EventMng_extend_wheel = new WeakMap(), _EventMng_hLocalEvt2Fnc = new WeakMap(), _EventMng_hGlobalEvt2Fnc = new WeakMap(), _EventMng_isDbgBreak = new WeakMap(), _EventMng_isWait = new WeakMap(), _EventMng_getEvt2Fnc = new WeakMap(), _EventMng_firstWait = new WeakMap(), _EventMng_dispHint_hArg = new WeakMap(), _EventMng_dispHint_ctnBtn = new WeakMap(), _EventMng_dispHint_masume = new WeakMap(), _EventMng_procWheel4wle = new WeakMap(), _EventMng_elcWLE = new WeakMap(), _EventMng_goTxt = new WeakMap(), _EventMng_fncCancelSkip = new WeakMap(), _EventMng_hDownKeys = new WeakMap(), _EventMng_instances = new WeakSet(), _EventMng_ev_keydown = function _EventMng_ev_keydown(e) {
     if (e['isComposing'])
         return;
     if (e.key in __classPrivateFieldGet(this, _EventMng_hDownKeys, "f"))
@@ -70366,7 +70359,9 @@ _EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picH
         o.global = Object.keys(__classPrivateFieldGet(this, _EventMng_hGlobalEvt2Fnc, "f"));
         console.log(`🎍 wait event... %o`, o);
     }
-}, _EventMng_dispHint = function _EventMng_dispHint(hArg, ctnBtn) {
+}, _EventMng_dispHint = function _EventMng_dispHint(hArg, ctnBtn, masume = true) {
+    __classPrivateFieldSet(this, _EventMng_dispHint_hArg, hArg, "f");
+    __classPrivateFieldSet(this, _EventMng_dispHint_ctnBtn, ctnBtn, "f");
     const rctBtn = ctnBtn instanceof Button_1.Button
         ? ctnBtn.getBtnBounds()
         : ctnBtn.getBounds();
@@ -70380,12 +70375,14 @@ _EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picH
     const hint_width = (0, CmnLib_1.argChk_Num)(hArg, 'hint_width', __classPrivateFieldGet(this, _EventMng_picHint_w, "f"));
     const scale_x = hint_width / __classPrivateFieldGet(this, _EventMng_picHint_w, "f");
     const hint_tate = (0, CmnLib_1.argChk_Boolean)(hArg, 'hint_tate', false);
-    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.left = `${rctBtn.x}px`;
-    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.top = `${rctBtn.y}px`;
+    const scale = this.sys.reso4frame * CmnLib_1.CmnLib.cvsScale;
+    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.left = `${this.sys.ofsLeft4frm + rctBtn.x * scale}px`;
+    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.top = `${this.sys.ofsTop4frm + rctBtn.y * scale}px`;
     __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.transformOrigin = 'top left';
-    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.transform = `rotateZ(${ctnBtn.rotation + (hint_tate ? Math.PI * 90 / 180 : 0)}rad) scale(${scale_x}, 1) translate(${((hint_tate ? rctBtn.height : rctBtn.width) - hint_width) / 2 / scale_x}px, ${(hint_tate ? -rctBtn.width : 0) - __classPrivateFieldGet(this, _EventMng_picHint_h, "f")}px)`;
+    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.transform = `rotateZ(${ctnBtn.rotation + (hint_tate ? Math.PI * 90 / 180 : 0)}rad) scale(${scale_x * scale}, ${scale}) translate(${((hint_tate ? rctBtn.height : rctBtn.width) - hint_width) / 2 / scale_x}px, ${(hint_tate ? -rctBtn.width : 0) - __classPrivateFieldGet(this, _EventMng_picHint_h, "f")}px)`;
     __classPrivateFieldGet(this, _EventMng_cvsHint, "f").hidden = false;
-    __classPrivateFieldGet(this, _EventMng_dispHint_masume, "f").call(this, hArg, ctnBtn, rctBtn, isLink, hint_width, hint_tate);
+    if (masume)
+        __classPrivateFieldGet(this, _EventMng_dispHint_masume, "f").call(this, hArg, ctnBtn, rctBtn, isLink, hint_width, hint_tate);
 }, _EventMng_clear_event = function _EventMng_clear_event(hArg) {
     const glb = (0, CmnLib_1.argChk_Boolean)(hArg, 'global', false);
     const h = glb ? __classPrivateFieldGet(this, _EventMng_hGlobalEvt2Fnc, "f") : __classPrivateFieldGet(this, _EventMng_hLocalEvt2Fnc, "f");
@@ -70563,6 +70560,43 @@ _EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picH
         delete hE1T['ArrowDown'];
         delete hE1T['wheel.y>0'];
     }
+}, _EventMng_set_focus = function _EventMng_set_focus(hArg) {
+    const add = hArg.add;
+    if (add?.slice(0, 4) === 'dom=') {
+        const g = __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_getHtmlElmList).call(this, add);
+        if (g.el.length === 0 && (0, CmnLib_1.argChk_Boolean)(hArg, 'need_err', true))
+            throw `HTML内にセレクタ（${g.sel}）に対応する要素が見つかりません。存在しない場合を許容するなら、need_err=false と指定してください`;
+        g.el.forEach(elm => __classPrivateFieldGet(this, _EventMng_fcs, "f").add(elm, () => {
+            if (!__classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_canFocus).call(this, elm))
+                return false;
+            elm.focus();
+            return true;
+        }, () => { }));
+        return false;
+    }
+    const del = hArg.del;
+    if (del?.slice(0, 4) === 'dom=') {
+        const g = __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_getHtmlElmList).call(this, del);
+        if (g.el.length === 0 && (0, CmnLib_1.argChk_Boolean)(hArg, 'need_err', true))
+            throw `HTML内にセレクタ（${g.sel}）に対応する要素が見つかりません。存在しない場合を許容するなら、need_err=false と指定してください`;
+        g.el.forEach(elm => __classPrivateFieldGet(this, _EventMng_fcs, "f").remove(elm));
+        return false;
+    }
+    const to = hArg.to;
+    if (!to)
+        throw '[set_focus] add か to は必須です';
+    switch (to) {
+        case 'null':
+            __classPrivateFieldGet(this, _EventMng_fcs, "f").blur();
+            break;
+        case 'next':
+            __classPrivateFieldGet(this, _EventMng_fcs, "f").next();
+            break;
+        case 'prev':
+            __classPrivateFieldGet(this, _EventMng_fcs, "f").prev();
+            break;
+    }
+    return false;
 }, _EventMng_wait = function _EventMng_wait(hArg) {
     if (this.scrItr.skip4page)
         return false;
@@ -72134,6 +72168,7 @@ void main(void) {
             else
                 __classPrivateFieldGet(this, _LayerMng_aLayName, "f").forEach(layer => __classPrivateFieldGet(this, _LayerMng_hPages, "f")[layer].fore.cvsResize());
             __classPrivateFieldGet(this, _LayerMng_frmMng, "f").cvsResize();
+            __classPrivateFieldGet(this, _LayerMng_evtMng, "f").cvsResize();
         };
         if (CmnLib_1.CmnLib.isMobile) {
             globalThis.addEventListener('orientationchange', fncResizeLay, { passive: true });
@@ -72386,14 +72421,14 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
     if (this.sys.canCapturePage(fn))
         return false;
     const ext = (0, CmnLib_1.getExt)(fn);
-    const b_color = hArg.b_color ?? this.cfg.oCfg.init.bg_color;
+    const b_color = (0, CmnLib_1.argChk_Color)(hArg, 'b_color', this.cfg.oCfg.init.bg_color);
     const rnd = (0, pixi_js_1.autoDetectRenderer)({
         width: (0, CmnLib_1.argChk_Num)(hArg, 'width', CmnLib_1.CmnLib.stageW),
         height: (0, CmnLib_1.argChk_Num)(hArg, 'height', CmnLib_1.CmnLib.stageH),
         backgroundAlpha: (b_color > 0x1000000) && (ext === 'png') ? 0 : 1,
         antialias: (0, CmnLib_1.argChk_Boolean)(hArg, 'smoothing', false),
         preserveDrawingBuffer: true,
-        backgroundColor: (0, CmnLib_1.uint)(b_color) & 0xFFFFFF,
+        backgroundColor: b_color & 0xFFFFFF,
         autoDensity: true,
     });
     const a = [];
@@ -73064,10 +73099,15 @@ class Main {
 }
 exports.Main = Main;
 _Main_cfg = new WeakMap(), _Main_appPixi = new WeakMap(), _Main_hTag = new WeakMap(), _Main_val = new WeakMap(), _Main_prpPrs = new WeakMap(), _Main_sndMng = new WeakMap(), _Main_scrItr = new WeakMap(), _Main_dbgMng = new WeakMap(), _Main_layMng = new WeakMap(), _Main_evtMng = new WeakMap(), _Main_fncNext = new WeakMap(), _Main_alzTagArg = new WeakMap(), _Main_inited = new WeakMap(), _Main_fncTicker = new WeakMap(), _Main_fncresume = new WeakMap(), _Main_isLoop = new WeakMap(), _Main_destroyed = new WeakMap(), _Main_clone_cvs = new WeakMap(), _Main_instances = new WeakSet(), _Main_init = async function _Main_init() {
+    const cc = document.createElement('canvas')?.getContext('2d');
+    if (!cc)
+        throw 'argChk_Color err';
+    CmnLib_1.CmnLib.cc4ColorName = cc;
     const hApp = {
         width: __classPrivateFieldGet(this, _Main_cfg, "f").oCfg.window.width,
         height: __classPrivateFieldGet(this, _Main_cfg, "f").oCfg.window.height,
-        backgroundColor: __classPrivateFieldGet(this, _Main_cfg, "f").oCfg.init.bg_color,
+        backgroundColor: __classPrivateFieldGet(this, _Main_cfg, "f").oCfg.init.bg_color =
+            (0, CmnLib_1.parseColor)(String(__classPrivateFieldGet(this, _Main_cfg, "f").oCfg.init.bg_color)),
         resolution: globalThis.devicePixelRatio ?? 1,
         autoResize: true,
     };
@@ -75938,7 +75978,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _TxtLayer_instances, _a, _TxtLayer_cfg, _TxtLayer_val, _TxtLayer_recText, _TxtLayer_isPageFore, _TxtLayer_ch_in_style, _TxtLayer_ch_out_style, _TxtLayer_main, _TxtLayer_evtMng, _TxtLayer_doAutoWc, _TxtLayer_hAutoWc, _TxtLayer_autowc, _TxtLayer_infTL, _TxtLayer_b_color, _TxtLayer_b_alpha, _TxtLayer_b_alpha_isfixed, _TxtLayer_b_do, _TxtLayer_b_pic, _TxtLayer_txs, _TxtLayer_rbSpl, _TxtLayer_cntBtn, _TxtLayer_set_ch_in, _TxtLayer_$ch_in_style, _TxtLayer_ch_in_join, _TxtLayer_set_ch_out, _TxtLayer_$ch_out_style, _TxtLayer_drawBack, _TxtLayer_setFfs, _TxtLayer_ffs, _TxtLayer_fncFFSStyle, _TxtLayer_fncFFSSpan, _TxtLayer_strNoFFS, _TxtLayer_regNoFFS, _TxtLayer_ruby_pd, _TxtLayer_r_align, _TxtLayer_mkStyle_r_align4ff, _TxtLayer_needGoTxt, _TxtLayer_putCh, _TxtLayer_tagCh_sub, _TxtLayer_cumDelay, _TxtLayer_firstCh, _TxtLayer_aSpan, _TxtLayer_aSpan_bk, _TxtLayer_aSpan_link, _TxtLayer_hSpanBk, _TxtLayer_beginSpan, _TxtLayer_autoCloseSpan, _TxtLayer_page_text;
+var _TxtLayer_instances, _a, _TxtLayer_cfg, _TxtLayer_val, _TxtLayer_recText, _TxtLayer_isPageFore, _TxtLayer_ch_in_style, _TxtLayer_ch_out_style, _TxtLayer_main, _TxtLayer_evtMng, _TxtLayer_doAutoWc, _TxtLayer_hAutoWc, _TxtLayer_autowc, _TxtLayer_b_color, _TxtLayer_b_alpha, _TxtLayer_b_alpha_isfixed, _TxtLayer_b_do, _TxtLayer_b_pic, _TxtLayer_txs, _TxtLayer_rbSpl, _TxtLayer_cntBtn, _TxtLayer_set_ch_in, _TxtLayer_$ch_in_style, _TxtLayer_ch_in_join, _TxtLayer_set_ch_out, _TxtLayer_$ch_out_style, _TxtLayer_drawBack, _TxtLayer_setFfs, _TxtLayer_ffs, _TxtLayer_fncFFSStyle, _TxtLayer_fncFFSSpan, _TxtLayer_strNoFFS, _TxtLayer_regNoFFS, _TxtLayer_ruby_pd, _TxtLayer_r_align, _TxtLayer_mkStyle_r_align4ff, _TxtLayer_needGoTxt, _TxtLayer_putCh, _TxtLayer_tagCh_sub, _TxtLayer_cumDelay, _TxtLayer_firstCh, _TxtLayer_aSpan, _TxtLayer_aSpan_bk, _TxtLayer_aSpan_link, _TxtLayer_hSpanBk, _TxtLayer_beginSpan, _TxtLayer_autoCloseSpan, _TxtLayer_page_text;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TxtLayer = void 0;
 const Layer_1 = __webpack_require__(/*! ./Layer */ "./core/src/sn/Layer.ts");
@@ -75954,21 +75994,12 @@ class TxtLayer extends Layer_1.Layer {
     constructor() {
         super();
         _TxtLayer_instances.add(this);
-        _TxtLayer_infTL.set(this, {
-            fontsize: 24,
-            $width: 0,
-            $height: 0,
-            pad_left: 0,
-            pad_right: 0,
-            pad_top: 0,
-            pad_bottom: 0,
-        });
         _TxtLayer_b_color.set(this, 0x000000);
         _TxtLayer_b_alpha.set(this, 0);
         _TxtLayer_b_alpha_isfixed.set(this, false);
         _TxtLayer_b_do.set(this, null);
         _TxtLayer_b_pic.set(this, '');
-        _TxtLayer_txs.set(this, new TxtStage_1.TxtStage(__classPrivateFieldGet(this, _TxtLayer_infTL, "f"), this.spLay, () => this.canFocus()));
+        _TxtLayer_txs.set(this, new TxtStage_1.TxtStage(this.spLay, () => this.canFocus()));
         _TxtLayer_rbSpl.set(this, new RubySpliter_1.RubySpliter);
         _TxtLayer_cntBtn.set(this, new pixi_js_1.Container);
         _TxtLayer_$ch_in_style.set(this, '');
@@ -76384,8 +76415,8 @@ class TxtLayer extends Layer_1.Layer {
         return __classPrivateFieldGet(this, _TxtLayer_instances, "m", _TxtLayer_drawBack).call(this, hArg, isStop => { if (isStop)
             __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_main).resume(); });
     }
-    get width() { return __classPrivateFieldGet(this, _TxtLayer_txs, "f").getWidth(); }
-    get height() { return __classPrivateFieldGet(this, _TxtLayer_txs, "f").getHeight(); }
+    get width() { return __classPrivateFieldGet(this, _TxtLayer_txs, "f").getWidth; }
+    get height() { return __classPrivateFieldGet(this, _TxtLayer_txs, "f").getHeight; }
     chgBackAlpha(g_alpha) {
         const alpha = __classPrivateFieldGet(this, _TxtLayer_b_alpha_isfixed, "f")
             ? __classPrivateFieldGet(this, _TxtLayer_b_alpha, "f")
@@ -76395,13 +76426,12 @@ class TxtLayer extends Layer_1.Layer {
                 this.spLay.removeChild(__classPrivateFieldGet(this, _TxtLayer_b_do, "f"));
                 __classPrivateFieldGet(this, _TxtLayer_b_do, "f").destroy();
             }
-            const grp = __classPrivateFieldSet(this, _TxtLayer_b_do, new pixi_js_1.Graphics, "f");
-            grp.name = 'back(color)';
-            grp.beginFill(__classPrivateFieldGet(this, _TxtLayer_b_color, "f"));
-            grp.lineStyle(undefined);
-            grp.drawRect(0, 0, __classPrivateFieldGet(this, _TxtLayer_infTL, "f").$width, __classPrivateFieldGet(this, _TxtLayer_infTL, "f").$height);
-            grp.endFill();
-            this.spLay.addChildAt(grp, 0);
+            this.spLay.addChildAt((__classPrivateFieldSet(this, _TxtLayer_b_do, new pixi_js_1.Graphics, "f"))
+                .beginFill(__classPrivateFieldGet(this, _TxtLayer_b_color, "f"))
+                .lineStyle(undefined)
+                .drawRect(0, 0, __classPrivateFieldGet(this, _TxtLayer_txs, "f").getWidth, __classPrivateFieldGet(this, _TxtLayer_txs, "f").getHeight)
+                .endFill(), 0);
+            __classPrivateFieldGet(this, _TxtLayer_b_do, "f").name = 'back(color)';
         }
         if (__classPrivateFieldGet(this, _TxtLayer_b_do, "f")) {
             __classPrivateFieldGet(this, _TxtLayer_b_do, "f").visible = (alpha > 0);
@@ -76466,6 +76496,8 @@ class TxtLayer extends Layer_1.Layer {
         this.enabled = hLay.enabled;
         __classPrivateFieldSet(this, _TxtLayer_r_align, hLay.r_align, "f");
         this.cvsResize();
+        __classPrivateFieldGet(this, _TxtLayer_instances, "m", _TxtLayer_setFfs).call(this, hLay);
+        __classPrivateFieldGet(this, _TxtLayer_txs, "f").playback(hLay.txs);
         __classPrivateFieldSet(this, _TxtLayer_b_alpha, hLay.b_alpha, "f");
         __classPrivateFieldSet(this, _TxtLayer_b_alpha_isfixed, hLay.b_alpha_isfixed, "f");
         aPrm.push(new Promise(re => {
@@ -76477,8 +76509,6 @@ class TxtLayer extends Layer_1.Layer {
                 re(); }))
                 re();
         }));
-        __classPrivateFieldGet(this, _TxtLayer_instances, "m", _TxtLayer_setFfs).call(this, hLay);
-        __classPrivateFieldGet(this, _TxtLayer_txs, "f").playback(hLay.txs);
         const aBtn = hLay.btns;
         aPrm = aPrm.concat(aBtn.map(v => this.addButton(JSON.parse(v.replaceAll(`'`, '"')))));
     }
@@ -76503,11 +76533,11 @@ class TxtLayer extends Layer_1.Layer {
     }
     dump() {
         __classPrivateFieldGet(this, _TxtLayer_putCh, "f").call(this, '', 'gotxt｜');
-        return super.dump() + `, "enabled":"${this.enabled}", ${__classPrivateFieldGet(this, _TxtLayer_txs, "f").dump()}, "b_pic":"${__classPrivateFieldGet(this, _TxtLayer_b_pic, "f")}", "b_color":"${__classPrivateFieldGet(this, _TxtLayer_b_color, "f")}", "b_alpha":${__classPrivateFieldGet(this, _TxtLayer_b_alpha, "f")}, "b_alpha_isfixed":"${__classPrivateFieldGet(this, _TxtLayer_b_alpha_isfixed, "f")}", "b_width":${__classPrivateFieldGet(this, _TxtLayer_infTL, "f").$width}, "b_height":${__classPrivateFieldGet(this, _TxtLayer_infTL, "f").$height}, "pixi_obj":[${this.spLay.children.map(e => `{"class":"${(e instanceof pixi_js_1.Sprite) ? 'Sprite' : ((e instanceof pixi_js_1.Graphics) ? 'Graphics' : ((e instanceof pixi_js_1.Container) ? 'Container' : '?'))}", "name":"${e.name}", "alpha":${e.alpha}, "x":${e.x}, "y":${e.y}, "visible":"${e.visible}"}`).join(',')}], "button":[${__classPrivateFieldGet(this, _TxtLayer_cntBtn, "f").children.map(d => d.children[0].name ?? '{}').join(',')}]`;
+        return super.dump() + `, "enabled":"${this.enabled}", ${__classPrivateFieldGet(this, _TxtLayer_txs, "f").dump()}, "b_pic":"${__classPrivateFieldGet(this, _TxtLayer_b_pic, "f")}", "b_color":"${__classPrivateFieldGet(this, _TxtLayer_b_color, "f")}", "b_alpha":${__classPrivateFieldGet(this, _TxtLayer_b_alpha, "f")}, "b_alpha_isfixed":"${__classPrivateFieldGet(this, _TxtLayer_b_alpha_isfixed, "f")}", "width":${__classPrivateFieldGet(this, _TxtLayer_txs, "f").getWidth}, "height":${__classPrivateFieldGet(this, _TxtLayer_txs, "f").getHeight}, "pixi_obj":[${this.spLay.children.map(e => `{"class":"${(e instanceof pixi_js_1.Sprite) ? 'Sprite' : ((e instanceof pixi_js_1.Graphics) ? 'Graphics' : ((e instanceof pixi_js_1.Container) ? 'Container' : '?'))}", "name":"${e.name}", "alpha":${e.alpha}, "x":${e.x}, "y":${e.y}, "visible":"${e.visible}"}`).join(',')}], "button":[${__classPrivateFieldGet(this, _TxtLayer_cntBtn, "f").children.map(d => d.children[0].name ?? '{}').join(',')}]`;
     }
 }
 exports.TxtLayer = TxtLayer;
-_a = TxtLayer, _TxtLayer_infTL = new WeakMap(), _TxtLayer_b_color = new WeakMap(), _TxtLayer_b_alpha = new WeakMap(), _TxtLayer_b_alpha_isfixed = new WeakMap(), _TxtLayer_b_do = new WeakMap(), _TxtLayer_b_pic = new WeakMap(), _TxtLayer_txs = new WeakMap(), _TxtLayer_rbSpl = new WeakMap(), _TxtLayer_cntBtn = new WeakMap(), _TxtLayer_$ch_in_style = new WeakMap(), _TxtLayer_ch_in_join = new WeakMap(), _TxtLayer_$ch_out_style = new WeakMap(), _TxtLayer_ffs = new WeakMap(), _TxtLayer_fncFFSStyle = new WeakMap(), _TxtLayer_fncFFSSpan = new WeakMap(), _TxtLayer_strNoFFS = new WeakMap(), _TxtLayer_regNoFFS = new WeakMap(), _TxtLayer_ruby_pd = new WeakMap(), _TxtLayer_r_align = new WeakMap(), _TxtLayer_needGoTxt = new WeakMap(), _TxtLayer_putCh = new WeakMap(), _TxtLayer_cumDelay = new WeakMap(), _TxtLayer_firstCh = new WeakMap(), _TxtLayer_aSpan = new WeakMap(), _TxtLayer_aSpan_bk = new WeakMap(), _TxtLayer_aSpan_link = new WeakMap(), _TxtLayer_hSpanBk = new WeakMap(), _TxtLayer_page_text = new WeakMap(), _TxtLayer_instances = new WeakSet(), _TxtLayer_ch_in_style = function _TxtLayer_ch_in_style(hArg) {
+_a = TxtLayer, _TxtLayer_b_color = new WeakMap(), _TxtLayer_b_alpha = new WeakMap(), _TxtLayer_b_alpha_isfixed = new WeakMap(), _TxtLayer_b_do = new WeakMap(), _TxtLayer_b_pic = new WeakMap(), _TxtLayer_txs = new WeakMap(), _TxtLayer_rbSpl = new WeakMap(), _TxtLayer_cntBtn = new WeakMap(), _TxtLayer_$ch_in_style = new WeakMap(), _TxtLayer_ch_in_join = new WeakMap(), _TxtLayer_$ch_out_style = new WeakMap(), _TxtLayer_ffs = new WeakMap(), _TxtLayer_fncFFSStyle = new WeakMap(), _TxtLayer_fncFFSSpan = new WeakMap(), _TxtLayer_strNoFFS = new WeakMap(), _TxtLayer_regNoFFS = new WeakMap(), _TxtLayer_ruby_pd = new WeakMap(), _TxtLayer_r_align = new WeakMap(), _TxtLayer_needGoTxt = new WeakMap(), _TxtLayer_putCh = new WeakMap(), _TxtLayer_cumDelay = new WeakMap(), _TxtLayer_firstCh = new WeakMap(), _TxtLayer_aSpan = new WeakMap(), _TxtLayer_aSpan_bk = new WeakMap(), _TxtLayer_aSpan_link = new WeakMap(), _TxtLayer_hSpanBk = new WeakMap(), _TxtLayer_page_text = new WeakMap(), _TxtLayer_instances = new WeakSet(), _TxtLayer_ch_in_style = function _TxtLayer_ch_in_style(hArg) {
     const o = TxtStage_1.TxtStage.ch_in_style(hArg);
     const x = (o.x.charAt(0) === '=') ? `${o.nx * 100}%` : `${o.nx}px`;
     const y = (o.y.charAt(0) === '=') ? `${o.ny * 100}%` : `${o.ny}px`;
@@ -76620,19 +76650,18 @@ _a = TxtLayer, _TxtLayer_infTL = new WeakMap(), _TxtLayer_b_color = new WeakMap(
         }
     }
     else if ('b_color' in hArg) {
-        __classPrivateFieldSet(this, _TxtLayer_b_color, parseInt(hArg.b_color || '0'), "f");
+        __classPrivateFieldSet(this, _TxtLayer_b_color, (0, CmnLib_1.argChk_Color)(hArg, 'b_color', 0x000000), "f");
         if (__classPrivateFieldGet(this, _TxtLayer_b_do, "f")) {
             this.spLay.removeChild(__classPrivateFieldGet(this, _TxtLayer_b_do, "f"));
             __classPrivateFieldGet(this, _TxtLayer_b_do, "f").destroy();
         }
         __classPrivateFieldSet(this, _TxtLayer_b_pic, '', "f");
-        const grp = __classPrivateFieldSet(this, _TxtLayer_b_do, new pixi_js_1.Graphics, "f");
-        grp.name = 'back(color)';
-        grp.beginFill(__classPrivateFieldGet(this, _TxtLayer_b_color, "f"));
-        grp.lineStyle(undefined);
-        grp.drawRect(0, 0, __classPrivateFieldGet(this, _TxtLayer_infTL, "f").$width, __classPrivateFieldGet(this, _TxtLayer_infTL, "f").$height);
-        grp.endFill();
-        this.spLay.addChildAt(grp, 0);
+        this.spLay.addChildAt((__classPrivateFieldSet(this, _TxtLayer_b_do, new pixi_js_1.Graphics, "f"))
+            .beginFill(__classPrivateFieldGet(this, _TxtLayer_b_color, "f"))
+            .lineStyle(undefined)
+            .drawRect(0, 0, __classPrivateFieldGet(this, _TxtLayer_txs, "f").getWidth, __classPrivateFieldGet(this, _TxtLayer_txs, "f").getHeight)
+            .endFill(), 0);
+        __classPrivateFieldGet(this, _TxtLayer_b_do, "f").name = 'back(color)';
     }
     if (__classPrivateFieldGet(this, _TxtLayer_b_do, "f")) {
         __classPrivateFieldGet(this, _TxtLayer_b_do, "f").visible = (alpha > 0);
@@ -76773,7 +76802,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _TxtStage_instances, _a, _TxtStage_cfg, _TxtStage_cvs, _TxtStage_evtMng, _TxtStage_htmTxt, _TxtStage_cntTxt, _TxtStage_grpDbgMasume, _TxtStage_idc, _TxtStage_idcCh, _TxtStage_lay_sub, _TxtStage_left, _TxtStage_isTategaki, _TxtStage_padTx4x, _TxtStage_padTx4y, _TxtStage_hWarning, _TxtStage_htm2tx, _TxtStage_ch_filter, _TxtStage_aSpTw, _TxtStage_aRect, _TxtStage_lenHtmTxt, _TxtStage_reg行頭禁則, _TxtStage_reg行末禁則, _TxtStage_reg分割禁止, _TxtStage_beforeHTMLElm, _TxtStage_rctm, _TxtStage_REGDS, _TxtStage_fncEndChIn, _TxtStage_spWork, _TxtStage_isChInIng, _TxtStage_hChInStyle, _TxtStage_REG_NG_CHSTYLE_NAME_CHR, _TxtStage_hChOutStyle, _TxtStage_cntBreak, _TxtStage_lh_half, _TxtStage_getChRects, _TxtStage_fi_easing, _TxtStage_fo_easing, _TxtStage_clearText, _TxtStage_sss;
+var _TxtStage_instances, _a, _TxtStage_cfg, _TxtStage_cvs, _TxtStage_evtMng, _TxtStage_htmTxt, _TxtStage_cntTxt, _TxtStage_grpDbgMasume, _TxtStage_idc, _TxtStage_idcCh, _TxtStage_infTL, _TxtStage_lay_sub, _TxtStage_left, _TxtStage_isTategaki, _TxtStage_padTx4x, _TxtStage_padTx4y, _TxtStage_hWarning, _TxtStage_htm2tx, _TxtStage_ch_filter, _TxtStage_aSpTw, _TxtStage_aRect, _TxtStage_lenHtmTxt, _TxtStage_reg行頭禁則, _TxtStage_reg行末禁則, _TxtStage_reg分割禁止, _TxtStage_beforeHTMLElm, _TxtStage_rctm, _TxtStage_REGDS, _TxtStage_fncEndChIn, _TxtStage_spWork, _TxtStage_isChInIng, _TxtStage_hChInStyle, _TxtStage_REG_NG_CHSTYLE_NAME_CHR, _TxtStage_hChOutStyle, _TxtStage_cntBreak, _TxtStage_lh_half, _TxtStage_getChRects, _TxtStage_fi_easing, _TxtStage_fo_easing, _TxtStage_clearText, _TxtStage_sss;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.TxtStage = void 0;
 const CmnLib_1 = __webpack_require__(/*! ./CmnLib */ "./core/src/sn/CmnLib.ts");
@@ -76786,9 +76815,8 @@ const tween_js_1 = __webpack_require__(/*! @tweenjs/tween.js */ "./node_modules/
 ;
 ;
 class TxtStage extends pixi_js_1.Container {
-    constructor(infTL, spLay, canFocus) {
+    constructor(spLay, canFocus) {
         super();
-        this.infTL = infTL;
         this.spLay = spLay;
         this.canFocus = canFocus;
         _TxtStage_instances.add(this);
@@ -76797,6 +76825,15 @@ class TxtStage extends pixi_js_1.Container {
         _TxtStage_grpDbgMasume.set(this, new pixi_js_1.Graphics);
         _TxtStage_idc.set(this, new DesignCast_1.TxtLayDesignCast(this.spLay, this));
         _TxtStage_idcCh.set(this, new DesignCast_1.TxtLayPadDesignCast(this));
+        _TxtStage_infTL.set(this, {
+            fontsize: 24,
+            $width: 0,
+            $height: 0,
+            pad_left: 0,
+            pad_right: 0,
+            pad_top: 0,
+            pad_bottom: 0,
+        });
         _TxtStage_left.set(this, 0);
         _TxtStage_isTategaki.set(this, false);
         _TxtStage_padTx4x.set(this, 0);
@@ -76846,7 +76883,6 @@ class TxtStage extends pixi_js_1.Container {
         __classPrivateFieldSet(TxtStage, _a, Object.create(null), "f", _TxtStage_hChOutStyle);
         __classPrivateFieldSet(TxtStage, _a, new pixi_js_1.Container, "f", _TxtStage_cntBreak);
     }
-    getInfTL() { return this.infTL; }
     lay(hArg) {
         const s = __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style;
         if (hArg.style) {
@@ -76882,7 +76918,7 @@ class TxtStage extends pixi_js_1.Container {
         __classPrivateFieldGet(this, _TxtStage_idc, "f").sethArg(hArg);
         __classPrivateFieldSet(this, _TxtStage_left, this.spLay.position.x
             - (CmnLib_1.CmnLib.isSafari && !CmnLib_1.CmnLib.isMobile && __classPrivateFieldGet(this, _TxtStage_isTategaki, "f")
-                ? this.infTL.pad_left + this.infTL.pad_right
+                ? __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left + __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_right
                 : 0), "f");
         s.transformOrigin = `${this.spLay.pivot.x}px ${this.spLay.pivot.y}px`;
         this.cvsResize();
@@ -76906,13 +76942,14 @@ class TxtStage extends pixi_js_1.Container {
         __classPrivateFieldGet(this, _TxtStage_idcCh, "f").cvsResize();
     }
     get tategaki() { return __classPrivateFieldGet(this, _TxtStage_isTategaki, "f"); }
-    getWidth() { return this.infTL.$width; }
-    getHeight() { return this.infTL.$height; }
+    get infTL() { return __classPrivateFieldGet(this, _TxtStage_infTL, "f"); }
+    get getWidth() { return __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width; }
+    get getHeight() { return __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height; }
     setSize(width, height) {
-        this.infTL.$width = width;
-        this.infTL.$height = height;
-        __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.width = this.infTL.$width + 'px';
-        __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.height = this.infTL.$height + 'px';
+        __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width = width;
+        __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height = height;
+        __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.width = __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width + 'px';
+        __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.height = __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height + 'px';
     }
     goTxt(aSpan) {
         var _b;
@@ -76921,15 +76958,15 @@ class TxtStage extends pixi_js_1.Container {
         if (begin === 0) {
             if (__classPrivateFieldGet(TxtStage, _a, "f", _TxtStage_cfg).oCfg.debug.masume) {
                 if (CmnLib_1.CmnLib.debugLog)
-                    console.log(`🍌 masume ${this.name} v:${this.visible} l:${this.x} t:${this.y} a:${this.alpha} pl:${this.infTL.pad_left} pr:${this.infTL.pad_right} pt:${this.infTL.pad_top} pb:${this.infTL.pad_bottom} w:${this.infTL.$width} h:${this.infTL.$height}`);
+                    console.log(`🍌 masume ${this.name} v:${this.visible} l:${this.x} t:${this.y} a:${this.alpha} pl:${__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left} pr:${__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_right} pt:${__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top} pb:${__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_bottom} w:${__classPrivateFieldGet(this, _TxtStage_infTL, "f").$width} h:${__classPrivateFieldGet(this, _TxtStage_infTL, "f").$height}`);
                 __classPrivateFieldGet(this, _TxtStage_grpDbgMasume, "f").clear()
                     .beginFill(0x33FF00, 0.2)
                     .lineStyle(1, 0x33FF00, 1)
-                    .drawRect(-this.infTL.pad_left, -this.infTL.pad_top, this.infTL.$width, this.infTL.$height)
+                    .drawRect(-__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left, -__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top, __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width, __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height)
                     .endFill()
                     .beginFill(0x0033FF, 0.2)
                     .lineStyle(2, 0x0033FF, 1)
-                    .drawRect(0, 0, this.infTL.$width - this.infTL.pad_left - this.infTL.pad_right, this.infTL.$height - this.infTL.pad_top - this.infTL.pad_bottom)
+                    .drawRect(0, 0, __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_right, __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_bottom)
                     .endFill();
             }
             __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").innerHTML = [...aSpan].join('');
@@ -77026,8 +77063,8 @@ class TxtStage extends pixi_js_1.Container {
             : () => { };
         const ease = CmnTween_1.CmnTween.ease(__classPrivateFieldGet(this, _TxtStage_fi_easing, "f"));
         const bcr = __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").getBoundingClientRect();
-        const sx = bcr.left + globalThis.scrollX + this.infTL.pad_left;
-        const sy = bcr.top + globalThis.scrollY + this.infTL.pad_top;
+        const sx = bcr.left + globalThis.scrollX + __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left;
+        const sy = bcr.top + globalThis.scrollY + __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top;
         for (let i = begin; i < len; ++i) {
             const v = __classPrivateFieldGet(this, _TxtStage_aRect, "f")[i];
             const rct = v.rect;
@@ -77208,7 +77245,8 @@ class TxtStage extends pixi_js_1.Container {
     }
     reNew() {
         __classPrivateFieldGet(this, _TxtStage_instances, "m", _TxtStage_clearText).call(this);
-        const to = new TxtStage(this.infTL, this.spLay, () => this.canFocus());
+        const to = new TxtStage(this.spLay, () => this.canFocus());
+        __classPrivateFieldSet(to, _TxtStage_infTL, __classPrivateFieldGet(this, _TxtStage_infTL, "f"), "f");
         __classPrivateFieldGet(to, _TxtStage_htmTxt, "f").style.cssText = __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.cssText;
         __classPrivateFieldSet(to, _TxtStage_left, __classPrivateFieldGet(this, _TxtStage_left, "f"), "f");
         to.name = this.name;
@@ -77222,7 +77260,7 @@ class TxtStage extends pixi_js_1.Container {
     }
     record() {
         return {
-            infTL: this.infTL,
+            infTL: __classPrivateFieldGet(this, _TxtStage_infTL, "f"),
             cssText: __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.cssText,
             left: __classPrivateFieldGet(this, _TxtStage_left, "f"),
             idc_hArg: __classPrivateFieldGet(this, _TxtStage_idc, "f").gethArg(),
@@ -77233,8 +77271,8 @@ class TxtStage extends pixi_js_1.Container {
     }
     ;
     playback(hLay) {
-        this.infTL = hLay.infTL;
-        this.position.set(this.infTL.pad_left, this.infTL.pad_top);
+        __classPrivateFieldSet(this, _TxtStage_infTL, hLay.infTL, "f");
+        this.position.set(__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left, __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top);
         __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.cssText = hLay.cssText;
         __classPrivateFieldSet(this, _TxtStage_left, hLay.left, "f");
         __classPrivateFieldGet(this, _TxtStage_instances, "m", _TxtStage_lay_sub).call(this);
@@ -77247,13 +77285,13 @@ class TxtStage extends pixi_js_1.Container {
         __classPrivateFieldGet(this, _TxtStage_instances, "m", _TxtStage_htm2tx).call(this, tx => {
             __classPrivateFieldSet(this, _TxtStage_sss, new pixi_js_1.Sprite(tx), "f");
             if (__classPrivateFieldGet(this, _TxtStage_isTategaki, "f")) {
-                __classPrivateFieldGet(this, _TxtStage_sss, "f").x += CmnLib_1.CmnLib.stageW - (__classPrivateFieldGet(this, _TxtStage_left, "f") + this.infTL.$width)
+                __classPrivateFieldGet(this, _TxtStage_sss, "f").x += CmnLib_1.CmnLib.stageW - (__classPrivateFieldGet(this, _TxtStage_left, "f") + __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width)
                     - ((CmnLib_1.CmnLib.isSafari && !CmnLib_1.CmnLib.isMobile)
                         ? 0
-                        : this.infTL.pad_left + this.infTL.pad_right);
+                        : __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left + __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_right);
             }
             __classPrivateFieldGet(this, _TxtStage_sss, "f").y -= __classPrivateFieldGet(this, _TxtStage_padTx4y, "f");
-            __classPrivateFieldGet(this, _TxtStage_sss, "f").texture.frame = new pixi_js_1.Rectangle(0, 0, this.infTL.$width - __classPrivateFieldGet(this, _TxtStage_left, "f"), this.infTL.$height);
+            __classPrivateFieldGet(this, _TxtStage_sss, "f").texture.frame = new pixi_js_1.Rectangle(0, 0, __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width - __classPrivateFieldGet(this, _TxtStage_left, "f"), __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height);
             __classPrivateFieldGet(this, _TxtStage_cntTxt, "f").addChild(__classPrivateFieldGet(this, _TxtStage_sss, "f"));
             rnd.render(__classPrivateFieldGet(this, _TxtStage_sss, "f"), undefined, false);
             re();
@@ -77291,17 +77329,17 @@ class TxtStage extends pixi_js_1.Container {
     }
 }
 exports.TxtStage = TxtStage;
-_a = TxtStage, _TxtStage_htmTxt = new WeakMap(), _TxtStage_cntTxt = new WeakMap(), _TxtStage_grpDbgMasume = new WeakMap(), _TxtStage_idc = new WeakMap(), _TxtStage_idcCh = new WeakMap(), _TxtStage_left = new WeakMap(), _TxtStage_isTategaki = new WeakMap(), _TxtStage_padTx4x = new WeakMap(), _TxtStage_padTx4y = new WeakMap(), _TxtStage_ch_filter = new WeakMap(), _TxtStage_aSpTw = new WeakMap(), _TxtStage_aRect = new WeakMap(), _TxtStage_lenHtmTxt = new WeakMap(), _TxtStage_beforeHTMLElm = new WeakMap(), _TxtStage_rctm = new WeakMap(), _TxtStage_REGDS = new WeakMap(), _TxtStage_fncEndChIn = new WeakMap(), _TxtStage_isChInIng = new WeakMap(), _TxtStage_lh_half = new WeakMap(), _TxtStage_fi_easing = new WeakMap(), _TxtStage_fo_easing = new WeakMap(), _TxtStage_sss = new WeakMap(), _TxtStage_instances = new WeakSet(), _TxtStage_lay_sub = function _TxtStage_lay_sub() {
+_a = TxtStage, _TxtStage_htmTxt = new WeakMap(), _TxtStage_cntTxt = new WeakMap(), _TxtStage_grpDbgMasume = new WeakMap(), _TxtStage_idc = new WeakMap(), _TxtStage_idcCh = new WeakMap(), _TxtStage_infTL = new WeakMap(), _TxtStage_left = new WeakMap(), _TxtStage_isTategaki = new WeakMap(), _TxtStage_padTx4x = new WeakMap(), _TxtStage_padTx4y = new WeakMap(), _TxtStage_ch_filter = new WeakMap(), _TxtStage_aSpTw = new WeakMap(), _TxtStage_aRect = new WeakMap(), _TxtStage_lenHtmTxt = new WeakMap(), _TxtStage_beforeHTMLElm = new WeakMap(), _TxtStage_rctm = new WeakMap(), _TxtStage_REGDS = new WeakMap(), _TxtStage_fncEndChIn = new WeakMap(), _TxtStage_isChInIng = new WeakMap(), _TxtStage_lh_half = new WeakMap(), _TxtStage_fi_easing = new WeakMap(), _TxtStage_fo_easing = new WeakMap(), _TxtStage_sss = new WeakMap(), _TxtStage_instances = new WeakSet(), _TxtStage_lay_sub = function _TxtStage_lay_sub() {
     const s = __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style;
     const fs = parseFloat(s.fontSize || '0');
-    this.infTL.fontsize = fs;
-    this.infTL.pad_left = parseFloat(s.paddingLeft || '0');
-    this.infTL.pad_right = parseFloat(s.paddingRight || '0');
-    this.infTL.pad_top = parseFloat(s.paddingTop || '0');
-    this.infTL.pad_bottom = parseFloat(s.paddingBottom || '0');
-    this.infTL.$width = parseFloat(s.width || '0');
-    this.infTL.$height = parseFloat(s.height || '0');
-    this.position.set(this.infTL.pad_left, this.infTL.pad_top);
+    __classPrivateFieldGet(this, _TxtStage_infTL, "f").fontsize = fs;
+    __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left = parseFloat(s.paddingLeft || '0');
+    __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_right = parseFloat(s.paddingRight || '0');
+    __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top = parseFloat(s.paddingTop || '0');
+    __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_bottom = parseFloat(s.paddingBottom || '0');
+    __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width = parseFloat(s.width || '0');
+    __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height = parseFloat(s.height || '0');
+    this.position.set(__classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left, __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top);
     __classPrivateFieldSet(this, _TxtStage_isTategaki, (s.writingMode === 'vertical-rl'), "f");
     __classPrivateFieldSet(this, _TxtStage_padTx4x, 0, "f");
     __classPrivateFieldSet(this, _TxtStage_padTx4y, 0, "f");
@@ -77513,8 +77551,8 @@ _a = TxtStage, _TxtStage_htmTxt = new WeakMap(), _TxtStage_cntTxt = new WeakMap(
         cln.style.paddingTop = __classPrivateFieldGet(this, _TxtStage_padTx4y, "f") + 'px';
         cln.style.left = '0px';
         cln.style.top = '0px';
-        cln.style.width = (this.infTL.$width - this.infTL.pad_left - this.infTL.pad_right) + 'px';
-        cln.style.height = (this.infTL.$height - this.infTL.pad_top - this.infTL.pad_bottom) + 'px';
+        cln.style.width = (__classPrivateFieldGet(this, _TxtStage_infTL, "f").$width - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_left - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_right) + 'px';
+        cln.style.height = (__classPrivateFieldGet(this, _TxtStage_infTL, "f").$height - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_top - __classPrivateFieldGet(this, _TxtStage_infTL, "f").pad_bottom) + 'px';
         __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").hidden = hidden;
         return cln;
     })
@@ -77522,15 +77560,15 @@ _a = TxtStage, _TxtStage_htmTxt = new WeakMap(), _TxtStage_cntTxt = new WeakMap(
         .then(node => {
         node.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
         const img = new Image;
-        img.src = `data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="${this.infTL.$width}px" height="${this.infTL.$height}px"><foreignObject x="0" y="0" width="100%" height="100%">${new XMLSerializer().serializeToString(node)
+        img.src = `data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="${__classPrivateFieldGet(this, _TxtStage_infTL, "f").$width}px" height="${__classPrivateFieldGet(this, _TxtStage_infTL, "f").$height}px"><foreignObject x="0" y="0" width="100%" height="100%">${new XMLSerializer().serializeToString(node)
             .replaceAll('#', '%23').replaceAll('\n', '%0A')}</foreignObject></svg>`;
         return new Promise(resolve => img.onload = () => resolve(img));
     })
         .then(img => new Promise(resolve => setTimeout(() => resolve(img), 100)))
         .then((img) => {
         const canvas = document.createElement('canvas');
-        canvas.width = this.infTL.$width;
-        canvas.height = this.infTL.$height;
+        canvas.width = __classPrivateFieldGet(this, _TxtStage_infTL, "f").$width;
+        canvas.height = __classPrivateFieldGet(this, _TxtStage_infTL, "f").$height;
         canvas.getContext('2d').drawImage(img, 0, 0);
         canvas.toBlob(blob => {
             if (!blob)