@famibee/skynovel 1.27.3 → 1.27.7

package/web.js

@@ -43280,6 +43280,72 @@ function getCenter(points) {
 //# sourceMappingURL=matrix.esm.js.map
 
 
+/***/ }),
+
+/***/ "./node_modules/@socket.io/base64-arraybuffer/dist/base64-arraybuffer.es5.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/@socket.io/base64-arraybuffer/dist/base64-arraybuffer.es5.js ***!
+  \***********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "decode": () => (/* binding */ decode),
+/* harmony export */   "encode": () => (/* binding */ encode)
+/* harmony export */ });
+/*
+ * base64-arraybuffer 1.0.1 <https://github.com/niklasvh/base64-arraybuffer>
+ * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+ * Released under MIT License
+ */
+var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+// Use a lookup table to find the index.
+var lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+for (var i = 0; i < chars.length; i++) {
+    lookup[chars.charCodeAt(i)] = i;
+}
+var encode = function (arraybuffer) {
+    var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';
+    for (i = 0; i < len; i += 3) {
+        base64 += chars[bytes[i] >> 2];
+        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];
+        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];
+        base64 += chars[bytes[i + 2] & 63];
+    }
+    if (len % 3 === 2) {
+        base64 = base64.substring(0, base64.length - 1) + '=';
+    }
+    else if (len % 3 === 1) {
+        base64 = base64.substring(0, base64.length - 2) + '==';
+    }
+    return base64;
+};
+var decode = function (base64) {
+    var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
+    if (base64[base64.length - 1] === '=') {
+        bufferLength--;
+        if (base64[base64.length - 2] === '=') {
+            bufferLength--;
+        }
+    }
+    var arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);
+    for (i = 0; i < len; i += 4) {
+        encoded1 = lookup[base64.charCodeAt(i)];
+        encoded2 = lookup[base64.charCodeAt(i + 1)];
+        encoded3 = lookup[base64.charCodeAt(i + 2)];
+        encoded4 = lookup[base64.charCodeAt(i + 3)];
+        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+    }
+    return arraybuffer;
+};
+
+
+//# sourceMappingURL=base64-arraybuffer.es5.js.map
+
+
 /***/ }),
 
 /***/ "./node_modules/@socket.io/component-emitter/index.js":
@@ -44392,72 +44458,6 @@ Backoff.prototype.setJitter = function(jitter){
 
 
 
-/***/ }),
-
-/***/ "./node_modules/base64-arraybuffer/dist/base64-arraybuffer.es5.js":
-/*!************************************************************************!*\
-  !*** ./node_modules/base64-arraybuffer/dist/base64-arraybuffer.es5.js ***!
-  \************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "decode": () => (/* binding */ decode),
-/* harmony export */   "encode": () => (/* binding */ encode)
-/* harmony export */ });
-/*
- * base64-arraybuffer 1.0.1 <https://github.com/niklasvh/base64-arraybuffer>
- * Copyright (c) 2021 Niklas von Hertzen <https://hertzen.com>
- * Released under MIT License
- */
-var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-// Use a lookup table to find the index.
-var lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
-for (var i = 0; i < chars.length; i++) {
-    lookup[chars.charCodeAt(i)] = i;
-}
-var encode = function (arraybuffer) {
-    var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';
-    for (i = 0; i < len; i += 3) {
-        base64 += chars[bytes[i] >> 2];
-        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];
-        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];
-        base64 += chars[bytes[i + 2] & 63];
-    }
-    if (len % 3 === 2) {
-        base64 = base64.substring(0, base64.length - 1) + '=';
-    }
-    else if (len % 3 === 1) {
-        base64 = base64.substring(0, base64.length - 2) + '==';
-    }
-    return base64;
-};
-var decode = function (base64) {
-    var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
-    if (base64[base64.length - 1] === '=') {
-        bufferLength--;
-        if (base64[base64.length - 2] === '=') {
-            bufferLength--;
-        }
-    }
-    var arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);
-    for (i = 0; i < len; i += 4) {
-        encoded1 = lookup[base64.charCodeAt(i)];
-        encoded2 = lookup[base64.charCodeAt(i + 1)];
-        encoded3 = lookup[base64.charCodeAt(i + 2)];
-        encoded4 = lookup[base64.charCodeAt(i + 3)];
-        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
-        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
-        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
-    }
-    return arraybuffer;
-};
-
-
-//# sourceMappingURL=base64-arraybuffer.es5.js.map
-
-
 /***/ }),
 
 /***/ "./node_modules/css-styled/dist/styled.esm.js":
@@ -67685,63 +67685,10 @@ function getExt(p) { return (p.match(REG_EXT) ?? [''])[1]; }
 exports.getExt = getExt;
 const platform = __webpack_require__(/*! platform */ "./node_modules/platform/platform.js");
 class CmnLib {
-    static cvsResize(cvs) {
-        const bk_cw = CmnLib.cvsWidth;
-        const bk_ch = CmnLib.cvsHeight;
-        let w = globalThis.innerWidth;
-        let h = globalThis.innerHeight;
-        const angle = screen.orientation?.angle ?? 0;
-        const lp = angle % 180 === 0 ? 'p' : 'l';
-        if (CmnLib.isMobile &&
-            ((lp === 'p' && w > h) || (lp === 'l' && w < h)))
-            [w, h] = [h, w];
-        if (argChk_Boolean(CmnLib.hDip, 'expanding', true) ||
-            CmnLib.stageW > w ||
-            CmnLib.stageH > h) {
-            if (CmnLib.stageW / CmnLib.stageH <= w / h) {
-                CmnLib.cvsHeight = h;
-                CmnLib.cvsWidth = CmnLib.stageW / CmnLib.stageH * h;
-            }
-            else {
-                CmnLib.cvsWidth = w;
-                CmnLib.cvsHeight = CmnLib.stageH / CmnLib.stageW * w;
-            }
-            CmnLib.cvsScale = CmnLib.cvsWidth / CmnLib.stageW;
-            const cr = cvs.getBoundingClientRect();
-            CmnLib.ofsPadLeft_Dom2PIXI = (CmnLib.isMobile
-                ? (globalThis.innerWidth - CmnLib.cvsWidth) / 2
-                : cr.left)
-                * (1 - CmnLib.cvsScale);
-            CmnLib.ofsPadTop_Dom2PIXI = (CmnLib.isMobile
-                ? (globalThis.innerHeight - CmnLib.cvsHeight) / 2
-                : cr.top)
-                * (1 - CmnLib.cvsScale);
-        }
-        else {
-            CmnLib.cvsWidth = CmnLib.stageW;
-            CmnLib.cvsHeight = CmnLib.stageH;
-            CmnLib.cvsScale = 1;
-            CmnLib.ofsPadLeft_Dom2PIXI = 0;
-            CmnLib.ofsPadTop_Dom2PIXI = 0;
-        }
-        if (cvs.parentElement) {
-            const ps = cvs.parentElement.style;
-            ps.position = 'relative';
-            const s = cvs.style;
-            ps.width = s.width = `${CmnLib.cvsWidth}px`;
-            ps.height = s.height = `${CmnLib.cvsHeight}px`;
-        }
-        return bk_cw !== CmnLib.cvsWidth || bk_ch !== CmnLib.cvsHeight;
-    }
 }
 exports.CmnLib = CmnLib;
 CmnLib.stageW = 0;
 CmnLib.stageH = 0;
-CmnLib.ofsPadLeft_Dom2PIXI = 0;
-CmnLib.ofsPadTop_Dom2PIXI = 0;
-CmnLib.cvsWidth = 0;
-CmnLib.cvsHeight = 0;
-CmnLib.cvsScale = 1;
 CmnLib.debugLog = false;
 CmnLib.isSafari = platform.name === 'Safari';
 CmnLib.isFirefox = platform.name === 'Firefox';
@@ -67750,10 +67697,7 @@ CmnLib.isMobile = !new RegExp('(Windows|OS X)').test(platform.os?.family ?? '');
 CmnLib.hDip = {};
 CmnLib.isDbg = false;
 CmnLib.isPackaged = false;
-CmnLib.isRetina = false;
 CmnLib.isDarkMode = false;
-CmnLib.retinaRate = 1;
-CmnLib.SN_ID = 'skynovel';
 
 
 /***/ }),
@@ -68222,7 +68166,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _DesignCast_instances, _a, _DesignCast_divDesignRoot, _DesignCast_sys, _DesignCast_scrItr, _DesignCast_alzTagArg, _DesignCast_cfg, _DesignCast_ID_DESIGNMODE, _DesignCast_cntDesignCast, _DesignCast_hId2dc, _DesignCast_aDC, _DesignCast_resizeDiv, _GrpLayDesignCast_sp, _TxtLayPadDesignCast_instances, _TxtLayPadDesignCast_procHint, _PicBtnDesignCast_sp;
+var _DesignCast_instances, _a, _DesignCast_divDesignRoot, _DesignCast_scrItr, _DesignCast_alzTagArg, _DesignCast_cfg, _DesignCast_ID_DESIGNMODE, _DesignCast_cntDesignCast, _DesignCast_hId2dc, _DesignCast_aDC, _DesignCast_resizeDiv, _GrpLayDesignCast_sp, _TxtLayPadDesignCast_instances, _TxtLayPadDesignCast_procHint, _PicBtnDesignCast_sp;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.PicBtnDesignCast = exports.TxtBtnDesignCast = exports.BtnDesignCast = exports.TxtLayPadDesignCast = exports.TxtLayDesignCast = exports.GrpLayDesignCast = exports.DesignCast = void 0;
 const CmnLib_1 = __webpack_require__(/*! ./CmnLib */ "./core/src/sn/CmnLib.ts");
@@ -68266,11 +68210,11 @@ class DesignCast {
         this.rotatable = true;
     }
     static init(appPixi, sys, scrItr, prpPrs, alzTagArg, cfg, hPages) {
-        appPixi.view.insertAdjacentHTML('beforebegin', `<div id="${__classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_ID_DESIGNMODE)}" style="width: ${CmnLib_1.CmnLib.stageW * CmnLib_1.CmnLib.cvsScale}px; height: ${CmnLib_1.CmnLib.stageH * CmnLib_1.CmnLib.cvsScale}px; background: rgba(0,0,0,0); position: absolute; touch-action: none; user-select: none; display: none;"></div>`);
+        appPixi.view.insertAdjacentHTML('beforebegin', `<div id="${__classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_ID_DESIGNMODE)}" style="width: ${CmnLib_1.CmnLib.stageW * sys.cvsScale}px; height: ${CmnLib_1.CmnLib.stageH * sys.cvsScale}px; background: rgba(0,0,0,0); position: absolute; touch-action: none; user-select: none; display: none;"></div>`);
         __classPrivateFieldSet(DesignCast, _a, document.getElementById(__classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_ID_DESIGNMODE)), "f", _DesignCast_divDesignRoot);
         DesignCast.divHint.classList.add('sn_design_hint');
-        document.body.appendChild(DesignCast.divHint);
-        __classPrivateFieldSet(DesignCast, _a, sys, "f", _DesignCast_sys);
+        appPixi.view.parentElement.appendChild(DesignCast.divHint);
+        DesignCast.sys = sys;
         __classPrivateFieldSet(DesignCast, _a, scrItr, "f", _DesignCast_scrItr);
         DesignCast.prpPrs = prpPrs;
         __classPrivateFieldSet(DesignCast, _a, alzTagArg, "f", _DesignCast_alzTagArg);
@@ -68313,8 +68257,8 @@ class DesignCast {
     }
     static cvsResizeDesign() {
         const s = __classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_divDesignRoot).style;
-        s.width = `${CmnLib_1.CmnLib.stageW * CmnLib_1.CmnLib.cvsScale}px`;
-        s.height = `${CmnLib_1.CmnLib.stageH * CmnLib_1.CmnLib.cvsScale}px`;
+        s.width = `${CmnLib_1.CmnLib.stageW * DesignCast.sys.cvsScale}px`;
+        s.height = `${CmnLib_1.CmnLib.stageH * DesignCast.sys.cvsScale}px`;
     }
     destroy() {
         this.div = undefined;
@@ -68394,8 +68338,8 @@ class DesignCast {
         const procStart = () => {
             tmp.aPos = [NaN, NaN];
             tmp.roDeg = this.rotation;
-            const dpx = this.pivot.x * CmnLib_1.CmnLib.cvsScale;
-            const dpy = this.pivot.y * CmnLib_1.CmnLib.cvsScale;
+            const dpx = this.pivot.x * DesignCast.sys.cvsScale;
+            const dpy = this.pivot.y * DesignCast.sys.cvsScale;
             tmp.trOrg = `${dpx}px ${dpy}px`;
             tmp.origin = [dpx, dpy];
             Object.assign(this.mov, {
@@ -68404,7 +68348,7 @@ class DesignCast {
             });
         };
         const procEnd = (o) => {
-            __classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_sys).send2Dbg('_changeCast', {
+            DesignCast.sys.send2Dbg('_changeCast', {
                 ...o, ':id_tag': this.id_tag,
             });
             DesignCast.divHint.style.display = 'none';
@@ -68415,8 +68359,8 @@ class DesignCast {
                 DesignCast.divHint.style.display = 'none';
                 return;
             }
-            const ix = (0, CmnLib_1.int)(this.rect.x += dx / CmnLib_1.CmnLib.cvsScale + this.pivot.x);
-            const iy = (0, CmnLib_1.int)(this.rect.y += dy / CmnLib_1.CmnLib.cvsScale + this.pivot.y);
+            const ix = (0, CmnLib_1.int)(this.rect.x += dx / DesignCast.sys.cvsScale + this.pivot.x);
+            const iy = (0, CmnLib_1.int)(this.rect.y += dy / DesignCast.sys.cvsScale + this.pivot.y);
             this.setPos(ix, iy);
             const iw = (0, CmnLib_1.uint)(this.rect.width), ih = (0, CmnLib_1.uint)(this.rect.height);
             this.setSize(iw, ih);
@@ -68460,8 +68404,8 @@ class DesignCast {
             d.style.width = `${e.width}px`;
             d.style.height = `${e.height}px`;
             tmp.aPos = e.drag.beforeTranslate;
-            this.rect.width = e.width / CmnLib_1.CmnLib.cvsScale;
-            this.rect.height = e.height / CmnLib_1.CmnLib.cvsScale;
+            this.rect.width = e.width / DesignCast.sys.cvsScale;
+            this.rect.height = e.height / DesignCast.sys.cvsScale;
             this.procResizeHint(e, e.drag.left, e.drag.top);
         })
             .on('resizeEnd', resizeEnd)
@@ -68483,8 +68427,8 @@ class DesignCast {
             .on('dragOriginEnd', () => {
             const [dpx, dpy] = tmp.origin;
             tmp.trOrg = `${dpx}px ${dpy}px`;
-            const px = this.pivot.x = dpx / CmnLib_1.CmnLib.cvsScale;
-            const py = this.pivot.y = dpy / CmnLib_1.CmnLib.cvsScale;
+            const px = this.pivot.x = dpx / DesignCast.sys.cvsScale;
+            const py = this.pivot.y = dpy / DesignCast.sys.cvsScale;
             this.setOther({});
             const ix = (0, CmnLib_1.int)(this.rect.x + px);
             const iy = (0, CmnLib_1.int)(this.rect.y + py);
@@ -68532,18 +68476,18 @@ class DesignCast {
                     o.url = __classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_scrItr).cnvPath4Dbg(__classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_cfg).searchPath(f.name, Config_1.Config.EXT_SPRITE));
                 }
                 catch { }
-                __classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_sys).send2Dbg('_dropFile', o);
+                DesignCast.sys.send2Dbg('_dropFile', o);
             })
                 .catch(e => console.error(`drop2dc %o`, e));
         });
         d.addEventListener('dblclick', e => {
             e.preventDefault();
-            __classPrivateFieldGet(DesignCast, _a, "f", _DesignCast_sys).send2Dbg('_focusScript', this.hArg);
+            DesignCast.sys.send2Dbg('_focusScript', this.hArg);
         });
     }
     procDragHint(e, left, top) {
         const [dx, dy] = e.beforeTranslate;
-        DesignCast.setHint(`(${(0, CmnLib_1.int)(this.rect.x + dx / CmnLib_1.CmnLib.cvsScale)}, ${(0, CmnLib_1.int)(this.rect.y + dy / CmnLib_1.CmnLib.cvsScale)})`, left, top, this);
+        DesignCast.setHint(`(${(0, CmnLib_1.int)(this.rect.x + dx / DesignCast.sys.cvsScale)}, ${(0, CmnLib_1.int)(this.rect.y + dy / DesignCast.sys.cvsScale)})`, left, top, this);
     }
     procResizeHint(e, left, top) {
         DesignCast.setHint(`(${(0, CmnLib_1.int)(e.drag.left)}, ${(0, CmnLib_1.int)(e.drag.top)})<br/>${(0, CmnLib_1.int)(this.rect.width)} x ${(0, CmnLib_1.int)(this.rect.height)}`, left, top, this);
@@ -68609,16 +68553,15 @@ _a = DesignCast, _DesignCast_instances = new WeakSet(), _DesignCast_resizeDiv =
     this.fncLay();
     if (this.div)
         Object.assign(this.div.style, {
-            left: `${this.lx + this.rect.x * CmnLib_1.CmnLib.cvsScale}px`,
-            top: `${this.ly + this.rect.y * CmnLib_1.CmnLib.cvsScale}px`,
-            width: `${this.rect.width * CmnLib_1.CmnLib.cvsScale}px`,
-            height: `${this.rect.height * CmnLib_1.CmnLib.cvsScale}px`,
-            transformOrigin: `${this.pivot.x * CmnLib_1.CmnLib.cvsScale}px ${this.pivot.y * CmnLib_1.CmnLib.cvsScale}px`,
+            left: `${this.lx + this.rect.x * DesignCast.sys.cvsScale}px`,
+            top: `${this.ly + this.rect.y * DesignCast.sys.cvsScale}px`,
+            width: `${this.rect.width * DesignCast.sys.cvsScale}px`,
+            height: `${this.rect.height * DesignCast.sys.cvsScale}px`,
+            transformOrigin: `${this.pivot.x * DesignCast.sys.cvsScale}px ${this.pivot.y * DesignCast.sys.cvsScale}px`,
             transform: `scale(${this.scale.x}, ${this.scale.y}) rotate(${this.rotation}deg)`,
         });
 };
 _DesignCast_divDesignRoot = { value: void 0 };
-_DesignCast_sys = { value: void 0 };
 _DesignCast_scrItr = { value: void 0 };
 _DesignCast_alzTagArg = { value: void 0 };
 _DesignCast_cfg = { value: void 0 };
@@ -68752,8 +68695,8 @@ _TxtLayPadDesignCast_instances = new WeakSet(), _TxtLayPadDesignCast_procHint =
     const x = this.rect.x, y = this.rect.y;
     const w = this.rect.width, h = this.rect.height;
     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 pl = (0, CmnLib_1.int)(x + dx / DesignCast.sys.cvsScale);
+    const pt = (0, CmnLib_1.int)(y + dy / DesignCast.sys.cvsScale);
     const pr = (0, CmnLib_1.int)(it.$width - pl - w);
     const pb = (0, CmnLib_1.int)(it.$height - pt - h);
     const sp = (re) => '&nbsp;'.repeat(re);
@@ -68780,8 +68723,8 @@ class BtnDesignCast extends DesignCast {
         this.fncLay = (!this.parent && !this.child && layer)
             ? () => {
                 const f = DesignCast.hPages[layer].fore;
-                this.lx = f.x * CmnLib_1.CmnLib.cvsScale;
-                this.ly = f.y * CmnLib_1.CmnLib.cvsScale;
+                this.lx = f.x * DesignCast.sys.cvsScale;
+                this.ly = f.y * DesignCast.sys.cvsScale;
             }
             : () => { };
     }
@@ -68796,8 +68739,8 @@ class BtnDesignCast extends DesignCast {
     onDragStart() {
         const aBtn = this.btn.parent.children.filter(b => b !== this.btn);
         Object.assign(this.mov, {
-            verticalGuidelines: aBtn.map(b => this.lx + b.x * CmnLib_1.CmnLib.cvsScale),
-            horizontalGuidelines: aBtn.map(b => this.ly + b.y * CmnLib_1.CmnLib.cvsScale),
+            verticalGuidelines: aBtn.map(b => this.lx + b.x * DesignCast.sys.cvsScale),
+            horizontalGuidelines: aBtn.map(b => this.ly + b.y * DesignCast.sys.cvsScale),
         });
     }
 }
@@ -69027,7 +68970,7 @@ class EventMng {
         hTag.waitclick = () => __classPrivateFieldGet(this, _EventMng_instances, "m", _EventMng_waitclick).call(this);
         sndMng.setEvtMng(this);
         scrItr.setOtherObj(this, layMng);
-        TxtLayer_1.TxtLayer.setEvtMng(main, this);
+        TxtLayer_1.TxtLayer.setEvtMng(main, this, sys);
         layMng.setEvtMng(this);
         sys.setFire((KEY, e) => this.fire(KEY, e));
         if (CmnLib_1.CmnLib.isDbg) {
@@ -69063,9 +69006,8 @@ class EventMng {
         catch { }
         const ctx = __classPrivateFieldGet(this, _EventMng_cvsHint, "f").getContext('2d');
         if (ctx) {
-            const cvs = document.getElementById(CmnLib_1.CmnLib.SN_ID);
             __classPrivateFieldGet(this, _EventMng_cvsHint, "f").hidden = true;
-            cvs.parentElement.appendChild(__classPrivateFieldGet(this, _EventMng_cvsHint, "f"));
+            appPixi.view.parentElement.appendChild(__classPrivateFieldGet(this, _EventMng_cvsHint, "f"));
             const s = __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style;
             s.position = 'absolute';
             s.left = s.top = '0';
@@ -69450,11 +69392,10 @@ _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);
-    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.left = `${this.sys.ofsLeft4frm + rctBtn.x * this.sys.cvsScale}px`;
+    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.top = `${this.sys.ofsTop4frm + rctBtn.y * this.sys.cvsScale}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 * 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").style.transform = `rotateZ(${ctnBtn.rotation + (hint_tate ? Math.PI * 90 / 180 : 0)}rad) scale(${scale_x * this.sys.cvsScale}, ${this.sys.cvsScale}) 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;
     if (masume)
         __classPrivateFieldGet(this, _EventMng_dispHint_masume, "f").call(this, hArg, ctnBtn, rctBtn, isLink, hint_width, hint_tate);
@@ -69623,7 +69564,7 @@ _EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picH
     }, "f");
     return false;
 }, _EventMng_set_focus = function _EventMng_set_focus(hArg) {
-    const add = hArg.add;
+    const { add, del, to } = hArg;
     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))
@@ -69636,7 +69577,6 @@ _EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picH
         }, () => { }));
         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))
@@ -69644,7 +69584,6 @@ _EventMng_elc = new WeakMap(), _EventMng_cvsHint = new WeakMap(), _EventMng_picH
         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) {
@@ -69955,40 +69894,34 @@ class FrameMng {
     }
     getFrmDisabled(id) { return __classPrivateFieldGet(this, _FrameMng_hDisabled, "f")[id]; }
     cvsResize() {
-        const scale = this.sys.reso4frame * CmnLib_1.CmnLib.cvsScale;
-        for (const n in __classPrivateFieldGet(this, _FrameMng_hIfrm, "f")) {
-            const f = __classPrivateFieldGet(this, _FrameMng_hIfrm, "f")[n];
-            const x = Number(this.val.getVal(`const.sn.frm.${n}.x`));
-            const y = Number(this.val.getVal(`const.sn.frm.${n}.y`));
-            const w = Number(this.val.getVal(`const.sn.frm.${n}.width`));
-            const h = Number(this.val.getVal(`const.sn.frm.${n}.height`));
-            f.style.left = this.sys.ofsLeft4frm + x * scale + 'px';
-            f.style.top = this.sys.ofsTop4frm + y * scale + 'px';
-            f.width = String(w * scale);
-            f.height = String(h * scale);
+        for (const id in __classPrivateFieldGet(this, _FrameMng_hIfrm, "f")) {
+            const f = __classPrivateFieldGet(this, _FrameMng_hIfrm, "f")[id];
+            const vn = 'const.sn.frm.' + id;
+            const x = Number(this.val.getVal(vn + '.x'));
+            const y = Number(this.val.getVal(vn + '.y'));
+            const w = Number(this.val.getVal(vn + '.width'));
+            const h = Number(this.val.getVal(vn + '.height'));
+            f.style.left = `${this.sys.ofsLeft4frm + x * this.sys.cvsScale}px`;
+            f.style.top = `${this.sys.ofsTop4frm + y * this.sys.cvsScale}px`;
+            f.width = String(w * this.sys.cvsScale);
+            f.height = String(h * this.sys.cvsScale);
         }
     }
 }
 exports.FrameMng = FrameMng;
 _FrameMng_evtMng = new WeakMap(), _FrameMng_hIfrm = new WeakMap(), _FrameMng_hDisabled = new WeakMap(), _FrameMng_zIdx = new WeakMap(), _FrameMng_instances = new WeakSet(), _FrameMng_add_frame = function _FrameMng_add_frame(hArg) {
-    const id = hArg.id;
+    const { id, src, alpha: a = 1, scale_x: sx = 1, scale_y: sy = 1, rotate: r = 0, } = hArg;
     if (!id)
         throw 'idは必須です';
-    const src = hArg.src;
     if (!src)
         throw 'srcは必須です';
-    const frmnm = `const.sn.frm.${id}`;
-    if (this.val.getVal(`tmp:${frmnm}`))
+    const vn = 'const.sn.frm.' + id;
+    if (this.val.getVal(`tmp:${vn}`))
         throw `frame【${id}】はすでにあります`;
-    const a = (0, CmnLib_1.argChk_Num)(hArg, 'alpha', 1);
-    const sx = (0, CmnLib_1.argChk_Num)(hArg, 'scale_x', 1);
-    const sy = (0, CmnLib_1.argChk_Num)(hArg, 'scale_y', 1);
-    const r = (0, CmnLib_1.argChk_Num)(hArg, 'rotate', 0);
     const v = (0, CmnLib_1.argChk_Boolean)(hArg, 'visible', true);
     const b_color = hArg.b_color ? ` background-color: ${hArg.b_color};` : '';
     const rct = __classPrivateFieldGet(this, _FrameMng_instances, "m", _FrameMng_rect).call(this, hArg);
-    const scl = this.sys.reso4frame * CmnLib_1.CmnLib.cvsScale;
-    this.appPixi.view.insertAdjacentHTML('beforebegin', `<iframe id="${id}" sandbox="allow-scripts allow-same-origin" style="opacity: ${a}; position: absolute; left:${this.sys.ofsLeft4frm + rct.x * scl}px; top: ${this.sys.ofsTop4frm + rct.y * scl}px; z-index: 1; ${b_color} border: 0px; overflow: hidden; display: ${v ? 'inline' : 'none'}; transform: scale(${sx}, ${sy}) rotate(${r}deg);" width="${rct.width * scl}" height="${rct.height * scl}"></iframe>`);
+    this.appPixi.view.insertAdjacentHTML('beforebegin', `<iframe id="${id}" sandbox="allow-scripts allow-same-origin" style="opacity: ${a}; position: absolute; left:${this.sys.ofsLeft4frm + rct.x * this.sys.cvsScale}px; top: ${this.sys.ofsTop4frm + rct.y * this.sys.cvsScale}px; z-index: 1; ${b_color} border: 0px; overflow: hidden; display: ${v ? 'inline' : 'none'}; transform: scale(${sx}, ${sy}) rotate(${r}deg);" width="${rct.width * this.sys.cvsScale}" height="${rct.height * this.sys.cvsScale}"></iframe>`);
     const url = this.cfg.searchPath(src, Config_1.Config.EXT_HTML);
     const ld = (new pixi_js_1.Loader())
         .add({ name: src, url, xhrType: pixi_js_1.LoaderResource.XHR_RESPONSE_TYPE.TEXT });
@@ -70012,16 +69945,16 @@ _FrameMng_evtMng = new WeakMap(), _FrameMng_hIfrm = new WeakMap(), _FrameMng_hDi
             ? this.sys.cur + p2.slice(4)
             : v.replace(p1, p1 + url.slice(0, url.lastIndexOf('/') + 1)));
         ifrm.onload = () => {
-            this.val.setVal_Nochk('tmp', frmnm, true);
-            this.val.setVal_Nochk('tmp', frmnm + '.alpha', a);
-            this.val.setVal_Nochk('tmp', frmnm + '.x', rct.x);
-            this.val.setVal_Nochk('tmp', frmnm + '.y', rct.y);
-            this.val.setVal_Nochk('tmp', frmnm + '.scale_x', sx);
-            this.val.setVal_Nochk('tmp', frmnm + '.scale_y', sy);
-            this.val.setVal_Nochk('tmp', frmnm + '.rotate', r);
-            this.val.setVal_Nochk('tmp', frmnm + '.width', rct.width);
-            this.val.setVal_Nochk('tmp', frmnm + '.height', rct.height);
-            this.val.setVal_Nochk('tmp', frmnm + '.visible', v);
+            this.val.setVal_Nochk('tmp', vn, true);
+            this.val.setVal_Nochk('tmp', vn + '.alpha', a);
+            this.val.setVal_Nochk('tmp', vn + '.x', rct.x);
+            this.val.setVal_Nochk('tmp', vn + '.y', rct.y);
+            this.val.setVal_Nochk('tmp', vn + '.scale_x', sx);
+            this.val.setVal_Nochk('tmp', vn + '.scale_y', sy);
+            this.val.setVal_Nochk('tmp', vn + '.rotate', r);
+            this.val.setVal_Nochk('tmp', vn + '.width', rct.width);
+            this.val.setVal_Nochk('tmp', vn + '.height', rct.height);
+            this.val.setVal_Nochk('tmp', vn + '.visible', v);
             const win = ifrm.contentWindow;
             __classPrivateFieldGet(this, _FrameMng_evtMng, "f").resvFlameEvent(win);
             (win.sn_repRes)?.((img) => GrpLayer_1.GrpLayer.loadPic2Img((img.dataset.src ?? ''), img));
@@ -70034,131 +69967,125 @@ _FrameMng_evtMng = new WeakMap(), _FrameMng_hIfrm = new WeakMap(), _FrameMng_hDi
     const re = this.sys.resolution;
     return new DOMRect((0, CmnLib_1.argChk_Num)(a, 'x', 0) * re, (0, CmnLib_1.argChk_Num)(a, 'y', 0) * re, (0, CmnLib_1.argChk_Num)(a, 'width', CmnLib_1.CmnLib.stageW) * re, (0, CmnLib_1.argChk_Num)(a, 'height', CmnLib_1.CmnLib.stageH) * re);
 }, _FrameMng_let_frame = function _FrameMng_let_frame(hArg) {
-    const id = hArg.id;
+    const { id, var_name } = hArg;
     if (!id)
         throw 'idは必須です';
-    const ifrm = document.getElementById(id);
-    if (!ifrm)
+    const f = document.getElementById(id);
+    if (!f)
         throw `id【${id}】はフレームではありません`;
-    const frmnm = `const.sn.frm.${id}`;
-    if (!this.val.getVal(`tmp:${frmnm}`))
+    const vn = 'const.sn.frm.' + id;
+    if (!this.val.getVal(`tmp:${vn}`))
         throw `frame【${id}】が読み込まれていません`;
-    const var_name = hArg.var_name;
     if (!var_name)
         throw 'var_nameは必須です';
-    const win = ifrm.contentWindow;
+    const win = f.contentWindow;
     if (!win.hasOwnProperty(var_name))
         throw `frame【${id}】に変数/関数【${var_name}】がありません。変数は var付きにして下さい`;
     const v = win[var_name];
-    this.val.setVal_Nochk('tmp', frmnm + '.' + var_name, (0, CmnLib_1.argChk_Boolean)(hArg, 'function', false) ? v() : v);
+    this.val.setVal_Nochk('tmp', vn + '.' + var_name, (0, CmnLib_1.argChk_Boolean)(hArg, 'function', false) ? v() : v);
     return false;
 }, _FrameMng_set_frame = function _FrameMng_set_frame(hArg) {
-    const id = hArg.id;
+    const { id, var_name, text } = hArg;
     if (!id)
         throw 'idは必須です';
-    const ifrm = document.getElementById(id);
-    if (!ifrm)
+    const f = document.getElementById(id);
+    if (!f)
         throw `id【${id}】はフレームではありません`;
-    const frmnm = `const.sn.frm.${id}`;
-    if (!this.val.getVal(`tmp:${frmnm}`))
+    const vn = 'const.sn.frm.' + id;
+    if (!this.val.getVal(`tmp:${vn}`))
         throw `frame【${id}】が読み込まれていません`;
-    const var_name = hArg.var_name;
     if (!var_name)
         throw 'var_nameは必須です';
-    const text = hArg.text;
     if (!text)
         throw 'textは必須です';
-    this.val.setVal_Nochk('tmp', frmnm + '.' + var_name, text);
-    const win = ifrm.contentWindow;
+    this.val.setVal_Nochk('tmp', vn + '.' + var_name, text);
+    const win = f.contentWindow;
     win[var_name] = text;
     return false;
 }, _FrameMng_frame = function _FrameMng_frame(hArg) {
     var _a, _b;
-    const id = hArg.id;
+    const { id } = hArg;
     if (!id)
         throw 'idは必須です';
-    const ifrm = document.getElementById(id);
-    if (!ifrm)
+    const f = document.getElementById(id);
+    if (!f)
         throw `id【${id}】はフレームではありません`;
-    const frmnm = `const.sn.frm.${id}`;
-    if (!this.val.getVal(`tmp:${frmnm}`))
+    const vn = 'const.sn.frm.' + id;
+    if (!this.val.getVal('tmp:' + vn))
         throw `frame【${id}】が読み込まれていません`;
-    if ((0, CmnLib_1.argChk_Boolean)(hArg, 'float', false)) {
-        ifrm.style.zIndex = String(__classPrivateFieldSet(this, _FrameMng_zIdx, (_a = __classPrivateFieldGet(this, _FrameMng_zIdx, "f"), ++_a), "f"));
-    }
-    else if (hArg.index) {
-        ifrm.style.zIndex = String((0, CmnLib_1.argChk_Num)(hArg, 'index', 0));
-    }
+    const s = f.style;
+    if ((0, CmnLib_1.argChk_Boolean)(hArg, 'float', false))
+        s.zIndex = `${__classPrivateFieldSet(this, _FrameMng_zIdx, (_a = __classPrivateFieldGet(this, _FrameMng_zIdx, "f"), ++_a), "f")}`;
+    else if ('index' in hArg)
+        s.zIndex = `${(0, CmnLib_1.argChk_Num)(hArg, 'index', 0)}`;
     else if (hArg.dive)
-        ifrm.style.zIndex = '-' + String(__classPrivateFieldSet(this, _FrameMng_zIdx, (_b = __classPrivateFieldGet(this, _FrameMng_zIdx, "f"), ++_b), "f"));
+        s.zIndex = `-${__classPrivateFieldSet(this, _FrameMng_zIdx, (_b = __classPrivateFieldGet(this, _FrameMng_zIdx, "f"), ++_b), "f")}`;
     if ('alpha' in hArg) {
-        const a = String(hArg.alpha);
-        ifrm.style.opacity = a;
-        this.val.setVal_Nochk('tmp', frmnm + '.alpha', a);
+        const a = s.opacity = String(hArg.alpha);
+        this.val.setVal_Nochk('tmp', vn + '.alpha', a);
     }
     const rct = __classPrivateFieldGet(this, _FrameMng_instances, "m", _FrameMng_rect).call(this, hArg);
-    const scale = this.sys.reso4frame * CmnLib_1.CmnLib.cvsScale;
     if ('x' in hArg || 'y' in hArg) {
-        ifrm.style.left = this.sys.ofsLeft4frm + rct.x * scale + 'px';
-        ifrm.style.top = this.sys.ofsTop4frm + rct.y * scale + 'px';
-        this.val.setVal_Nochk('tmp', frmnm + '.x', rct.x);
-        this.val.setVal_Nochk('tmp', frmnm + '.y', rct.y);
+        s.left = `${this.sys.ofsLeft4frm + rct.x * this.sys.cvsScale}px`;
+        s.top = `${this.sys.ofsTop4frm + rct.y * this.sys.cvsScale}px`;
+        this.val.setVal_Nochk('tmp', vn + '.x', rct.x);
+        this.val.setVal_Nochk('tmp', vn + '.y', rct.y);
     }
     if ('scale_x' in hArg || 'scale_y' in hArg || 'rotate' in hArg) {
         const sx = (0, CmnLib_1.argChk_Num)(hArg, 'scale_x', 1);
         const sy = (0, CmnLib_1.argChk_Num)(hArg, 'scale_y', 1);
         const r = (0, CmnLib_1.argChk_Num)(hArg, 'rotate', 0);
-        ifrm.style.transform = `scale(${sx}, ${sy}) rotate(${r}deg)`;
-        this.val.setVal_Nochk('tmp', frmnm + '.scale_x', sx);
-        this.val.setVal_Nochk('tmp', frmnm + '.scale_y', sy);
-        this.val.setVal_Nochk('tmp', frmnm + '.rotate', r);
+        s.transform = `scale(${sx}, ${sy}) rotate(${r}deg)`;
+        this.val.setVal_Nochk('tmp', vn + '.scale_x', sx);
+        this.val.setVal_Nochk('tmp', vn + '.scale_y', sy);
+        this.val.setVal_Nochk('tmp', vn + '.rotate', r);
     }
     if ('width' in hArg) {
-        ifrm.width = String(rct.width * scale);
-        this.val.setVal_Nochk('tmp', frmnm + '.width', rct.width);
+        f.width = String(rct.width * this.sys.cvsScale);
+        this.val.setVal_Nochk('tmp', vn + '.width', rct.width);
     }
     if ('height' in hArg) {
-        ifrm.height = String(rct.height * scale);
-        this.val.setVal_Nochk('tmp', frmnm + '.height', rct.height);
+        f.height = String(rct.height * this.sys.cvsScale);
+        this.val.setVal_Nochk('tmp', vn + '.height', rct.height);
     }
     if ('visible' in hArg) {
         const v = (0, CmnLib_1.argChk_Boolean)(hArg, 'visible', true);
-        ifrm.style.display = v ? 'inline' : 'none';
-        this.val.setVal_Nochk('tmp', frmnm + '.visible', v);
+        s.display = v ? 'inline' : 'none';
+        this.val.setVal_Nochk('tmp', vn + '.visible', v);
     }
     if ('b_color' in hArg)
-        ifrm.style.backgroundColor = hArg.b_color;
+        s.backgroundColor = hArg.b_color;
     if ('disabled' in hArg) {
         const d = __classPrivateFieldGet(this, _FrameMng_hDisabled, "f")[id] = (0, CmnLib_1.argChk_Boolean)(hArg, 'disabled', true);
-        const il = ifrm.contentDocument.body.querySelectorAll('input,select');
+        const il = f.contentDocument.body.querySelectorAll('input,select');
         il.forEach(v => v.disabled = d);
     }
     return false;
 }, _FrameMng_tsy_frame = function _FrameMng_tsy_frame(hArg) {
-    const id = hArg.id;
+    const { id } = hArg;
     if (!id)
         throw 'idは必須です';
-    const ifrm = document.getElementById(id);
-    if (!ifrm)
+    const f = document.getElementById(id);
+    if (!f)
         throw `id【${id}】はフレームではありません`;
-    const frmnm = `const.sn.frm.${id}`;
-    if (!this.val.getVal(`tmp:${frmnm}`, 0))
+    const vn = `const.sn.frm.` + id;
+    if (!this.val.getVal(`tmp:${vn}`, 0))
         throw `frame【${id}】が読み込まれていません`;
     const hNow = {};
     if ('alpha' in hArg)
-        hNow.a = ifrm.style.opacity;
+        hNow.a = f.style.opacity;
     if ('x' in hArg || 'y' in hArg
         || 'scale_x' in hArg || 'scale_y' in hArg || 'rotate' in hArg) {
-        hNow.x = Number(this.val.getVal(`tmp:${frmnm}.x`));
-        hNow.y = Number(this.val.getVal(`tmp:${frmnm}.y`));
-        hNow.sx = Number(this.val.getVal(`tmp:${frmnm}.scale_x`));
-        hNow.sy = Number(this.val.getVal(`tmp:${frmnm}.scale_y`));
-        hNow.r = Number(this.val.getVal(`tmp:${frmnm}.rotate`));
+        hNow.x = Number(this.val.getVal(`tmp:${vn}.x`));
+        hNow.y = Number(this.val.getVal(`tmp:${vn}.y`));
+        hNow.sx = Number(this.val.getVal(`tmp:${vn}.scale_x`));
+        hNow.sy = Number(this.val.getVal(`tmp:${vn}.scale_y`));
+        hNow.r = Number(this.val.getVal(`tmp:${vn}.rotate`));
     }
     if ('width' in hArg)
-        hNow.w = this.val.getVal(`tmp:${frmnm}.width`);
+        hNow.w = this.val.getVal(`tmp:${vn}.width`);
     if ('height' in hArg)
-        hNow.h = this.val.getVal(`tmp:${frmnm}.height`);
+        hNow.h = this.val.getVal(`tmp:${vn}.height`);
     const hArg2 = (0, CmnLib_1.cnvTweenArg)(hArg, hNow);
     const hTo = {};
     const repeat = (0, CmnLib_1.argChk_Num)(hArg, 'repeat', 1);
@@ -70166,13 +70093,12 @@ _FrameMng_evtMng = new WeakMap(), _FrameMng_hIfrm = new WeakMap(), _FrameMng_hDi
     if ('alpha' in hArg) {
         hTo.a = (0, CmnLib_1.argChk_Num)(hArg2, 'alpha', 0);
         fncA = () => {
-            ifrm.style.opacity = hNow.a;
+            f.style.opacity = hNow.a;
             this.val.setVal_Nochk('tmp', 'alpha', hNow.a);
         };
     }
     let fncXYSR = () => { };
     const rct = __classPrivateFieldGet(this, _FrameMng_instances, "m", _FrameMng_rect).call(this, hArg2);
-    const scale = this.sys.reso4frame * CmnLib_1.CmnLib.cvsScale;
     if ('x' in hArg || 'y' in hArg
         || 'scale_x' in hArg || 'scale_y' in hArg || 'rotate' in hArg) {
         hTo.x = rct.x;
@@ -70181,30 +70107,30 @@ _FrameMng_evtMng = new WeakMap(), _FrameMng_hIfrm = new WeakMap(), _FrameMng_hDi
         hTo.sy = (0, CmnLib_1.argChk_Num)(hArg2, 'scale_y', 1);
         hTo.r = (0, CmnLib_1.argChk_Num)(hArg2, 'rotate', 0);
         fncXYSR = () => {
-            ifrm.style.left = this.sys.ofsLeft4frm + hNow.x * scale + 'px';
-            ifrm.style.top = this.sys.ofsTop4frm + hNow.y * scale + 'px';
-            ifrm.style.transform = `scale(${hNow.sx}, ${hNow.sy}) rotate(${hNow.r}deg)`;
-            this.val.setVal_Nochk('tmp', frmnm + '.x', hNow.x);
-            this.val.setVal_Nochk('tmp', frmnm + '.y', hNow.y);
-            this.val.setVal_Nochk('tmp', frmnm + '.scale_x', hNow.sx);
-            this.val.setVal_Nochk('tmp', frmnm + '.scale_y', hNow.sy);
-            this.val.setVal_Nochk('tmp', frmnm + '.rotate', hNow.r);
+            f.style.left = this.sys.ofsLeft4frm + hNow.x * this.sys.cvsScale + 'px';
+            f.style.top = this.sys.ofsTop4frm + hNow.y * this.sys.cvsScale + 'px';
+            f.style.transform = `scale(${hNow.sx}, ${hNow.sy}) rotate(${hNow.r}deg)`;
+            this.val.setVal_Nochk('tmp', vn + '.x', hNow.x);
+            this.val.setVal_Nochk('tmp', vn + '.y', hNow.y);
+            this.val.setVal_Nochk('tmp', vn + '.scale_x', hNow.sx);
+            this.val.setVal_Nochk('tmp', vn + '.scale_y', hNow.sy);
+            this.val.setVal_Nochk('tmp', vn + '.rotate', hNow.r);
         };
     }
     let fncW = () => { };
     if ('width' in hArg) {
         hTo.w = rct.width;
         fncW = () => {
-            ifrm.width = hNow.w * scale + 'px';
-            this.val.setVal_Nochk('tmp', frmnm + '.width', hNow.w);
+            f.width = hNow.w * this.sys.cvsScale + 'px';
+            this.val.setVal_Nochk('tmp', vn + '.width', hNow.w);
         };
     }
     let fncH = () => { };
     if ('height' in hArg) {
         hTo.h = rct.height;
         fncH = () => {
-            ifrm.height = hNow.h * scale + 'px';
-            this.val.setVal_Nochk('tmp', frmnm + '.height', hNow.h);
+            f.height = hNow.h * this.sys.cvsScale + 'px';
+            this.val.setVal_Nochk('tmp', vn + '.height', hNow.h);
         };
     }
     this.appPixi.stage.interactive = false;
@@ -70361,10 +70287,9 @@ class Grammar {
         this.REG_TOKEN_NOTXT = new RegExp(`[\\n\\t;\\[*&${ce ? `\\${ce}` : ''}]`);
     }
     bracket2macro(hArg, script, idxToken) {
-        const name = hArg.name;
+        const { name, text } = hArg;
         if (!name)
             throw '[bracket2macro] nameは必須です';
-        const text = hArg.text;
         if (!text)
             throw '[bracket2macro] textは必須です';
         if (text.length !== 2)
@@ -70388,7 +70313,7 @@ class Grammar {
         this.replaceScr_C2M_And_let_ml(script, idxToken);
     }
     char2macro(hArg, hTag, script, idxToken) {
-        const char = hArg.char;
+        const { char, name } = hArg;
         if (!char)
             throw '[char2macro] charは必須です';
         __classPrivateFieldSet(this, _Grammar_hC2M, __classPrivateFieldGet(this, _Grammar_hC2M, "f") ?? {}, "f");
@@ -70397,7 +70322,6 @@ class Grammar {
         __classPrivateFieldGet(this, _Grammar_REG_CANTC2M, "f").lastIndex = 0;
         if (__classPrivateFieldGet(this, _Grammar_REG_CANTC2M, "f").test(char))
             throw '[char2macro] char【' + char + '】は一文字マクロに使用できない文字です';
-        const name = hArg.name;
         if (!name)
             throw '[char2macro] nameは必須です';
         if (!(name in hTag))
@@ -70499,8 +70423,7 @@ class GrpLayer extends Layer_1.Layer {
     }
     setSp(_sp) { }
     laySub(hArg, resolve) {
-        const fn = hArg.fn;
-        const face = hArg.face ?? '';
+        const { fn, face = '' } = hArg;
         __classPrivateFieldGet(this, _GrpLayer_idc, "f").sethArg(hArg);
         if (!fn) {
             super.lay(hArg);
@@ -70611,7 +70534,7 @@ class GrpLayer extends Layer_1.Layer {
         return needLoad;
     }
     static wv(hArg) {
-        const fn = hArg.fn;
+        const { fn } = hArg;
         if (!fn)
             throw 'fnは必須です';
         const hve = GrpLayer.hFn2VElm[fn];
@@ -70710,16 +70633,16 @@ class GrpLayer extends Layer_1.Layer {
         Layer_1.Layer.setXY((this.spLay.children.length === 0) ? this.spLay : this.spLay.children[0], hArg, this.spLay, true);
     }
     static add_face(hArg) {
-        const name = hArg.name;
+        const { name } = hArg;
         if (!name)
             throw 'nameは必須です';
         if (name in __classPrivateFieldGet(GrpLayer, _a, "f", _GrpLayer_hFace))
             throw '一つのname（' + name + '）に対して同じ画像を複数割り当てられません';
-        const fn = hArg.fn ?? name;
+        const { fn = name } = hArg;
         __classPrivateFieldGet(GrpLayer, _a, "f", _GrpLayer_hFace)[name] = {
             fn,
-            dx: (0, CmnLib_1.argChk_Num)(hArg, 'dx', 0) * CmnLib_1.CmnLib.retinaRate,
-            dy: (0, CmnLib_1.argChk_Num)(hArg, 'dy', 0) * CmnLib_1.CmnLib.retinaRate,
+            dx: (0, CmnLib_1.argChk_Num)(hArg, 'dx', 0),
+            dy: (0, CmnLib_1.argChk_Num)(hArg, 'dy', 0),
             blendmode: Layer_1.Layer.getBlendmodeNum(hArg.blendmode || '')
         };
         return false;
@@ -70926,10 +70849,10 @@ class Layer {
         return false;
     }
     static setBlendmode(cnt, hArg) {
-        const bm_name = hArg.blendmode;
-        if (!bm_name)
+        const { blendmode } = hArg;
+        if (!blendmode)
             return;
-        const bmn = Layer.getBlendmodeNum(bm_name);
+        const bmn = Layer.getBlendmodeNum(blendmode);
         const sp = cnt;
         if (sp)
             sp.blendMode = bmn;
@@ -71044,7 +70967,7 @@ class Layer {
         }
         ret.x = (0, CmnLib_1.int)(((ret.scale.x < 0)
             ? x + (isButton ? b_width / 3 : b_width)
-            : x) * CmnLib_1.CmnLib.retinaRate);
+            : x));
         let y = ret.y;
         if ('top' in hArg) {
             y = (0, CmnLib_1.argChk_Num)(hArg, 'top', 0);
@@ -71069,8 +70992,7 @@ class Layer {
                 y *= CmnLib_1.CmnLib.stageH;
             y = CmnLib_1.CmnLib.stageH - y - b_height;
         }
-        ret.y = (0, CmnLib_1.int)(((ret.scale.y < 0) ? y + b_height : y)
-            * CmnLib_1.CmnLib.retinaRate);
+        ret.y = (0, CmnLib_1.int)(((ret.scale.y < 0) ? y + b_height : y));
         if (isGrp) {
             if (!('left' in hArg)
                 && !('center' in hArg)
@@ -71107,7 +71029,7 @@ class Layer {
             c = b_width * 0.5;
         }
         else {
-            c = (0, CmnLib_1.int)(pos) * CmnLib_1.CmnLib.retinaRate;
+            c = (0, CmnLib_1.int)(pos);
         }
         ret.x = (0, CmnLib_1.int)(c - b_width * 0.5);
         ret.y = CmnLib_1.CmnLib.stageH - b_height;
@@ -71274,9 +71196,8 @@ void main(void) {
         _LayerMng_chkTxtLay.set(this, () => { throw '文字レイヤーがありません。文字表示や操作する前に、[add_lay layer=（レイヤ名） class=txt]で文字レイヤを追加して下さい'; });
         _LayerMng_oLastPage.set(this, { text: '' });
         _LayerMng_aTxtLog.set(this, []);
-        const cvs = document.getElementById(CmnLib_1.CmnLib.SN_ID);
         const fncResizeLay = () => {
-            if (!CmnLib_1.CmnLib.cvsResize(cvs))
+            if (!sys.cvsResize())
                 return;
             this.cvsResizeDesign();
             if (__classPrivateFieldGet(this, _LayerMng_modeLnSub, "f"))
@@ -71290,15 +71211,15 @@ void main(void) {
             globalThis.addEventListener('orientationchange', fncResizeLay, { passive: true });
         }
         else {
-            let tid = 0;
+            let tid = undefined;
             globalThis.addEventListener('resize', () => {
                 if (tid)
                     return;
-                tid = setTimeout(() => { tid = 0; fncResizeLay(); }, 500);
+                tid = setTimeout(() => { tid = undefined; fncResizeLay(); }, 1000 / 60 * 10);
             }, { passive: true });
         }
-        CmnLib_1.CmnLib.cvsResize(cvs);
-        TxtLayer_1.TxtLayer.init(cfg, hTag, val, (txt) => this.recText(txt), (me) => __classPrivateFieldGet(this, _LayerMng_hPages, "f")[me.layname].fore === me);
+        sys.cvsResize();
+        TxtLayer_1.TxtLayer.init(cfg, hTag, val, (txt) => this.recText(txt), (me) => __classPrivateFieldGet(this, _LayerMng_hPages, "f")[me.layname].fore === me, appPixi);
         GrpLayer_1.GrpLayer.init(main, cfg, appPixi, sys, sndMng);
         Button_1.Button.init(cfg);
         __classPrivateFieldSet(this, _LayerMng_frmMng, new FrameMng_1.FrameMng(this.cfg, this.hTag, this.appPixi, this.val, main, this.sys, __classPrivateFieldGet(this, _LayerMng_hTwInf, "f")), "f");
@@ -71575,7 +71496,7 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
     });
     return false;
 }, _LayerMng_loadplugin = function _LayerMng_loadplugin(hArg) {
-    const fn = hArg.fn;
+    const { fn } = hArg;
     if (!fn)
         throw 'fnは必須です';
     const join = (0, CmnLib_1.argChk_Boolean)(hArg, 'join', true);
@@ -71594,14 +71515,13 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
     }
     return join;
 }, _LayerMng_add_lay = function _LayerMng_add_lay(hArg) {
-    const layer = hArg.layer;
+    const { layer, class: cls } = hArg;
     if (!layer)
         throw 'layerは必須です';
     if (layer.includes(','))
         throw 'layer名に「,」は使えません';
     if (layer in __classPrivateFieldGet(this, _LayerMng_hPages, "f"))
         throw `layer【${layer}】はすでにあります`;
-    const cls = hArg.class;
     if (!cls)
         throw 'clsは必須です';
     const ret = { isWait: false };
@@ -71657,7 +71577,7 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
         }
     }
     else if (hArg.dive) {
-        const dive = hArg.dive;
+        const { dive } = hArg;
         let idx_dive = 0;
         if (layer === dive)
             throw '[lay] 属性 layerとdiveが同じ【' + dive + '】です';
@@ -71969,8 +71889,8 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
     __classPrivateFieldGet(this, _LayerMng_hTwInf, "f")[tw_nm]?.tw?.resume();
     return false;
 }, _LayerMng_ch = function _LayerMng_ch(hArg) {
-    const txt = hArg.text;
-    if (!txt)
+    const { text } = hArg;
+    if (!text)
         throw 'textは必須です';
     const tl = __classPrivateFieldGet(this, _LayerMng_getTxtLayer, "f").call(this, hArg);
     delete hArg.text;
@@ -71982,7 +71902,7 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
     const doRecLog = this.val.doRecLog();
     if (!record)
         this.val.setVal_Nochk('save', 'sn.doRecLog', record);
-    tl.tagCh(txt.replaceAll('[r]', '\n'));
+    tl.tagCh(text.replaceAll('[r]', '\n'));
     if (!record)
         this.val.setVal_Nochk('save', 'sn.doRecLog', doRecLog);
     return false;
@@ -71995,7 +71915,7 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
     const tf = lay;
     return tf;
 }, _LayerMng_$current = function _LayerMng_$current(hArg) {
-    const layer = hArg.layer;
+    const { layer } = hArg;
     if (!layer)
         throw '[current] layerは必須です';
     __classPrivateFieldSet(this, _LayerMng_pgTxtlay, __classPrivateFieldGet(this, _LayerMng_hPages, "f")[layer], "f");
@@ -72054,10 +71974,9 @@ _a = LayerMng, _LayerMng_stage = new WeakMap(), _LayerMng_fore = new WeakMap(),
     this.val.setVal_Nochk('save', 'const.sn.sLog', (hArg.text) ? `[{text:"${hArg.text}"}]` : '[]');
     return false;
 }, _LayerMng_ruby2 = function _LayerMng_ruby2(hArg) {
-    const t = hArg.t;
+    const { t, r } = hArg;
     if (!t)
         throw '[ruby2] tは必須です';
-    const r = hArg.r;
     if (!r)
         throw '[ruby2] rは必須です';
     hArg.text = '｜' + t + '《' + r + '》';
@@ -72126,7 +72045,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _Main_instances, _Main_cfg, _Main_appPixi, _Main_hTag, _Main_val, _Main_prpPrs, _Main_sndMng, _Main_scrItr, _Main_dbgMng, _Main_layMng, _Main_evtMng, _Main_fncNext, _Main_alzTagArg, _Main_inited, _Main_init, _Main_fncTicker, _Main_fncresume, _Main_isLoop, _Main_runAnalyze, _Main_destroyed, _Main_clone_cvs;
+var _Main_instances, _Main_cfg, _Main_appPixi, _Main_hTag, _Main_val, _Main_prpPrs, _Main_sndMng, _Main_scrItr, _Main_dbgMng, _Main_layMng, _Main_evtMng, _Main_fncNext, _Main_alzTagArg, _Main_inited, _Main_SN_ID, _Main_init, _Main_fncTicker, _Main_fncresume, _Main_isLoop, _Main_runAnalyze, _Main_destroyed, _Main_clone_cvs;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Main = void 0;
 const CmnLib_1 = __webpack_require__(/*! ./CmnLib */ "./core/src/sn/CmnLib.ts");
@@ -72158,6 +72077,7 @@ class Main {
         _Main_fncNext.set(this, () => { });
         _Main_alzTagArg.set(this, new AnalyzeTagArg_1.AnalyzeTagArg);
         _Main_inited.set(this, false);
+        _Main_SN_ID.set(this, 'skynovel');
         _Main_fncTicker.set(this, () => __classPrivateFieldGet(this, _Main_fncNext, "f").call(this));
         _Main_fncresume.set(this, (fnc = __classPrivateFieldGet(this, _Main_instances, "m", _Main_runAnalyze)) => {
             if (__classPrivateFieldGet(this, _Main_destroyed, "f"))
@@ -72234,14 +72154,14 @@ class Main {
         __classPrivateFieldGet(this, _Main_dbgMng, "f").destroy();
         __classPrivateFieldGet(this, _Main_appPixi, "f").ticker.remove(__classPrivateFieldGet(this, _Main_fncTicker, "f"));
         if (__classPrivateFieldGet(this, _Main_clone_cvs, "f") && __classPrivateFieldGet(this, _Main_appPixi, "f")) {
-            __classPrivateFieldGet(this, _Main_appPixi, "f").view.parentElement.insertBefore(__classPrivateFieldGet(this, _Main_clone_cvs, "f"), __classPrivateFieldGet(this, _Main_appPixi, "f").view);
+            document.body.insertBefore(__classPrivateFieldGet(this, _Main_clone_cvs, "f"), __classPrivateFieldGet(this, _Main_appPixi, "f").view);
         }
         pixi_js_1.utils.clearTextureCache();
         __classPrivateFieldGet(this, _Main_appPixi, "f").destroy(true);
     }
 }
 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() {
+_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_SN_ID = 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';
@@ -72254,16 +72174,16 @@ _Main_cfg = new WeakMap(), _Main_appPixi = new WeakMap(), _Main_hTag = new WeakM
         resolution: globalThis.devicePixelRatio ?? 1,
         autoResize: true,
     };
-    const cvs = document.getElementById(CmnLib_1.CmnLib.SN_ID);
+    const cvs = document.getElementById(__classPrivateFieldGet(this, _Main_SN_ID, "f"));
     if (cvs) {
         __classPrivateFieldSet(this, _Main_clone_cvs, cvs.cloneNode(true), "f");
-        __classPrivateFieldGet(this, _Main_clone_cvs, "f").id = CmnLib_1.CmnLib.SN_ID;
+        __classPrivateFieldGet(this, _Main_clone_cvs, "f").id = __classPrivateFieldGet(this, _Main_SN_ID, "f");
         hApp.view = cvs;
     }
     __classPrivateFieldSet(this, _Main_appPixi, new pixi_js_1.Application(hApp), "f");
     if (!cvs) {
         document.body.appendChild(__classPrivateFieldGet(this, _Main_appPixi, "f").view);
-        __classPrivateFieldGet(this, _Main_appPixi, "f").view.id = CmnLib_1.CmnLib.SN_ID;
+        __classPrivateFieldGet(this, _Main_appPixi, "f").view.id = __classPrivateFieldGet(this, _Main_SN_ID, "f");
     }
     __classPrivateFieldSet(this, _Main_val, new Variable_1.Variable(__classPrivateFieldGet(this, _Main_cfg, "f"), __classPrivateFieldGet(this, _Main_hTag, "f")), "f");
     __classPrivateFieldSet(this, _Main_prpPrs, new PropParser_1.PropParser(__classPrivateFieldGet(this, _Main_val, "f"), __classPrivateFieldGet(this, _Main_cfg, "f").oCfg.init.escape ?? '\\'), "f");
@@ -73408,7 +73328,7 @@ _a = ScriptIterator, _ScriptIterator_script = new WeakMap(), _ScriptIterator_scr
     return a;
 }, _ScriptIterator_let_ml = function _ScriptIterator_let_ml(hArg) {
     var _b;
-    const name = hArg.name;
+    const { name } = hArg;
     if (!name)
         throw 'nameは必須です';
     let ml = '';
@@ -73466,7 +73386,7 @@ _a = ScriptIterator, _ScriptIterator_script = new WeakMap(), _ScriptIterator_scr
     }
     return ret;
 }, _ScriptIterator_dump_script = function _ScriptIterator_dump_script(hArg) {
-    const set_fnc = hArg.set_fnc;
+    const { set_fnc, break_fnc } = hArg;
     if (!set_fnc)
         throw 'set_fncは必須です';
     __classPrivateFieldSet(this, _ScriptIterator_fncSet, globalThis[set_fnc], "f");
@@ -73486,7 +73406,6 @@ _a = ScriptIterator, _ScriptIterator_script = new WeakMap(), _ScriptIterator_scr
         __classPrivateFieldGet(this, _ScriptIterator_fncBreak, "f").call(this, __classPrivateFieldGet(this, _ScriptIterator_lineNum, "f"), goto);
     };
     this.noticeBreak(true);
-    const break_fnc = hArg.break_fnc;
     if (!break_fnc)
         return false;
     __classPrivateFieldSet(this, _ScriptIterator_fncBreak, globalThis[break_fnc], "f");
@@ -73504,7 +73423,7 @@ _a = ScriptIterator, _ScriptIterator_script = new WeakMap(), _ScriptIterator_scr
     return false;
 }, _ScriptIterator_if = function _ScriptIterator_if(hArg) {
     var _b, _c;
-    const exp = hArg.exp;
+    const { exp } = hArg;
     if (!exp)
         throw 'expは必須です';
     if (exp.charAt(0) === '&')
@@ -73573,7 +73492,7 @@ _a = ScriptIterator, _ScriptIterator_script = new WeakMap(), _ScriptIterator_scr
 }, _ScriptIterator_call = function _ScriptIterator_call(hArg) {
     if (!(0, CmnLib_1.argChk_Boolean)(hArg, 'count', false))
         __classPrivateFieldGet(this, _ScriptIterator_instances, "m", _ScriptIterator_eraseKidoku).call(this);
-    const fn = hArg.fn;
+    const { fn } = hArg;
     if (fn)
         __classPrivateFieldGet(this, _ScriptIterator_cnvSnPath, "f").call(this, fn);
     __classPrivateFieldGet(this, _ScriptIterator_instances, "m", _ScriptIterator_callSub).call(this, { ':hEvt1Time': __classPrivateFieldGet(this, _ScriptIterator_evtMng, "f").popLocalEvts(), ':hMp': this.val.cloneMp() });
@@ -73604,7 +73523,7 @@ _a = ScriptIterator, _ScriptIterator_script = new WeakMap(), _ScriptIterator_scr
         __classPrivateFieldSet(this, _ScriptIterator_posAPageLog, -1, "f");
         return false;
     }
-    const to = hArg.to;
+    const { to } = hArg;
     if (!to)
         throw 'clearかtoは必須です';
     const oldPos = __classPrivateFieldGet(this, _ScriptIterator_posAPageLog, "f");
@@ -73880,7 +73799,7 @@ _a = ScriptIterator, _ScriptIterator_script = new WeakMap(), _ScriptIterator_scr
     return false;
 }, _ScriptIterator_macro = function _ScriptIterator_macro(hArg) {
     var _b, _c;
-    const name = hArg.name;
+    const { name } = hArg;
     if (!name)
         throw 'nameは必須です';
     if (name in this.hTag)
@@ -74130,7 +74049,7 @@ class SoundMng {
 }
 exports.SoundMng = SoundMng;
 _a = SoundMng, _SoundMng_hSndBuf = new WeakMap(), _SoundMng_hLP = new WeakMap(), _SoundMng_evtMng = new WeakMap(), _SoundMng_initVol = new WeakMap(), _SoundMng_instances = new WeakSet(), _SoundMng_volume = function _SoundMng_volume(hArg) {
-    const buf = hArg.buf ?? 'SE';
+    const { buf = 'SE' } = hArg;
     const bvn = 'const.sn.sound.' + buf + '.volume';
     const arg_vol = __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_getVol).call(this, hArg, 1);
     if (Number(this.val.getVal('sys:' + bvn)) === arg_vol)
@@ -74149,7 +74068,7 @@ _a = SoundMng, _SoundMng_hSndBuf = new WeakMap(), _SoundMng_hLP = new WeakMap(),
     return vol;
 }, _SoundMng_fadeoutbgm = function _SoundMng_fadeoutbgm(hArg) { hArg.volume = 0; return __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_fadebgm).call(this, hArg); }, _SoundMng_fadeoutse = function _SoundMng_fadeoutse(hArg) { hArg.volume = 0; return __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_fadese).call(this, hArg); }, _SoundMng_fadebgm = function _SoundMng_fadebgm(hArg) { hArg.buf = 'BGM'; return __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_fadese).call(this, hArg); }, _SoundMng_fadese = function _SoundMng_fadese(hArg) {
     __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_stopfadese).call(this, hArg);
-    const buf = hArg.buf ?? 'SE';
+    const { buf = 'SE' } = hArg;
     const oSb = __classPrivateFieldGet(this, _SoundMng_hSndBuf, "f")[buf];
     if (!oSb?.playing() || !oSb.snd)
         return false;
@@ -74200,9 +74119,8 @@ _a = SoundMng, _SoundMng_hSndBuf = new WeakMap(), _SoundMng_hLP = new WeakMap(),
     (0, CmnLib_1.argChk_Boolean)(hArg, 'loop', true);
     return __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_playse).call(this, hArg);
 }, _SoundMng_playse = function _SoundMng_playse(hArg) {
-    const buf = hArg.buf ?? 'SE';
+    const { buf = 'SE', fn } = hArg;
     __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_stopse).call(this, { buf });
-    const fn = hArg.fn;
     if (!fn)
         throw `[playse] fnは必須です buf:${buf}`;
     if ((0, CmnLib_1.argChk_Boolean)(hArg, 'canskip', true)
@@ -74400,7 +74318,7 @@ _a = SoundMng, _SoundMng_hSndBuf = new WeakMap(), _SoundMng_hLP = new WeakMap(),
     sound_1.sound.stopAll();
     return false;
 }, _SoundMng_stopbgm = function _SoundMng_stopbgm(hArg) { hArg.buf = 'BGM'; return __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_stopse).call(this, hArg); }, _SoundMng_stopse = function _SoundMng_stopse(hArg) {
-    const buf = hArg.buf ?? 'SE';
+    const { buf = 'SE' } = hArg;
     __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_delLoopPlay).call(this, buf);
     const oSb = __classPrivateFieldGet(this, _SoundMng_hSndBuf, "f")[buf];
     if (oSb) {
@@ -74409,17 +74327,17 @@ _a = SoundMng, _SoundMng_hSndBuf = new WeakMap(), _SoundMng_hLP = new WeakMap(),
     }
     return false;
 }, _SoundMng_wb = function _SoundMng_wb(hArg) { hArg.buf = 'BGM'; return __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_wf).call(this, hArg); }, _SoundMng_wf = function _SoundMng_wf(hArg) {
-    const buf = hArg.buf ?? 'SE';
+    const { buf = 'SE' } = hArg;
     const oSb = __classPrivateFieldGet(this, _SoundMng_hSndBuf, "f")[buf];
     if (!oSb?.twFade || !oSb.playing())
         return false;
     return oSb.resumeFade = __classPrivateFieldGet(this, _SoundMng_evtMng, "f").waitEvent(() => __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_stopfadese).call(this, hArg), (0, CmnLib_1.argChk_Boolean)(hArg, 'canskip', true), (0, CmnLib_1.argChk_Boolean)(hArg, 'global', false));
 }, _SoundMng_stopfadese = function _SoundMng_stopfadese(hArg) {
-    const buf = hArg.buf ?? 'SE';
+    const { buf = 'SE' } = hArg;
     __classPrivateFieldGet(this, _SoundMng_hSndBuf, "f")[buf]?.twFade?.stop().end();
     return false;
 }, _SoundMng_wl = function _SoundMng_wl(hArg) { hArg.buf = 'BGM'; return __classPrivateFieldGet(this, _SoundMng_instances, "m", _SoundMng_ws).call(this, hArg); }, _SoundMng_ws = function _SoundMng_ws(hArg) {
-    const buf = hArg.buf ?? 'SE';
+    const { buf = 'SE' } = hArg;
     const oSb = __classPrivateFieldGet(this, _SoundMng_hSndBuf, "f")[buf];
     if (!oSb?.playing() || oSb.loop)
         return false;
@@ -74432,8 +74350,7 @@ _a = SoundMng, _SoundMng_hSndBuf = new WeakMap(), _SoundMng_hLP = new WeakMap(),
         oSb2.onend();
     }, (0, CmnLib_1.argChk_Boolean)(hArg, 'canskip', false), (0, CmnLib_1.argChk_Boolean)(hArg, 'global', false));
 }, _SoundMng_xchgbuf = function _SoundMng_xchgbuf(hArg) {
-    const buf1 = hArg.buf ?? 'SE';
-    const buf2 = hArg.buf2 ?? 'SE';
+    const { buf: buf1 = 'SE', buf2 = 'SE' } = hArg;
     if (buf1 === buf2)
         return false;
     const sb1 = __classPrivateFieldGet(this, _SoundMng_hSndBuf, "f")[buf1];
@@ -74503,7 +74420,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 _a, _SysBase_sk, _SysBase_hHook, _SysBase_hToastDat, _SysBase_aFncHook, _SysBase_main_title, _SysBase_info_title, _SysBase_preFromPlg, _SysBase_hN2Ext, _SysBase_genImage, _SysBase_genVideo;
+var _a, _SysBase_cvsWidth, _SysBase_cvsHeight, _SysBase_cvsScale, _SysBase_ofsLeft4frm, _SysBase_ofsTop4frm, _SysBase_ofsPadLeft_Dom2PIXI, _SysBase_ofsPadTop_Dom2PIXI, _SysBase_sk, _SysBase_hHook, _SysBase_hToastDat, _SysBase_aFncHook, _SysBase_main_title, _SysBase_info_title, _SysBase_preFromPlg, _SysBase_hN2Ext, _SysBase_genImage, _SysBase_genVideo;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SysBase = void 0;
 const CmnLib_1 = __webpack_require__(/*! ./CmnLib */ "./core/src/sn/CmnLib.ts");
@@ -74515,8 +74432,15 @@ class SysBase {
         this.hFactoryCls = {};
         this.fetch = (url) => fetch(url);
         this.resolution = 1;
-        this.reso4frame = 1;
         this.data = { sys: {}, mark: {}, kidoku: {} };
+        _SysBase_cvsWidth.set(this, 0);
+        _SysBase_cvsHeight.set(this, 0);
+        _SysBase_cvsScale.set(this, 1);
+        _SysBase_ofsLeft4frm.set(this, 0);
+        _SysBase_ofsTop4frm.set(this, 0);
+        _SysBase_ofsPadLeft_Dom2PIXI.set(this, 0);
+        _SysBase_ofsPadTop_Dom2PIXI.set(this, 0);
+        this.isFullScr = false;
         this.extPort = 3776;
         _SysBase_sk.set(this, undefined);
         _SysBase_hHook.set(this, {
@@ -74557,7 +74481,7 @@ class SysBase {
         this._import = () => false;
         this.navigate_to = () => false;
         this.title = hArg => {
-            const text = hArg.text;
+            const { text } = hArg;
             if (!text)
                 throw '[title] textは必須です';
             __classPrivateFieldSet(this, _SysBase_main_title, text, "f");
@@ -74604,8 +74528,6 @@ class SysBase {
         this.$path_downloads = '';
         this.$path_userdata = '';
         this.canCapturePage = (_fn) => false;
-        this.ofsLeft4frm = 0;
-        this.ofsTop4frm = 0;
     }
     async loaded(hPlg, _arg) {
         const fncPre = hPlg.snsys_pre;
@@ -74654,6 +74576,7 @@ class SysBase {
         val.setVal_Nochk('tmp', 'const.sn.isApp', () => this.isApp);
         val.setVal_Nochk('tmp', 'const.sn.isDbg', () => CmnLib_1.CmnLib.isDbg);
         val.setVal_Nochk('tmp', 'const.sn.isPackaged', () => CmnLib_1.CmnLib.isPackaged);
+        this.val.defTmp('const.sn.displayState', () => this.isFullScr);
         val.setVal_Nochk('sys', SysBase.VALNM_CFG_NS, this.cfg.oCfg.save_ns);
         val.flush();
         if (CmnLib_1.CmnLib.isDbg)
@@ -74683,6 +74606,74 @@ class SysBase {
             }));
         return a;
     }
+    get cvsScale() { return __classPrivateFieldGet(this, _SysBase_cvsScale, "f"); }
+    ;
+    get ofsLeft4frm() { return __classPrivateFieldGet(this, _SysBase_ofsLeft4frm, "f"); }
+    ;
+    get ofsTop4frm() { return __classPrivateFieldGet(this, _SysBase_ofsTop4frm, "f"); }
+    ;
+    get ofsPadLeft_Dom2PIXI() { return __classPrivateFieldGet(this, _SysBase_ofsPadLeft_Dom2PIXI, "f"); }
+    ;
+    get ofsPadTop_Dom2PIXI() { return __classPrivateFieldGet(this, _SysBase_ofsPadTop_Dom2PIXI, "f"); }
+    ;
+    cvsResize() {
+        const bk_cw = __classPrivateFieldGet(this, _SysBase_cvsWidth, "f");
+        const bk_ch = __classPrivateFieldGet(this, _SysBase_cvsHeight, "f");
+        let w = globalThis.innerWidth;
+        let h = globalThis.innerHeight;
+        const { angle = 0 } = screen.orientation;
+        const lp = angle % 180 === 0 ? 'p' : 'l';
+        if (CmnLib_1.CmnLib.isMobile && ((lp === 'p' && w > h) || (lp === 'l' && w < h)))
+            [w, h] = [h, w];
+        const cvs = this.appPixi.view;
+        const cr = cvs.getBoundingClientRect();
+        if (this.isFullScr || (0, CmnLib_1.argChk_Boolean)(CmnLib_1.CmnLib.hDip, 'expanding', true)
+            || CmnLib_1.CmnLib.stageW > w
+            || CmnLib_1.CmnLib.stageH > h) {
+            if (CmnLib_1.CmnLib.stageW / CmnLib_1.CmnLib.stageH <= w / h) {
+                __classPrivateFieldSet(this, _SysBase_cvsHeight, h, "f");
+                __classPrivateFieldSet(this, _SysBase_cvsWidth, CmnLib_1.CmnLib.stageW / CmnLib_1.CmnLib.stageH * h, "f");
+            }
+            else {
+                __classPrivateFieldSet(this, _SysBase_cvsWidth, w, "f");
+                __classPrivateFieldSet(this, _SysBase_cvsHeight, CmnLib_1.CmnLib.stageH / CmnLib_1.CmnLib.stageW * w, "f");
+            }
+            __classPrivateFieldSet(this, _SysBase_cvsScale, __classPrivateFieldGet(this, _SysBase_cvsWidth, "f") / CmnLib_1.CmnLib.stageW, "f");
+            __classPrivateFieldSet(this, _SysBase_ofsPadLeft_Dom2PIXI, (CmnLib_1.CmnLib.isMobile
+                ? (globalThis.innerWidth - __classPrivateFieldGet(this, _SysBase_cvsWidth, "f")) / 2
+                : cr.left) * (1 - __classPrivateFieldGet(this, _SysBase_cvsScale, "f")), "f");
+            __classPrivateFieldSet(this, _SysBase_ofsPadTop_Dom2PIXI, (CmnLib_1.CmnLib.isMobile
+                ? (globalThis.innerHeight - __classPrivateFieldGet(this, _SysBase_cvsHeight, "f")) / 2
+                : cr.top) * (1 - __classPrivateFieldGet(this, _SysBase_cvsScale, "f")), "f");
+        }
+        else {
+            __classPrivateFieldSet(this, _SysBase_cvsWidth, CmnLib_1.CmnLib.stageW, "f");
+            __classPrivateFieldSet(this, _SysBase_cvsHeight, CmnLib_1.CmnLib.stageH, "f");
+            __classPrivateFieldSet(this, _SysBase_cvsScale, 1, "f");
+            __classPrivateFieldSet(this, _SysBase_ofsPadLeft_Dom2PIXI, 0, "f");
+            __classPrivateFieldSet(this, _SysBase_ofsPadTop_Dom2PIXI, 0, "f");
+        }
+        const ps = cvs.parentElement.style;
+        if (cvs.parentElement === document.body) {
+            ps.position = 'relative';
+            ps.width = `${__classPrivateFieldGet(this, _SysBase_cvsWidth, "f")}px`;
+            ps.height = `${__classPrivateFieldGet(this, _SysBase_cvsHeight, "f")}px`;
+        }
+        const s = cvs.style;
+        if (this.isFullScr)
+            s.width = s.height = '';
+        else {
+            s.width = ps.width;
+            s.height = ps.height;
+        }
+        __classPrivateFieldSet(this, _SysBase_ofsLeft4frm, cr.left, "f");
+        __classPrivateFieldSet(this, _SysBase_ofsTop4frm, cr.top, "f");
+        if (this.isFullScr) {
+            __classPrivateFieldSet(this, _SysBase_ofsLeft4frm, __classPrivateFieldGet(this, _SysBase_ofsLeft4frm, "f") + (w - __classPrivateFieldGet(this, _SysBase_cvsWidth, "f")) / 2, "f");
+            __classPrivateFieldSet(this, _SysBase_ofsTop4frm, __classPrivateFieldGet(this, _SysBase_ofsTop4frm, "f") + (h - __classPrivateFieldGet(this, _SysBase_cvsHeight, "f")) / 2, "f");
+        }
+        return bk_cw !== __classPrivateFieldGet(this, _SysBase_cvsWidth, "f") || bk_ch !== __classPrivateFieldGet(this, _SysBase_cvsHeight, "f");
+    }
     attach_debug(main) {
         this.attach_debug = () => { };
         const gs = document.createElement('style');
@@ -74727,24 +74718,21 @@ class SysBase {
         __classPrivateFieldSet(this, _SysBase_sk, undefined, "f");
     }
     toast(nm) {
-        const cvs = document.getElementById(CmnLib_1.CmnLib.SN_ID);
-        if (!cvs)
-            return;
-        const p = cvs.parentNode;
+        const p = document.body;
         p.querySelectorAll('.sn_BounceIn, .sn_HopIn').forEach(v => p.removeChild(v));
         const img = document.createElement('img');
         const td = __classPrivateFieldGet(SysBase, _a, "f", _SysBase_hToastDat)[nm];
         img.src = `data:image/svg+xml;base64,${td.dat}`;
-        const size = Math.min(CmnLib_1.CmnLib.stageW, CmnLib_1.CmnLib.stageH) / 4 * CmnLib_1.CmnLib.cvsScale;
+        const size = Math.min(CmnLib_1.CmnLib.stageW, CmnLib_1.CmnLib.stageH) / 4 * __classPrivateFieldGet(this, _SysBase_cvsScale, "f");
         img.width = img.height = size;
         img.style.cssText =
             `position: absolute;
-left: ${(CmnLib_1.CmnLib.stageW - size) / 2 * CmnLib_1.CmnLib.cvsScale + size * (td.dx ?? 0)}px;
-top: ${(CmnLib_1.CmnLib.stageH - size) / 2 * CmnLib_1.CmnLib.cvsScale + size * (td.dy ?? 0)}px;`;
+left: ${(CmnLib_1.CmnLib.stageW - size) / 2 * __classPrivateFieldGet(this, _SysBase_cvsScale, "f") + size * (td.dx ?? 0)}px;
+top: ${(CmnLib_1.CmnLib.stageH - size) / 2 * __classPrivateFieldGet(this, _SysBase_cvsScale, "f") + size * (td.dy ?? 0)}px;`;
         img.classList.add('sn_toast', td.ease ?? 'sn_BounceInOut');
         if (!td.ease)
             img.addEventListener('animationend', () => p.removeChild(img), { once: true, passive: true });
-        p.insertBefore(img, cvs);
+        p.insertBefore(img, this.appPixi.view);
     }
     setFire(fire) { this.fire = fire; }
     addHook(fnc) { __classPrivateFieldGet(this, _SysBase_aFncHook, "f").push(fnc); }
@@ -74765,28 +74753,9 @@ top: ${(CmnLib_1.CmnLib.stageH - size) / 2 * CmnLib_1.CmnLib.cvsScale + size * (
     ;
     async appendFile(_path, _data, _callback) { }
     async ensureFileSync(_path) { }
-    resizeFrames() {
-        const cr = this.appPixi.view.getBoundingClientRect();
-        const a = document.getElementsByTagName('iframe');
-        const len = a.length;
-        for (let i = 0; i < len; ++i) {
-            const it = a[i];
-            const frmnm = `const.sn.frm.${it.id}`;
-            it.style.left = this.ofsLeft4frm + cr.left
-                + Number(this.val.getVal(`tmp:${frmnm}.x`)) * this.reso4frame
-                + 'px';
-            it.style.top = this.ofsTop4frm + cr.top
-                + Number(this.val.getVal(`tmp:${frmnm}.y`)) * this.reso4frame
-                + 'px';
-            it.width = String(Number(this.val.getVal(`tmp:${frmnm}.width`))
-                * this.reso4frame);
-            it.height = String(Number(this.val.getVal(`tmp:${frmnm}.height`))
-                * this.reso4frame);
-        }
-    }
 }
 exports.SysBase = SysBase;
-_a = SysBase, _SysBase_sk = new WeakMap(), _SysBase_hHook = new WeakMap(), _SysBase_aFncHook = new WeakMap(), _SysBase_main_title = new WeakMap(), _SysBase_info_title = new WeakMap(), _SysBase_preFromPlg = new WeakMap(), _SysBase_hN2Ext = new WeakMap(), _SysBase_genImage = new WeakMap(), _SysBase_genVideo = new WeakMap();
+_a = SysBase, _SysBase_cvsWidth = new WeakMap(), _SysBase_cvsHeight = new WeakMap(), _SysBase_cvsScale = new WeakMap(), _SysBase_ofsLeft4frm = new WeakMap(), _SysBase_ofsTop4frm = new WeakMap(), _SysBase_ofsPadLeft_Dom2PIXI = new WeakMap(), _SysBase_ofsPadTop_Dom2PIXI = new WeakMap(), _SysBase_sk = new WeakMap(), _SysBase_hHook = new WeakMap(), _SysBase_aFncHook = new WeakMap(), _SysBase_main_title = new WeakMap(), _SysBase_info_title = new WeakMap(), _SysBase_preFromPlg = new WeakMap(), _SysBase_hN2Ext = new WeakMap(), _SysBase_genImage = new WeakMap(), _SysBase_genVideo = new WeakMap();
 SysBase.VALNM_CFG_NS = 'const.sn.cfg.ns';
 _SysBase_hToastDat = { value: {
         '接続': { dx: -1, dat: 'PHN2ZyBoZWlnaHQ9IjY0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDY0MCA2NDAiIHdpZHRoPSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJtNjQwIDMyMGMwIDE3Ni43My0xNDMuMjcgMzIwLTMyMCAzMjBzLTMyMC0xNDMuMjctMzIwLTMyMCAxNDMuMjctMzIwIDMyMC0zMjAgMzIwIDE0My4yNyAzMjAgMzIweiIvPjxwYXRoIGlkPSJiIiBkPSJtMCAyOTJ2NTUuODhoMTI3LjEzYzEyLjM3IDQ2IDU0LjEyIDc5Ljg3IDEwNCA3OS44N2g3Ny44N3YtMjE1LjYyYy00Ni43MyAwLTcyLjY4IDAtNzcuODggMC00OS43NCAwLTkxLjYyIDMzLjg3LTEwMy45OSA3OS44Ny0xNi45NSAwLTU5LjMzIDAtMTI3LjEzIDB6Ii8+PHBhdGggaWQ9ImMiIGQ9Im01MTIuODggMjkyYy0xMi4zOC00Ni01NC4xMy03OS44Ny0xMDQtNzkuODctNS4yMSAwLTMxLjIxIDAtNzggMHYyMTUuNzRoNzcuODdjNDkuODggMCA5MS43NS0zMy44NyAxMDQtNzkuODdoMTI3LjI1di01NmMtNzYuMjcgMC0xMTguNjUgMC0xMjcuMTIgMHoiLz48L2RlZnM+PHVzZSBmaWxsPSIjMmUyZTJlIiB4bGluazpocmVmPSIjYSIvPjx1c2UgZmlsbD0ibm9uZSIgeGxpbms6aHJlZj0iI2EiLz48dXNlIGZpbGw9IiMzYWFiZDIiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsPSJub25lIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsbD0iIzNhYWJkMiIgeGxpbms6aHJlZj0iI2MiLz48dXNlIGZpbGw9Im5vbmUiIHhsaW5rOmhyZWY9IiNjIi8+PC9zdmc+' },
@@ -74822,7 +74791,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _SysWeb_instances, _SysWeb_path_base, _SysWeb_resizeFramesWork, _SysWeb_isFullScr, _SysWeb_now_prj, _SysWeb_main, _SysWeb_hAppendFile;
+var _SysWeb_path_base, _SysWeb_now_prj, _SysWeb_main, _SysWeb_hAppendFile;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.SysWeb = void 0;
 const SysBase_1 = __webpack_require__(/*! ./SysBase */ "./core/src/sn/SysBase.ts");
@@ -74833,9 +74802,7 @@ __webpack_require__(/*! devtools-detect */ "./node_modules/devtools-detect/index
 class SysWeb extends SysBase_1.SysBase {
     constructor(hPlg = {}, arg = { cur: 'prj/', crypto: false, dip: '' }) {
         super(hPlg, arg);
-        _SysWeb_instances.add(this);
         _SysWeb_path_base.set(this, '');
-        _SysWeb_isFullScr.set(this, false);
         _SysWeb_now_prj.set(this, ':');
         this.run = async () => {
             if (__classPrivateFieldGet(this, _SysWeb_main, "f")) {
@@ -74904,7 +74871,7 @@ class SysWeb extends SysBase_1.SysBase {
             return false;
         };
         this.navigate_to = hArg => {
-            const url = hArg.url;
+            const { url } = hArg;
             if (!url)
                 throw '[navigate_to] urlは必須です';
             globalThis.open(url, '_blank');
@@ -74917,38 +74884,6 @@ class SysWeb extends SysBase_1.SysBase {
     }
     async loaded(hPlg, arg) {
         await super.loaded(hPlg, arg);
-        const tgl_full_scr = ('requestFullscreen' in document.body)
-            ? () => {
-                ((__classPrivateFieldSet(this, _SysWeb_isFullScr, !Boolean(document.fullscreenElement), "f"))
-                    ? document.body.requestFullscreen()
-                    : document.exitFullscreen())
-                    .then(() => __classPrivateFieldGet(this, _SysWeb_instances, "m", _SysWeb_resizeFramesWork).call(this));
-            }
-            : () => {
-                const doc = document;
-                ((__classPrivateFieldSet(this, _SysWeb_isFullScr, !Boolean(doc.webkitFullscreenElement), "f"))
-                    ? doc.body.webkitRequestFullscreen()
-                    : doc.webkitCancelFullScreen())
-                    .then(() => __classPrivateFieldGet(this, _SysWeb_instances, "m", _SysWeb_resizeFramesWork).call(this));
-            };
-        this.tgl_full_scr = (hArg) => {
-            if (!hArg.key) {
-                tgl_full_scr();
-                return false;
-            }
-            const key = hArg.key.toLowerCase();
-            document.addEventListener('keydown', (e) => {
-                const key2 = (e.altKey ? (e.key === 'Alt' ? '' : 'alt+') : '')
-                    + (e.ctrlKey ? (e.key === 'Control' ? '' : 'ctrl+') : '')
-                    + (e.shiftKey ? (e.key === 'Shift' ? '' : 'shift+') : '')
-                    + e.key.toLowerCase();
-                if (key2 !== key)
-                    return;
-                e.stopPropagation();
-                tgl_full_scr();
-            }, { passive: true });
-            return false;
-        };
         document.querySelectorAll('[data-prj]').forEach(v => {
             const elm = v.attributes.getNamedItem('data-prj');
             if (elm)
@@ -75004,7 +74939,6 @@ class SysWeb extends SysBase_1.SysBase {
     initVal(data, hTmp, comp) {
         const hn = encodeURIComponent(document.location.hostname);
         hTmp['const.sn.isDebugger'] = (hn === 'localhost' || hn === '127.0.0.1');
-        this.val.defTmp('const.sn.displayState', () => __classPrivateFieldGet(this, _SysWeb_isFullScr, "f"));
         const ns = this.cfg.getNs();
         this.flush = this.crypto
             ? async () => {
@@ -75050,6 +74984,35 @@ class SysWeb extends SysBase_1.SysBase {
     }
     init(hTag, appPixi, val, main) {
         super.init(hTag, appPixi, val, main);
+        const pCvs = appPixi.view.parentElement;
+        const tgl_full_scr = ('requestFullscreen' in document.body)
+            ? () => ((this.isFullScr = !Boolean(document.fullscreenElement))
+                ? pCvs.requestFullscreen()
+                : document.exitFullscreen())
+            : () => {
+                const doc = document;
+                ((this.isFullScr = !Boolean(doc.webkitFullscreenElement))
+                    ? pCvs.webkitRequestFullscreen()
+                    : doc.webkitCancelFullScreen());
+            };
+        this.tgl_full_scr = (hArg) => {
+            if (!hArg.key) {
+                tgl_full_scr();
+                return false;
+            }
+            const key = hArg.key.toLowerCase();
+            document.addEventListener('keydown', (e) => {
+                const key2 = (e.altKey ? (e.key === 'Alt' ? '' : 'alt+') : '')
+                    + (e.ctrlKey ? (e.key === 'Control' ? '' : 'ctrl+') : '')
+                    + (e.shiftKey ? (e.key === 'Shift' ? '' : 'shift+') : '')
+                    + e.key.toLowerCase();
+                if (key2 !== key)
+                    return;
+                e.stopPropagation();
+                tgl_full_scr();
+            }, { passive: true });
+            return false;
+        };
         if (!this.cfg.oCfg.debug.devtool)
             window.addEventListener('devtoolschange', e => {
                 if (!e.detail.isOpen)
@@ -75082,20 +75045,7 @@ class SysWeb extends SysBase_1.SysBase {
     }
 }
 exports.SysWeb = SysWeb;
-_SysWeb_path_base = new WeakMap(), _SysWeb_isFullScr = new WeakMap(), _SysWeb_now_prj = new WeakMap(), _SysWeb_main = new WeakMap(), _SysWeb_hAppendFile = new WeakMap(), _SysWeb_instances = new WeakSet(), _SysWeb_resizeFramesWork = function _SysWeb_resizeFramesWork() {
-    const is_fs = __classPrivateFieldGet(this, _SysWeb_isFullScr, "f");
-    const ratioWidth = screen.width / CmnLib_1.CmnLib.stageW;
-    const ratioHeight = screen.height / CmnLib_1.CmnLib.stageH;
-    const ratio = (ratioWidth < ratioHeight) ? ratioWidth : ratioHeight;
-    this.reso4frame = is_fs ? ratio : 1;
-    this.ofsLeft4frm = is_fs
-        ? (screen.width - CmnLib_1.CmnLib.stageW * this.reso4frame * CmnLib_1.CmnLib.cvsScale) / 2
-        : 0;
-    this.ofsTop4frm = is_fs
-        ? (screen.height - CmnLib_1.CmnLib.stageH * this.reso4frame * CmnLib_1.CmnLib.cvsScale) / 2
-        : 0;
-    this.resizeFrames();
-};
+_SysWeb_path_base = new WeakMap(), _SysWeb_now_prj = new WeakMap(), _SysWeb_main = new WeakMap(), _SysWeb_hAppendFile = new WeakMap();
 
 
 /***/ }),
@@ -75119,7 +75069,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_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_sys, _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");
@@ -75140,7 +75090,7 @@ class TxtLayer extends Layer_1.Layer {
         _TxtLayer_b_alpha_isfixed.set(this, false);
         _TxtLayer_b_do.set(this, undefined);
         _TxtLayer_b_pic.set(this, '');
-        _TxtLayer_txs.set(this, new TxtStage_1.TxtStage(this.spLay, () => this.canFocus()));
+        _TxtLayer_txs.set(this, new TxtStage_1.TxtStage(this.spLay, () => this.canFocus(), __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_sys)));
         _TxtLayer_rbSpl.set(this, new RubySpliter_1.RubySpliter);
         _TxtLayer_cntBtn.set(this, new pixi_js_1.Container);
         _TxtLayer_$ch_in_style.set(this, '');
@@ -75434,12 +75384,12 @@ ${__classPrivateFieldGet(this, _TxtLayer_fncFFSStyle, "f").call(this, tx)}`;
         __classPrivateFieldGet(this, _TxtLayer_rbSpl, "f").init(__classPrivateFieldGet(this, _TxtLayer_putCh, "f"));
         this.spLay.addChild(__classPrivateFieldGet(this, _TxtLayer_cntBtn, "f"));
         __classPrivateFieldGet(this, _TxtLayer_cntBtn, "f").name = 'cntBtn';
-        const padding = 16 * CmnLib_1.CmnLib.retinaRate;
+        const padding = 16;
         this.lay({ style: `width: ${CmnLib_1.CmnLib.stageW}px; height: ${CmnLib_1.CmnLib.stageH}px; font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif; color: white; font-size: 24px; line-height: 1.5; padding: ${padding}px;`, in_style: 'default', out_style: 'default', back_clear: 'true' });
     }
-    static init(cfg, hTag, val, recText, isPageFore) {
+    static init(cfg, hTag, val, recText, isPageFore, appPixi) {
         __classPrivateFieldSet(TxtLayer, _a, cfg, "f", _TxtLayer_cfg);
-        TxtStage_1.TxtStage.init(cfg);
+        TxtStage_1.TxtStage.init(cfg, appPixi);
         __classPrivateFieldSet(TxtLayer, _a, val, "f", _TxtLayer_val);
         __classPrivateFieldSet(TxtLayer, _a, recText, "f", _TxtLayer_recText);
         __classPrivateFieldSet(TxtLayer, _a, isPageFore, "f", _TxtLayer_isPageFore);
@@ -75499,9 +75449,10 @@ ${__classPrivateFieldGet(this, _TxtLayer_fncFFSStyle, "f").call(this, tx)}`;
             ease: 'ease-out',
         });
     }
-    static setEvtMng(main, evtMng) {
+    static setEvtMng(main, evtMng, sys) {
         __classPrivateFieldSet(TxtLayer, _a, main, "f", _TxtLayer_main);
         __classPrivateFieldSet(TxtLayer, _a, evtMng, "f", _TxtLayer_evtMng);
+        __classPrivateFieldSet(TxtLayer, _a, sys, "f", _TxtLayer_sys);
         TxtStage_1.TxtStage.setEvtMng(evtMng);
     }
     destroy() {
@@ -75670,7 +75621,7 @@ _a = TxtLayer, _TxtLayer_b_color = new WeakMap(), _TxtLayer_b_alpha = new WeakMa
     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`;
-    const name = hArg.name;
+    const { name } = hArg;
     (0, CmnLib_1.addStyle)(`
 .sn_ch_in_${name} {
 	position: relative;
@@ -75692,7 +75643,7 @@ _a = TxtLayer, _TxtLayer_b_color = new WeakMap(), _TxtLayer_b_alpha = new WeakMa
     const o = TxtStage_1.TxtStage.ch_out_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`;
-    const name = hArg.name;
+    const { name } = hArg;
     (0, CmnLib_1.addStyle)(`
 .go_ch_out_${name} {
 	position: relative;
@@ -75709,41 +75660,41 @@ _a = TxtLayer, _TxtLayer_b_color = new WeakMap(), _TxtLayer_b_alpha = new WeakMa
 }, _TxtLayer_autowc = function _TxtLayer_autowc(hArg) {
     __classPrivateFieldSet(TxtLayer, _a, (0, CmnLib_1.argChk_Boolean)(hArg, 'enabled', __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_doAutoWc)), "f", _TxtLayer_doAutoWc);
     __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_val).setVal_Nochk('save', 'const.sn.autowc.enabled', __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_doAutoWc));
-    const ch = hArg.text;
+    const { text } = hArg;
     if (('text' in hArg) !== ('time' in hArg))
         throw '[autowc] textとtimeは同時指定必須です';
-    __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_val).setVal_Nochk('save', 'const.sn.autowc.text', ch);
-    if (!ch) {
+    __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_val).setVal_Nochk('save', 'const.sn.autowc.text', text);
+    if (!text) {
         __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_val).setVal_Nochk('save', 'const.sn.autowc.time', '');
         return false;
     }
-    const len = ch.length;
+    const len = text.length;
     if (__classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_doAutoWc) && len === 0)
         throw '[autowc] enabled === false かつ text === "" は許されません';
     const a = String(hArg.time).split(',');
     if (a.length !== len)
         throw '[autowc] text文字数とtimeに記述された待ち時間（コンマ区切り）は同数にして下さい';
     __classPrivateFieldSet(TxtLayer, _a, {}, "f", _TxtLayer_hAutoWc);
-    a.forEach((v, i) => __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_hAutoWc)[ch[i]] = (0, CmnLib_1.uint)(v));
+    a.forEach((v, i) => __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_hAutoWc)[text[i]] = (0, CmnLib_1.uint)(v));
     __classPrivateFieldGet(TxtLayer, _a, "f", _TxtLayer_val).setVal_Nochk('save', 'const.sn.autowc.time', hArg.time);
     return false;
 }, _TxtLayer_set_ch_in = function _TxtLayer_set_ch_in(hArg) {
-    const ins = hArg.in_style;
-    if (!ins)
+    const { in_style } = hArg;
+    if (!in_style)
         return;
-    const cis = TxtStage_1.TxtStage.getChInStyle(ins);
+    const cis = TxtStage_1.TxtStage.getChInStyle(in_style);
     if (!cis)
-        throw `存在しないin_style【${ins}】です`;
-    __classPrivateFieldSet(this, _TxtLayer_$ch_in_style, ins, "f");
+        throw `存在しないin_style【${in_style}】です`;
+    __classPrivateFieldSet(this, _TxtLayer_$ch_in_style, in_style, "f");
     __classPrivateFieldSet(this, _TxtLayer_ch_in_join, cis.join, "f");
 }, _TxtLayer_set_ch_out = function _TxtLayer_set_ch_out(hArg) {
-    const outs = hArg.out_style;
-    if (!outs)
+    const { out_style } = hArg;
+    if (!out_style)
         return;
-    const cos = TxtStage_1.TxtStage.getChOutStyle(outs);
+    const cos = TxtStage_1.TxtStage.getChOutStyle(out_style);
     if (!cos)
-        throw `存在しないout_style【${outs}】です`;
-    __classPrivateFieldSet(this, _TxtLayer_$ch_out_style, outs, "f");
+        throw `存在しないout_style【${out_style}】です`;
+    __classPrivateFieldSet(this, _TxtLayer_$ch_out_style, out_style, "f");
 }, _TxtLayer_drawBack = function _TxtLayer_drawBack(hArg, fncComp) {
     if ('back_clear' in hArg) {
         if ((0, CmnLib_1.argChk_Boolean)(hArg, 'back_clear', false)) {
@@ -75906,6 +75857,7 @@ _TxtLayer_recText = { value: void 0 };
 _TxtLayer_isPageFore = { value: void 0 };
 _TxtLayer_main = { value: void 0 };
 _TxtLayer_evtMng = { value: void 0 };
+_TxtLayer_sys = { value: void 0 };
 _TxtLayer_doAutoWc = { value: false };
 _TxtLayer_hAutoWc = { value: {} };
 TxtLayer.rec = (tx) => tx;
@@ -75932,7 +75884,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_infTL, _TxtStage_break_fixed, _TxtStage_break_fixed_left, _TxtStage_break_fixed_top, _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_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_appPixi, _TxtStage_evtMng, _TxtStage_htmTxt, _TxtStage_cntTxt, _TxtStage_grpDbgMasume, _TxtStage_idc, _TxtStage_idcCh, _TxtStage_infTL, _TxtStage_break_fixed, _TxtStage_break_fixed_left, _TxtStage_break_fixed_top, _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_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");
@@ -75945,10 +75897,11 @@ const tween_js_1 = __webpack_require__(/*! @tweenjs/tween.js */ "./node_modules/
 ;
 ;
 class TxtStage extends pixi_js_1.Container {
-    constructor(spLay, canFocus) {
+    constructor(spLay, canFocus, sys) {
         super();
         this.spLay = spLay;
         this.canFocus = canFocus;
+        this.sys = sys;
         _TxtStage_instances.add(this);
         _TxtStage_htmTxt.set(this, document.createElement('span'));
         _TxtStage_cntTxt.set(this, new pixi_js_1.Container);
@@ -75985,15 +75938,15 @@ class TxtStage extends pixi_js_1.Container {
         _TxtStage_sss.set(this, undefined);
         __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").classList.add('sn_tx');
         __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.position = 'absolute';
-        __classPrivateFieldGet(TxtStage, _a, "f", _TxtStage_cvs).parentElement.appendChild(__classPrivateFieldGet(this, _TxtStage_htmTxt, "f"));
+        __classPrivateFieldGet(TxtStage, _a, "f", _TxtStage_appPixi).view.parentElement.appendChild(__classPrivateFieldGet(this, _TxtStage_htmTxt, "f"));
         this.addChild(__classPrivateFieldGet(this, _TxtStage_cntTxt, "f"));
         this.addChild(__classPrivateFieldGet(this, _TxtStage_grpDbgMasume, "f"));
         __classPrivateFieldGet(this, _TxtStage_grpDbgMasume, "f").name = 'grpDbgMasume';
         __classPrivateFieldGet(this, _TxtStage_idc, "f").adopt(__classPrivateFieldGet(this, _TxtStage_idcCh, "f"));
     }
-    static init(cfg) {
+    static init(cfg, appPixi) {
         __classPrivateFieldSet(TxtStage, _a, cfg, "f", _TxtStage_cfg);
-        __classPrivateFieldSet(TxtStage, _a, document.getElementById(CmnLib_1.CmnLib.SN_ID), "f", _TxtStage_cvs);
+        __classPrivateFieldSet(TxtStage, _a, appPixi, "f", _TxtStage_appPixi);
         __classPrivateFieldSet(TxtStage, _a, /[、。，．）］｝〉」』】〕”〟ぁぃぅぇぉっゃゅょゎァィゥェォッャュョヮヵヶ！？!?‼⁉・ーゝゞヽヾ々]/, "f", _TxtStage_reg行頭禁則);
         __classPrivateFieldSet(TxtStage, _a, /[［（｛〈「『【〔“〝]/, "f", _TxtStage_reg行末禁則);
         __classPrivateFieldSet(TxtStage, _a, /[─‥…]/, "f", _TxtStage_reg分割禁止);
@@ -76070,9 +76023,9 @@ class TxtStage extends pixi_js_1.Container {
     }
     cvsResize() {
         const s = __classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style;
-        s.left = (__classPrivateFieldGet(this, _TxtStage_left, "f") * CmnLib_1.CmnLib.cvsScale) + 'px';
-        s.top = (this.spLay.position.y * CmnLib_1.CmnLib.cvsScale) + 'px';
-        s.transform = `rotate(${this.spLay.angle}deg) scale(${this.spLay.scale.x * CmnLib_1.CmnLib.cvsScale}, ${this.spLay.scale.y * CmnLib_1.CmnLib.cvsScale}`;
+        s.left = `${this.sys.ofsLeft4frm + __classPrivateFieldGet(this, _TxtStage_left, "f") * this.sys.cvsScale}px`;
+        s.top = `${this.sys.ofsTop4frm + this.spLay.position.y * this.sys.cvsScale}px`;
+        s.transform = `rotate(${this.spLay.angle}deg) scale(${this.spLay.scale.x * this.sys.cvsScale}, ${this.spLay.scale.y * this.sys.cvsScale})`;
         __classPrivateFieldGet(this, _TxtStage_idc, "f").cvsResize();
         __classPrivateFieldGet(this, _TxtStage_idcCh, "f").cvsResize();
     }
@@ -76113,21 +76066,21 @@ class TxtStage extends pixi_js_1.Container {
         do {
             const e = __classPrivateFieldSet(this, _TxtStage_aRect, __classPrivateFieldGet(this, _TxtStage_instances, "m", _TxtStage_getChRects).call(this, __classPrivateFieldGet(this, _TxtStage_htmTxt, "f")), "f");
             len = e.length;
-            if (CmnLib_1.CmnLib.cvsScale !== 1) {
-                const ox = CmnLib_1.CmnLib.ofsPadLeft_Dom2PIXI
+            if (this.sys.cvsScale !== 1) {
+                const ox = this.sys.ofsPadLeft_Dom2PIXI
                     + parseFloat(__classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.left)
-                        * (1 - CmnLib_1.CmnLib.cvsScale);
-                const oy = CmnLib_1.CmnLib.ofsPadTop_Dom2PIXI
+                        * (1 - this.sys.cvsScale);
+                const oy = this.sys.ofsPadTop_Dom2PIXI
                     + parseFloat(__classPrivateFieldGet(this, _TxtStage_htmTxt, "f").style.top)
-                        * (1 - CmnLib_1.CmnLib.cvsScale);
+                        * (1 - this.sys.cvsScale);
                 for (let i = 0; i < len; ++i) {
                     const r = e[i].rect;
                     r.x -= ox;
                     r.y -= oy;
-                    r.x /= CmnLib_1.CmnLib.cvsScale;
-                    r.y /= CmnLib_1.CmnLib.cvsScale;
-                    r.width /= CmnLib_1.CmnLib.cvsScale;
-                    r.height /= CmnLib_1.CmnLib.cvsScale;
+                    r.x /= this.sys.cvsScale;
+                    r.y /= this.sys.cvsScale;
+                    r.width /= this.sys.cvsScale;
+                    r.height /= this.sys.cvsScale;
                 }
             }
             if (len < 2)
@@ -76310,7 +76263,7 @@ class TxtStage extends pixi_js_1.Container {
     }
     static getChInStyle(name) { return __classPrivateFieldGet(TxtStage, _a, "f", _TxtStage_hChInStyle)[name]; }
     static ch_in_style(hArg) {
-        const name = hArg.name;
+        const { name } = hArg;
         if (!name)
             throw 'nameは必須です';
         __classPrivateFieldGet(TxtStage, _a, "f", _TxtStage_REG_NG_CHSTYLE_NAME_CHR).lastIndex = 0;
@@ -76336,7 +76289,7 @@ class TxtStage extends pixi_js_1.Container {
     }
     static getChOutStyle(name) { return __classPrivateFieldGet(TxtStage, _a, "f", _TxtStage_hChOutStyle)[name]; }
     static ch_out_style(hArg) {
-        const name = hArg.name;
+        const { name } = hArg;
         if (!name)
             throw 'nameは必須です';
         __classPrivateFieldGet(TxtStage, _a, "f", _TxtStage_REG_NG_CHSTYLE_NAME_CHR).lastIndex = 0;
@@ -76379,7 +76332,7 @@ class TxtStage extends pixi_js_1.Container {
     }
     reNew() {
         __classPrivateFieldGet(this, _TxtStage_instances, "m", _TxtStage_clearText).call(this);
-        const to = new TxtStage(this.spLay, () => this.canFocus());
+        const to = new TxtStage(this.spLay, () => this.canFocus(), this.sys);
         __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");
@@ -76832,7 +76785,7 @@ _a = TxtStage, _TxtStage_htmTxt = new WeakMap(), _TxtStage_cntTxt = new WeakMap(
     __classPrivateFieldSet(this, _TxtStage_htmTxt, n, "f");
 };
 _TxtStage_cfg = { value: void 0 };
-_TxtStage_cvs = { value: void 0 };
+_TxtStage_appPixi = { value: void 0 };
 _TxtStage_evtMng = { value: void 0 };
 _TxtStage_hWarning = { value: {
         backgroundColor: 0,
@@ -77199,7 +77152,7 @@ _a = Variable, _Variable_hScopes = new WeakMap(), _Variable_hSave = new WeakMap(
     __classPrivateFieldGet(this, _Variable_sys, "f").copyBMFolder(from, to);
     return false;
 }, _Variable_erasebookmark = function _Variable_erasebookmark(hArg) {
-    const place = hArg.place;
+    const { place } = hArg;
     if (!place)
         throw 'placeは必須です';
     delete __classPrivateFieldGet(this, _Variable_data, "f").mark[place];
@@ -77243,7 +77196,7 @@ _a = Variable, _Variable_hScopes = new WeakMap(), _Variable_hSave = new WeakMap(
     __classPrivateFieldGet(this, _Variable_instances, "m", _Variable_let).call(this, hArg);
     return false;
 }, _Variable_let_index_of = function _Variable_let_index_of(hArg) {
-    const val = hArg.val;
+    const { val } = hArg;
     if (!val)
         throw 'valは必須です';
     const start = (0, CmnLib_1.argChk_Num)(hArg, 'start', 0);
@@ -77257,7 +77210,7 @@ _a = Variable, _Variable_hScopes = new WeakMap(), _Variable_hSave = new WeakMap(
 }, _Variable_let_replace = function _Variable_let_replace(hArg) {
     if (!hArg.reg)
         throw 'regは必須です';
-    const flags = hArg.flags;
+    const { flags } = hArg;
     const reg = (!flags)
         ? new RegExp(hArg.reg)
         : new RegExp(hArg.reg, flags);
@@ -77272,7 +77225,7 @@ _a = Variable, _Variable_hScopes = new WeakMap(), _Variable_hSave = new WeakMap(
 }, _Variable_let_search = function _Variable_let_search(hArg) {
     if (!hArg.reg)
         throw 'regは必須です';
-    const flags = hArg.flags;
+    const { flags } = hArg;
     const reg = (!flags)
         ? new RegExp(hArg.reg)
         : new RegExp(hArg.reg, flags);
@@ -80386,7 +80339,7 @@ exports.ERROR_PACKET = ERROR_PACKET;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 const commons_js_1 = __webpack_require__(/*! ./commons.js */ "./node_modules/engine.io-parser/build/cjs/commons.js");
-const base64_arraybuffer_1 = __webpack_require__(/*! base64-arraybuffer */ "./node_modules/base64-arraybuffer/dist/base64-arraybuffer.es5.js");
+const base64_arraybuffer_1 = __webpack_require__(/*! @socket.io/base64-arraybuffer */ "./node_modules/@socket.io/base64-arraybuffer/dist/base64-arraybuffer.es5.js");
 const withNativeArrayBuffer = typeof ArrayBuffer === "function";
 const decodePacket = (encodedPacket, binaryType) => {
     if (typeof encodedPacket !== "string") {