@famibee/skynovel 1.27.4 → 1.27.8

package/web.js

@@ -2599,8 +2599,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /*!
- * @pixi/accessibility - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/accessibility - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/accessibility is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -3165,8 +3165,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/app - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/app - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/app is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -3462,8 +3462,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /* harmony import */ var _pixi_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @pixi/constants */ "./node_modules/@pixi/constants/dist/esm/constants.js");
 /*!
- * @pixi/compressed-textures - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/compressed-textures - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/compressed-textures is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -4724,8 +4724,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "WRAP_MODES": () => (/* binding */ WRAP_MODES)
 /* harmony export */ });
 /*!
- * @pixi/constants - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/constants - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/constants is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -5337,8 +5337,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_ticker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/ticker */ "./node_modules/@pixi/ticker/dist/esm/ticker.js");
 /* harmony import */ var _pixi_math__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @pixi/math */ "./node_modules/@pixi/math/dist/esm/math.js");
 /*!
- * @pixi/core - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/core - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/core is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -9730,6 +9730,9 @@ var FilterSystem = /** @class */ (function () {
         rect.height = y1 - y0;
     };
     FilterSystem.prototype.roundFrame = function (frame, resolution, bindingSourceFrame, bindingDestinationFrame, transform) {
+        if (frame.width <= 0 || frame.height <= 0 || bindingSourceFrame.width <= 0 || bindingSourceFrame.height <= 0) {
+            return;
+        }
         if (transform) {
             var a = transform.a, b = transform.b, c = transform.c, d = transform.d;
             // Skip if skew/rotation present in matrix, except for multiple of 90° rotation. If rotation
@@ -16371,8 +16374,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/math */ "./node_modules/@pixi/math/dist/esm/math.js");
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /*!
- * @pixi/display - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/display - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/display is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -17764,8 +17767,8 @@ var TemporaryDisplayObject = /** @class */ (function (_super) {
 DisplayObject.prototype.displayObjectUpdateTransform = DisplayObject.prototype.updateTransform;
 
 /*!
- * @pixi/constants - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/constants - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/constants is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -18896,8 +18899,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/math */ "./node_modules/@pixi/math/dist/esm/math.js");
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/extract - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/extract - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/extract is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -19125,8 +19128,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/filter-alpha - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/filter-alpha - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/filter-alpha is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -19229,8 +19232,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /* harmony import */ var _pixi_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/settings */ "./node_modules/@pixi/settings/dist/esm/settings.js");
 /*!
- * @pixi/filter-blur - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/filter-blur - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/filter-blur is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -19329,8 +19332,8 @@ function generateBlurFragSource(kernelSize) {
 }
 
 /*!
- * @pixi/constants - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/constants - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/constants is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -20147,8 +20150,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/filter-color-matrix - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/filter-color-matrix - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/filter-color-matrix is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -20708,8 +20711,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /* harmony import */ var _pixi_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/math */ "./node_modules/@pixi/math/dist/esm/math.js");
 /*!
- * @pixi/filter-displacement - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/filter-displacement - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/filter-displacement is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -20853,8 +20856,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/filter-fxaa - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/filter-fxaa - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/filter-fxaa is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -20930,8 +20933,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/filter-noise - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/filter-noise - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/filter-noise is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -21054,8 +21057,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @pixi/constants */ "./node_modules/@pixi/constants/dist/esm/constants.js");
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /*!
- * @pixi/graphics - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/graphics - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/graphics is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -23781,6 +23784,7 @@ var Graphics = /** @class */ (function (_super) {
         var data = this._geometry.graphicsData;
         return data.length === 1
             && data[0].shape.type === _pixi_math__WEBPACK_IMPORTED_MODULE_1__.SHAPES.RECT
+            && !data[0].matrix
             && !data[0].holes.length
             && !(data[0].lineStyle.visible && data[0].lineStyle.width);
     };
@@ -24128,8 +24132,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /*!
- * @pixi/interaction - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/interaction - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/interaction is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -26392,8 +26396,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/loaders - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/loaders - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/loaders is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -27776,8 +27780,8 @@ var rgxExtractUrlHash = /(#[\w-]+)?$/;
  *
  * ```js
  * const loader = PIXI.Loader.shared; // PixiJS exposes a premade instance for you to use.
- * //or
- * const loader = new PIXI.Loader(); // you can also create your own if you want
+ * // or
+ * const loader = new PIXI.Loader(); // You can also create your own if you want
  *
  * const sprites = {};
  *
@@ -27815,7 +27819,6 @@ var rgxExtractUrlHash = /(#[\w-]+)?$/;
  * loader.onComplete.add(() => {}); // called once when the queued resources all load.
  * ```
  *
- * @class Loader
  * @memberof PIXI
  */
 var Loader = /** @class */ (function () {
@@ -27827,6 +27830,35 @@ var Loader = /** @class */ (function () {
         var _this = this;
         if (baseUrl === void 0) { baseUrl = ''; }
         if (concurrency === void 0) { concurrency = 10; }
+        /**
+         * The progress percent of the loader going through the queue.
+         */
+        this.progress = 0;
+        /**
+         * Loading state of the loader, true if it is currently loading resources.
+         */
+        this.loading = false;
+        /**
+         * A querystring to append to every URL added to the loader.
+         *
+         * This should be a valid query string *without* the question-mark (`?`). The loader will
+         * also *not* escape values for you. Make sure to escape your parameters with
+         * [`encodeURIComponent`](https://mdn.io/encodeURIComponent) before assigning this property.
+         *
+         * @example
+         * const loader = new Loader();
+         *
+         * loader.defaultQueryString = 'user=me&password=secret';
+         *
+         * // This will request 'image.png?user=me&password=secret'
+         * loader.add('image.png').load();
+         *
+         * loader.reset();
+         *
+         * // This will request 'image.png?v=1&user=me&password=secret'
+         * loader.add('iamge.png?v=1').load();
+         */
+        this.defaultQueryString = '';
         /**
          * The middleware to run before loading each resource.
          */
@@ -27842,23 +27874,15 @@ var Loader = /** @class */ (function () {
         /**
          * The `_loadResource` function bound with this object context.
          *
-         * @private
-         * @member {function}
-         * @param {PIXI.LoaderResource} r - The resource to load
-         * @param {Function} d - The dequeue function
-         * @return {undefined}
+         * @param r - The resource to load
+         * @param d - The dequeue function
          */
         this._boundLoadResource = function (r, d) { return _this._loadResource(r, d); };
         /**
          * All the resources for this loader keyed by name.
-         *
-         * @member {object<string, PIXI.LoaderResource>}
          */
         this.resources = {};
         this.baseUrl = baseUrl;
-        this.progress = 0;
-        this.loading = false;
-        this.defaultQueryString = '';
         this._beforeMiddleware = [];
         this._afterMiddleware = [];
         this._resourcesParsing = [];
@@ -27885,12 +27909,13 @@ var Loader = /** @class */ (function () {
     }
     /**
      * Same as add, params have strict order
+     *
      * @private
      * @param name - The name of the resource to load.
      * @param url - The url for this resource, relative to the baseUrl of this loader.
      * @param options - The options for the load.
      * @param callback - Function to call when this specific resource completes loading.
-     * @return {this} Returns itself.
+     * @return The loader itself.
      */
     Loader.prototype._add = function (name, url, options, callback) {
         // if loading already you can only add resources that have a parent.
@@ -27936,7 +27961,7 @@ var Loader = /** @class */ (function () {
      * resource is loaded.
      *
      * @param fn - The middleware function to register.
-     * @return Returns itself.
+     * @return The loader itself.
      */
     Loader.prototype.pre = function (fn) {
         this._beforeMiddleware.push(fn);
@@ -27947,7 +27972,7 @@ var Loader = /** @class */ (function () {
      * resource is loaded.
      *
      * @param fn - The middleware function to register.
-     * @return Returns itself.
+     * @return The loader itself.
      */
     Loader.prototype.use = function (fn) {
         this._afterMiddleware.push(fn);
@@ -27956,7 +27981,7 @@ var Loader = /** @class */ (function () {
     /**
      * Resets the queue of the loader to prepare for a new load.
      *
-     * @return Returns itself.
+     * @return The loader itself.
      */
     Loader.prototype.reset = function () {
         this.progress = 0;
@@ -27978,8 +28003,8 @@ var Loader = /** @class */ (function () {
     };
     /**
      * Starts loading the queued resources.
-     * @param [cb] - Optional callback that will be bound to the `complete` event.
-     * @return Returns itself.
+     * @param cb - Optional callback that will be bound to the `complete` event.
+     * @return The loader itself.
      */
     Loader.prototype.load = function (cb) {
         // register complete callback if they pass one
@@ -28012,13 +28037,11 @@ var Loader = /** @class */ (function () {
         /**
          * The number of resources to load concurrently.
          *
-         * @member {number}
          * @default 10
          */
         get: function () {
             return this._queue.concurrency;
         },
-        // eslint-disable-next-line require-jsdoc
         set: function (concurrency) {
             this._queue.concurrency = concurrency;
         },
@@ -28063,9 +28086,8 @@ var Loader = /** @class */ (function () {
     /**
      * Loads a single resource.
      *
-     * @private
-     * @param {PIXI.LoaderResource} resource - The resource to load.
-     * @param {function} dequeue - The function to call when we need to dequeue this item.
+     * @param resource - The resource to load.
+     * @param dequeue - The function to call when we need to dequeue this item.
      */
     Loader.prototype._loadResource = function (resource, dequeue) {
         var _this = this;
@@ -28214,7 +28236,6 @@ Loader.prototype.add = function add(name, url, options, callback) {
  * import {AppLoaderPlugin} from '@pixi/loaders';
  * import {Application} from '@pixi/app';
  * Application.registerPlugin(AppLoaderPlugin);
- * @class
  * @memberof PIXI
  */
 var AppLoaderPlugin = /** @class */ (function () {
@@ -28222,19 +28243,13 @@ var AppLoaderPlugin = /** @class */ (function () {
     }
     /**
      * Called on application constructor
-     * @param {object} options
+     *
      * @private
      */
     AppLoaderPlugin.init = function (options) {
         options = Object.assign({
             sharedLoader: false,
         }, options);
-        /**
-         * Loader instance to help with asset loading.
-         * @memberof PIXI.Application#
-         * @type {PIXI.Loader}
-         * @readonly
-         */
         this.loader = options.sharedLoader ? Loader.shared : new Loader();
     };
     /**
@@ -28441,8 +28456,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "groupD8": () => (/* binding */ groupD8)
 /* harmony export */ });
 /*!
- * @pixi/math - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/math - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/math is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -30086,8 +30101,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/constants */ "./node_modules/@pixi/constants/dist/esm/constants.js");
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /*!
- * @pixi/mesh-extras - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/mesh-extras - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/mesh-extras is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -30770,8 +30785,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/settings */ "./node_modules/@pixi/settings/dist/esm/settings.js");
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /*!
- * @pixi/mesh - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/mesh - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/mesh is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -31445,8 +31460,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /* harmony import */ var _pixi_settings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @pixi/settings */ "./node_modules/@pixi/settings/dist/esm/settings.js");
 /*!
- * @pixi/mixin-cache-as-bitmap - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/mixin-cache-as-bitmap - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/mixin-cache-as-bitmap is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -31459,8 +31474,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*!
- * @pixi/constants - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/constants - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/constants is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -32365,8 +32380,8 @@ _pixi_display__WEBPACK_IMPORTED_MODULE_2__.DisplayObject.prototype._cacheAsBitma
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /*!
- * @pixi/mixin-get-child-by-name - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/mixin-get-child-by-name - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/mixin-get-child-by-name is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -32427,8 +32442,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /* harmony import */ var _pixi_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/math */ "./node_modules/@pixi/math/dist/esm/math.js");
 /*!
- * @pixi/mixin-get-global-position - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/mixin-get-global-position - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/mixin-get-global-position is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -32482,8 +32497,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @pixi/core */ "./node_modules/@pixi/core/dist/esm/core.js");
 /* harmony import */ var _pixi_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/math */ "./node_modules/@pixi/math/dist/esm/math.js");
 /*!
- * @pixi/particle-container - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/particle-container - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/particle-container is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -32546,16 +32561,14 @@ function __extends(d, b) {
  *
  * And here you have a hundred sprites that will be rendered at the speed of light.
  *
- * @class
- * @extends PIXI.Container
  * @memberof PIXI
  */
 var ParticleContainer = /** @class */ (function (_super) {
     __extends(ParticleContainer, _super);
     /**
-     * @param {number} [maxSize=1500] - The maximum number of particles that can be rendered by the container.
+     * @param maxSize - The maximum number of particles that can be rendered by the container.
      *  Affects size of allocated buffers.
-     * @param {object} [properties] - The properties of children that should be uploaded to the gpu and applied.
+     * @param properties - The properties of children that should be uploaded to the gpu and applied.
      * @param {boolean} [properties.vertices=false] - When true, vertices be uploaded and applied.
      *                  if sprite's ` scale/anchor/trim/frame/orig` is dynamic, please set `true`.
      * @param {boolean} [properties.position=true] - When true, position be uploaded and applied.
@@ -32578,86 +32591,18 @@ var ParticleContainer = /** @class */ (function (_super) {
         if (batchSize > maxBatchSize) {
             batchSize = maxBatchSize;
         }
-        /**
-         * Set properties to be dynamic (true) / static (false)
-         *
-         * @member {boolean[]}
-         * @private
-         */
         _this._properties = [false, true, false, false, false];
-        /**
-         * @member {number}
-         * @private
-         */
         _this._maxSize = maxSize;
-        /**
-         * @member {number}
-         * @private
-         */
         _this._batchSize = batchSize;
-        /**
-         * @member {Array<PIXI.Buffer>}
-         * @private
-         */
         _this._buffers = null;
-        /**
-         * for every batch stores _updateID corresponding to the last change in that batch
-         * @member {number[]}
-         * @private
-         */
         _this._bufferUpdateIDs = [];
-        /**
-         * when child inserted, removed or changes position this number goes up
-         * @member {number[]}
-         * @private
-         */
         _this._updateID = 0;
-        /**
-         * @member {boolean}
-         *
-         */
         _this.interactiveChildren = false;
-        /**
-         * The blend mode to be applied to the sprite. Apply a value of `PIXI.BLEND_MODES.NORMAL`
-         * to reset the blend mode.
-         *
-         * @member {number}
-         * @default PIXI.BLEND_MODES.NORMAL
-         * @see PIXI.BLEND_MODES
-         */
         _this.blendMode = _pixi_constants__WEBPACK_IMPORTED_MODULE_0__.BLEND_MODES.NORMAL;
-        /**
-         * If true, container allocates more batches in case there are more than `maxSize` particles.
-         * @member {boolean}
-         * @default false
-         */
         _this.autoResize = autoResize;
-        /**
-         * If true PixiJS will Math.floor() x/y values when rendering, stopping pixel interpolation.
-         * Advantages can include sharper image quality (like text) and faster rendering on canvas.
-         * The main disadvantage is movement of objects may appear less smooth.
-         * Default to true here as performance is usually the priority for particles.
-         *
-         * @member {boolean}
-         * @default true
-         */
         _this.roundPixels = true;
-        /**
-         * The texture used to render the children.
-         *
-         * @readonly
-         * @member {PIXI.BaseTexture}
-         */
         _this.baseTexture = null;
         _this.setProperties(properties);
-        /**
-         * The tint applied to the container.
-         * This is a hex value. A value of 0xFFFFFF will remove any tint effect.
-         *
-         * @private
-         * @member {number}
-         * @default 0xFFFFFF
-         */
         _this._tint = 0;
         _this.tintRgb = new Float32Array(4);
         _this.tint = 0xFFFFFF;
@@ -32666,7 +32611,7 @@ var ParticleContainer = /** @class */ (function (_super) {
     /**
      * Sets the private properties array to dynamic / static based on the passed properties object
      *
-     * @param {object} properties - The properties to be uploaded
+     * @param properties - The properties to be uploaded
      */
     ParticleContainer.prototype.setProperties = function (properties) {
         if (properties) {
@@ -32679,11 +32624,6 @@ var ParticleContainer = /** @class */ (function (_super) {
                 ? !!properties.tint || !!properties.alpha : this._properties[4];
         }
     };
-    /**
-     * Updates the object transform for rendering
-     *
-     * @private
-     */
     ParticleContainer.prototype.updateTransform = function () {
         // TODO don't need to!
         this.displayObjectUpdateTransform();
@@ -32692,8 +32632,8 @@ var ParticleContainer = /** @class */ (function (_super) {
         /**
          * The tint applied to the container. This is a hex value.
          * A value of 0xFFFFFF will remove any tint effect.
-         ** IMPORTANT: This is a WebGL only feature and will be ignored by the canvas renderer.
-         * @member {number}
+         * IMPORTANT: This is a WebGL only feature and will be ignored by the canvas renderer.
+         *
          * @default 0xFFFFFF
          */
         get: function () {
@@ -32707,10 +32647,9 @@ var ParticleContainer = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * Renders the container using the WebGL renderer
+     * Renders the container using the WebGL renderer.
      *
-     * @private
-     * @param {PIXI.Renderer} renderer - The webgl renderer
+     * @param renderer - The WebGL renderer.
      */
     ParticleContainer.prototype.render = function (renderer) {
         var _this = this;
@@ -32729,8 +32668,7 @@ var ParticleContainer = /** @class */ (function (_super) {
     /**
      * Set the flag that static data should be updated to true
      *
-     * @private
-     * @param {number} smallestChildIndex - The smallest child index
+     * @param smallestChildIndex - The smallest child index.
      */
     ParticleContainer.prototype.onChildrenChange = function (smallestChildIndex) {
         var bufferIndex = Math.floor(smallestChildIndex / this._batchSize);
@@ -32750,7 +32688,7 @@ var ParticleContainer = /** @class */ (function (_super) {
     /**
      * Destroys the container
      *
-     * @param {object|boolean} [options] - Options parameter. A boolean will act as if all options
+     * @param options - Options parameter. A boolean will act as if all options
      *  have been set to that value
      * @param {boolean} [options.children=false] - if set to true, all the children will have their
      *  destroy method called as well. 'options' will be passed on to those calls.
@@ -32783,13 +32721,11 @@ var ParticleContainer = /** @class */ (function (_super) {
 /**
  * The particle buffer manages the static and dynamic buffers for a particle container.
  *
- * @class
  * @private
  * @memberof PIXI
  */
 var ParticleBuffer = /** @class */ (function () {
     /**
-     * @private
      * @param {object} properties - The properties to upload.
      * @param {boolean[]} dynamicPropertyFlags - Flags for which properties are dynamic.
      * @param {number} size - The size of the batch.
@@ -32797,26 +32733,8 @@ var ParticleBuffer = /** @class */ (function () {
     function ParticleBuffer(properties, dynamicPropertyFlags, size) {
         this.geometry = new _pixi_core__WEBPACK_IMPORTED_MODULE_3__.Geometry();
         this.indexBuffer = null;
-        /**
-         * The number of particles the buffer can hold
-         *
-         * @private
-         * @member {number}
-         */
         this.size = size;
-        /**
-         * A list of the properties that are dynamic.
-         *
-         * @private
-         * @member {object[]}
-         */
         this.dynamicProperties = [];
-        /**
-         * A list of the properties that are static.
-         *
-         * @private
-         * @member {object[]}
-         */
         this.staticProperties = [];
         for (var i = 0; i < properties.length; ++i) {
             var property = properties[i];
@@ -32847,20 +32765,10 @@ var ParticleBuffer = /** @class */ (function () {
         this._updateID = 0;
         this.initBuffers();
     }
-    /**
-     * Sets up the renderer context and necessary buffers.
-     *
-     * @private
-     */
+    /** Sets up the renderer context and necessary buffers. */
     ParticleBuffer.prototype.initBuffers = function () {
         var geometry = this.geometry;
         var dynamicOffset = 0;
-        /**
-         * Holds the indices of the geometry (quads) to draw
-         *
-         * @member {Uint16Array}
-         * @private
-         */
         this.indexBuffer = new _pixi_core__WEBPACK_IMPORTED_MODULE_3__.Buffer((0,_pixi_utils__WEBPACK_IMPORTED_MODULE_2__.createIndicesForQuads)(this.size), true, true);
         geometry.addIndex(this.indexBuffer);
         this.dynamicStride = 0;
@@ -32899,10 +32807,9 @@ var ParticleBuffer = /** @class */ (function () {
     /**
      * Uploads the dynamic properties.
      *
-     * @private
-     * @param {PIXI.DisplayObject[]} children - The children to upload.
-     * @param {number} startIndex - The index to start at.
-     * @param {number} amount - The number to upload.
+     * @param children - The children to upload.
+     * @param startIndex - The index to start at.
+     * @param amount - The number to upload.
      */
     ParticleBuffer.prototype.uploadDynamic = function (children, startIndex, amount) {
         for (var i = 0; i < this.dynamicProperties.length; i++) {
@@ -32914,10 +32821,9 @@ var ParticleBuffer = /** @class */ (function () {
     /**
      * Uploads the static properties.
      *
-     * @private
-     * @param {PIXI.DisplayObject[]} children - The children to upload.
-     * @param {number} startIndex - The index to start at.
-     * @param {number} amount - The number to upload.
+     * @param children - The children to upload.
+     * @param startIndex - The index to start at.
+     * @param amount - The number to upload.
      */
     ParticleBuffer.prototype.uploadStatic = function (children, startIndex, amount) {
         for (var i = 0; i < this.staticProperties.length; i++) {
@@ -32926,11 +32832,7 @@ var ParticleBuffer = /** @class */ (function () {
         }
         this.staticBuffer._updateID++;
     };
-    /**
-     * Destroys the ParticleBuffer.
-     *
-     * @private
-     */
+    /** Destroys the ParticleBuffer. */
     ParticleBuffer.prototype.destroy = function () {
         this.indexBuffer = null;
         this.dynamicProperties = null;
@@ -32965,13 +32867,12 @@ var vertex = "attribute vec2 aVertexPosition;\nattribute vec2 aTextureCoord;\nat
 /**
  * Renderer for Particles that is designer for speed over feature set.
  *
- * @class
  * @memberof PIXI
  */
 var ParticleRenderer = /** @class */ (function (_super) {
     __extends(ParticleRenderer, _super);
     /**
-     * @param {PIXI.Renderer} renderer - The renderer this sprite batch works for.
+     * @param renderer - The renderer this sprite batch works for.
      */
     function ParticleRenderer(renderer) {
         var _this = _super.call(this, renderer) || this;
@@ -32980,11 +32881,6 @@ var ParticleRenderer = /** @class */ (function (_super) {
         // and max number of element in the index buffer is 16384 * 6 = 98304
         // Creating a full index buffer, overhead is 98304 * 2 = 196Ko
         // let numIndices = 98304;
-        /**
-         * The default shader that is used if a sprite doesn't have a more specific one.
-         *
-         * @member {PIXI.Shader}
-         */
         _this.shader = null;
         _this.properties = null;
         _this.tempMatrix = new _pixi_math__WEBPACK_IMPORTED_MODULE_4__.Matrix();
@@ -33026,19 +32922,13 @@ var ParticleRenderer = /** @class */ (function (_super) {
                 offset: 0,
             } ];
         _this.shader = _pixi_core__WEBPACK_IMPORTED_MODULE_3__.Shader.from(vertex, fragment, {});
-        /**
-         * The WebGL state in which this renderer will work.
-         *
-         * @member {PIXI.State}
-         * @readonly
-         */
         _this.state = _pixi_core__WEBPACK_IMPORTED_MODULE_3__.State.for2d();
         return _this;
     }
     /**
      * Renders the particle container object.
      *
-     * @param {PIXI.ParticleContainer} container - The container to render using this ParticleRenderer
+     * @param container - The container to render using this ParticleRenderer.
      */
     ParticleRenderer.prototype.render = function (container) {
         var children = container.children;
@@ -33093,11 +32983,10 @@ var ParticleRenderer = /** @class */ (function (_super) {
         }
     };
     /**
-     * Creates one particle buffer for each child in the container we want to render and updates internal properties
+     * Creates one particle buffer for each child in the container we want to render and updates internal properties.
      *
-     * @param {PIXI.ParticleContainer} container - The container to render using this ParticleRenderer
-     * @return {PIXI.ParticleBuffer[]} The buffers
-     * @private
+     * @param container - The container to render using this ParticleRenderer
+     * @return - The buffers
      */
     ParticleRenderer.prototype.generateBuffers = function (container) {
         var buffers = [];
@@ -33110,11 +32999,10 @@ var ParticleRenderer = /** @class */ (function (_super) {
         return buffers;
     };
     /**
-     * Creates one more particle buffer, because container has autoResize feature
+     * Creates one more particle buffer, because container has autoResize feature.
      *
-     * @param {PIXI.ParticleContainer} container - The container to render using this ParticleRenderer
-     * @return {PIXI.ParticleBuffer} generated buffer
-     * @private
+     * @param container - The container to render using this ParticleRenderer
+     * @return - The generated buffer
      */
     ParticleRenderer.prototype._generateOneMoreBuffer = function (container) {
         var batchSize = container._batchSize;
@@ -33124,12 +33012,12 @@ var ParticleRenderer = /** @class */ (function (_super) {
     /**
      * Uploads the vertices.
      *
-     * @param {PIXI.DisplayObject[]} children - the array of display objects to render
-     * @param {number} startIndex - the index to start from in the children array
-     * @param {number} amount - the amount of children that will have their vertices uploaded
-     * @param {number[]} array - The vertices to upload.
-     * @param {number} stride - Stride to use for iteration.
-     * @param {number} offset - Offset to start at.
+     * @param children - the array of display objects to render
+     * @param startIndex - the index to start from in the children array
+     * @param amount - the amount of children that will have their vertices uploaded
+     * @param array - The vertices to upload.
+     * @param stride - Stride to use for iteration.
+     * @param offset - Offset to start at.
      */
     ParticleRenderer.prototype.uploadVertices = function (children, startIndex, amount, array, stride, offset) {
         var w0 = 0;
@@ -33171,12 +33059,12 @@ var ParticleRenderer = /** @class */ (function (_super) {
     /**
      * Uploads the position.
      *
-     * @param {PIXI.DisplayObject[]} children - the array of display objects to render
-     * @param {number} startIndex - the index to start from in the children array
-     * @param {number} amount - the amount of children that will have their positions uploaded
-     * @param {number[]} array - The vertices to upload.
-     * @param {number} stride - Stride to use for iteration.
-     * @param {number} offset - Offset to start at.
+     * @param children - the array of display objects to render
+     * @param startIndex - the index to start from in the children array
+     * @param amount - the amount of children that will have their positions uploaded
+     * @param array - The vertices to upload.
+     * @param stride - Stride to use for iteration.
+     * @param offset - Offset to start at.
      */
     ParticleRenderer.prototype.uploadPosition = function (children, startIndex, amount, array, stride, offset) {
         for (var i = 0; i < amount; i++) {
@@ -33195,12 +33083,12 @@ var ParticleRenderer = /** @class */ (function (_super) {
     /**
      * Uploads the rotation.
      *
-     * @param {PIXI.DisplayObject[]} children - the array of display objects to render
-     * @param {number} startIndex - the index to start from in the children array
-     * @param {number} amount - the amount of children that will have their rotation uploaded
-     * @param {number[]} array - The vertices to upload.
-     * @param {number} stride - Stride to use for iteration.
-     * @param {number} offset - Offset to start at.
+     * @param children - the array of display objects to render
+     * @param startIndex - the index to start from in the children array
+     * @param amount - the amount of children that will have their rotation uploaded
+     * @param array - The vertices to upload.
+     * @param stride - Stride to use for iteration.
+     * @param offset - Offset to start at.
      */
     ParticleRenderer.prototype.uploadRotation = function (children, startIndex, amount, array, stride, offset) {
         for (var i = 0; i < amount; i++) {
@@ -33213,14 +33101,14 @@ var ParticleRenderer = /** @class */ (function (_super) {
         }
     };
     /**
-     * Uploads the Uvs
+     * Uploads the UVs.
      *
-     * @param {PIXI.DisplayObject[]} children - the array of display objects to render
-     * @param {number} startIndex - the index to start from in the children array
-     * @param {number} amount - the amount of children that will have their rotation uploaded
-     * @param {number[]} array - The vertices to upload.
-     * @param {number} stride - Stride to use for iteration.
-     * @param {number} offset - Offset to start at.
+     * @param children - the array of display objects to render
+     * @param startIndex - the index to start from in the children array
+     * @param amount - the amount of children that will have their rotation uploaded
+     * @param array - The vertices to upload.
+     * @param stride - Stride to use for iteration.
+     * @param offset - Offset to start at.
      */
     ParticleRenderer.prototype.uploadUvs = function (children, startIndex, amount, array, stride, offset) {
         for (var i = 0; i < amount; ++i) {
@@ -33253,12 +33141,12 @@ var ParticleRenderer = /** @class */ (function (_super) {
     /**
      * Uploads the tint.
      *
-     * @param {PIXI.DisplayObject[]} children - the array of display objects to render
-     * @param {number} startIndex - the index to start from in the children array
-     * @param {number} amount - the amount of children that will have their rotation uploaded
-     * @param {number[]} array - The vertices to upload.
-     * @param {number} stride - Stride to use for iteration.
-     * @param {number} offset - Offset to start at.
+     * @param children - the array of display objects to render
+     * @param startIndex - the index to start from in the children array
+     * @param amount - the amount of children that will have their rotation uploaded
+     * @param array - The vertices to upload.
+     * @param stride - Stride to use for iteration.
+     * @param offset - Offset to start at.
      */
     ParticleRenderer.prototype.uploadTint = function (children, startIndex, amount, array, stride, offset) {
         for (var i = 0; i < amount; ++i) {
@@ -33275,9 +33163,7 @@ var ParticleRenderer = /** @class */ (function (_super) {
             offset += stride * 4;
         }
     };
-    /**
-     * Destroys the ParticleRenderer.
-     */
+    /** Destroys the ParticleRenderer. */
     ParticleRenderer.prototype.destroy = function () {
         _super.prototype.destroy.call(this);
         if (this.shader) {
@@ -33307,8 +33193,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var object_assign__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! object-assign */ "./node_modules/object-assign/index.js");
 /* harmony import */ var object_assign__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(object_assign__WEBPACK_IMPORTED_MODULE_1__);
 /*!
- * @pixi/polyfill - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/polyfill - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/polyfill is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -33444,8 +33330,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /* harmony import */ var _pixi_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @pixi/text */ "./node_modules/@pixi/text/dist/esm/text.js");
 /*!
- * @pixi/prepare - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/prepare - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/prepare is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -34017,8 +33903,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Runner": () => (/* binding */ Runner)
 /* harmony export */ });
 /*!
- * @pixi/runner - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/runner - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/runner is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -34225,8 +34111,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var ismobilejs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ismobilejs */ "./node_modules/ismobilejs/esm/index.js");
 /*!
- * @pixi/settings - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/settings - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/settings is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -34289,8 +34175,8 @@ function canUploadSameBuffer() {
 }
 
 /*!
- * @pixi/constants - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/constants - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/constants is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -35089,8 +34975,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_sprite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @pixi/sprite */ "./node_modules/@pixi/sprite/dist/esm/sprite.js");
 /* harmony import */ var _pixi_ticker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pixi/ticker */ "./node_modules/@pixi/ticker/dist/esm/ticker.js");
 /*!
- * @pixi/sprite-animated - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/sprite-animated - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/sprite-animated is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -35463,8 +35349,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @pixi/constants */ "./node_modules/@pixi/constants/dist/esm/constants.js");
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /*!
- * @pixi/sprite-tiling - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/sprite-tiling - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/sprite-tiling is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -35852,8 +35738,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/settings */ "./node_modules/@pixi/settings/dist/esm/settings.js");
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /*!
- * @pixi/sprite - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/sprite - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/sprite is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -36114,17 +36000,20 @@ var Sprite = /** @class */ (function (_super) {
     Sprite.prototype.getLocalBounds = function (rect) {
         // we can do a fast local bounds if the sprite has no children!
         if (this.children.length === 0) {
-            this._bounds.minX = this._texture.orig.width * -this._anchor._x;
-            this._bounds.minY = this._texture.orig.height * -this._anchor._y;
-            this._bounds.maxX = this._texture.orig.width * (1 - this._anchor._x);
-            this._bounds.maxY = this._texture.orig.height * (1 - this._anchor._y);
+            if (!this._localBounds) {
+                this._localBounds = new _pixi_display__WEBPACK_IMPORTED_MODULE_2__.Bounds();
+            }
+            this._localBounds.minX = this._texture.orig.width * -this._anchor._x;
+            this._localBounds.minY = this._texture.orig.height * -this._anchor._y;
+            this._localBounds.maxX = this._texture.orig.width * (1 - this._anchor._x);
+            this._localBounds.maxY = this._texture.orig.height * (1 - this._anchor._y);
             if (!rect) {
                 if (!this._localBoundsRect) {
                     this._localBoundsRect = new _pixi_math__WEBPACK_IMPORTED_MODULE_3__.Rectangle();
                 }
                 rect = this._localBoundsRect;
             }
-            return this._bounds.getRectangle(rect);
+            return this._localBounds.getRectangle(rect);
         }
         return _super.prototype.getLocalBounds.call(this, rect);
     };
@@ -36332,8 +36221,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /* harmony import */ var _pixi_loaders__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @pixi/loaders */ "./node_modules/@pixi/loaders/dist/esm/loaders.js");
 /*!
- * @pixi/spritesheet - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/spritesheet - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/spritesheet is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -36679,8 +36568,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_display__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @pixi/display */ "./node_modules/@pixi/display/dist/esm/display.js");
 /* harmony import */ var _pixi_loaders__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @pixi/loaders */ "./node_modules/@pixi/loaders/dist/esm/loaders.js");
 /*!
- * @pixi/text-bitmap - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/text-bitmap - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/text-bitmap is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -37105,13 +36994,15 @@ function drawGlyph(canvas, context, metrics, x, y, resolution, style) {
     // set canvas text styles
     context.fillStyle = generateFillStyle(canvas, context, style, resolution, [char], metrics);
     context.strokeStyle = style.stroke;
-    var dropShadowColor = style.dropShadowColor;
-    var rgb = (0,_pixi_utils__WEBPACK_IMPORTED_MODULE_3__.hex2rgb)(typeof dropShadowColor === 'number' ? dropShadowColor : (0,_pixi_utils__WEBPACK_IMPORTED_MODULE_3__.string2hex)(dropShadowColor));
     if (style.dropShadow) {
+        var dropShadowColor = style.dropShadowColor;
+        var rgb = (0,_pixi_utils__WEBPACK_IMPORTED_MODULE_3__.hex2rgb)(typeof dropShadowColor === 'number' ? dropShadowColor : (0,_pixi_utils__WEBPACK_IMPORTED_MODULE_3__.string2hex)(dropShadowColor));
+        var dropShadowBlur = style.dropShadowBlur * resolution;
+        var dropShadowDistance = style.dropShadowDistance * resolution;
         context.shadowColor = "rgba(" + rgb[0] * 255 + "," + rgb[1] * 255 + "," + rgb[2] * 255 + "," + style.dropShadowAlpha + ")";
-        context.shadowBlur = style.dropShadowBlur;
-        context.shadowOffsetX = Math.cos(style.dropShadowAngle) * style.dropShadowDistance;
-        context.shadowOffsetY = Math.sin(style.dropShadowAngle) * style.dropShadowDistance;
+        context.shadowBlur = dropShadowBlur;
+        context.shadowOffsetX = Math.cos(style.dropShadowAngle) * dropShadowDistance;
+        context.shadowOffsetY = Math.sin(style.dropShadowAngle) * dropShadowDistance;
     }
     else {
         context.shadowColor = 'black';
@@ -38301,8 +38192,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @pixi/math */ "./node_modules/@pixi/math/dist/esm/math.js");
 /* harmony import */ var _pixi_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/utils */ "./node_modules/@pixi/utils/dist/esm/utils.js");
 /*!
- * @pixi/text - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/text - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/text is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -39806,10 +39697,12 @@ var Text = /** @class */ (function (_super) {
                 context.strokeStyle = 'black';
                 var dropShadowColor = style.dropShadowColor;
                 var rgb = (0,_pixi_utils__WEBPACK_IMPORTED_MODULE_4__.hex2rgb)(typeof dropShadowColor === 'number' ? dropShadowColor : (0,_pixi_utils__WEBPACK_IMPORTED_MODULE_4__.string2hex)(dropShadowColor));
+                var dropShadowBlur = style.dropShadowBlur * this._resolution;
+                var dropShadowDistance = style.dropShadowDistance * this._resolution;
                 context.shadowColor = "rgba(" + rgb[0] * 255 + "," + rgb[1] * 255 + "," + rgb[2] * 255 + "," + style.dropShadowAlpha + ")";
-                context.shadowBlur = style.dropShadowBlur;
-                context.shadowOffsetX = Math.cos(style.dropShadowAngle) * style.dropShadowDistance;
-                context.shadowOffsetY = (Math.sin(style.dropShadowAngle) * style.dropShadowDistance) + dsOffsetShadow;
+                context.shadowBlur = dropShadowBlur;
+                context.shadowOffsetX = Math.cos(style.dropShadowAngle) * dropShadowDistance;
+                context.shadowOffsetY = (Math.sin(style.dropShadowAngle) * dropShadowDistance) + dsOffsetShadow;
             }
             else {
                 // set canvas text styles
@@ -39899,7 +39792,11 @@ var Text = /** @class */ (function (_super) {
             else {
                 this.context.fillText(currentChar, currentPosition, y);
             }
-            currentWidth = this.context.measureText(text.substring(i + 1)).width;
+            var textStr = '';
+            for (var j = i + 1; j < stringArray.length; ++j) {
+                textStr += stringArray[j];
+            }
+            currentWidth = this.context.measureText(textStr).width;
             currentPosition += previousWidth - currentWidth + letterSpacing;
             previousWidth = currentWidth;
         }
@@ -40222,8 +40119,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _pixi_settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @pixi/settings */ "./node_modules/@pixi/settings/dist/esm/settings.js");
 /*!
- * @pixi/ticker - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/ticker - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/ticker is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -40435,7 +40332,7 @@ var Ticker = /** @class */ (function () {
         this._maxElapsedMS = 100;
         /**
          * Internal value managed by minFPS property setter and getter.
-         * This is the maximum allowed milliseconds between updates.
+         * This is the minimum allowed milliseconds between updates.
          */
         this._minElapsedMS = 0;
         /** If enabled, deleting is disabled.*/
@@ -41027,8 +40924,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var url__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! url */ "./node_modules/url/url.js");
 /* harmony import */ var _pixi_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @pixi/constants */ "./node_modules/@pixi/constants/dist/esm/constants.js");
 /*!
- * @pixi/utils - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/utils - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * @pixi/utils is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -41092,7 +40989,7 @@ _pixi_settings__WEBPACK_IMPORTED_MODULE_0__.settings.RETINA_PREFIX = /@([0-9\.]+
 _pixi_settings__WEBPACK_IMPORTED_MODULE_0__.settings.FAIL_IF_MAJOR_PERFORMANCE_CAVEAT = false;
 
 var saidHello = false;
-var VERSION = '6.2.1';
+var VERSION = '6.2.2';
 /**
  * Skips the hello message of renderers that are created after this is run.
  *
@@ -49158,8 +49055,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pixi_text__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! @pixi/text */ "./node_modules/@pixi/text/dist/esm/text.js");
 /* harmony import */ var _pixi_settings__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! @pixi/settings */ "./node_modules/@pixi/settings/dist/esm/settings.js");
 /*!
- * pixi.js - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * pixi.js - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
  * pixi.js is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -49240,7 +49137,7 @@ _pixi_app__WEBPACK_IMPORTED_MODULE_4__.Application.registerPlugin(_pixi_loaders_
  * @name VERSION
  * @type {string}
  */
-var VERSION = '6.2.1';
+var VERSION = '6.2.2';
 /**
  * @namespace PIXI
  */
@@ -67685,63 +67582,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 +67594,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 +68063,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 +68107,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 * DesignCast.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 +68154,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 +68235,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 +68245,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 +68256,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 +68301,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 +68324,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 +68373,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 +68450,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 +68592,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 +68620,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 +68636,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 +68867,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 +68903,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 +69289,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.ofsLeft4elm + rctBtn.x * this.sys.cvsScale}px`;
+    __classPrivateFieldGet(this, _EventMng_cvsHint, "f").style.top = `${this.sys.ofsTop4elm + 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 +69461,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 +69474,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 +69481,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 +69791,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.ofsLeft4elm + x * this.sys.cvsScale}px`;
+            f.style.top = `${this.sys.ofsTop4elm + 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.ofsLeft4elm + rct.x * this.sys.cvsScale}px; top: ${this.sys.ofsTop4elm + 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 +69842,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 +69864,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.ofsLeft4elm + rct.x * this.sys.cvsScale}px`;
+        s.top = `${this.sys.ofsTop4elm + 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 +69990,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 +70004,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.ofsLeft4elm + hNow.x * this.sys.cvsScale + 'px';
+            f.style.top = this.sys.ofsTop4elm + 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 +70184,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 +70210,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 +70219,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 +70320,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 +70431,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 +70530,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 +70746,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 +70864,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 +70889,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 +70926,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 +71093,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 +71108,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 +71393,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 +71412,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 +71474,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 +71786,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 +71799,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 +71812,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 +71871,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 +71942,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 +71974,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 +72051,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 +72071,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 +73225,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 +73283,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 +73303,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 +73320,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 +73389,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 +73420,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 +73696,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 +73946,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 +73965,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 +74016,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 +74215,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 +74224,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 +74247,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 +74317,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_ofsLeft4elm, _SysBase_ofsTop4elm, _SysBase_ofsPadLeft_Dom2PIXI, _SysBase_ofsPadTop_Dom2PIXI, _SysBase_sk, _SysBase_hHook, _SysBase_hToastDat, _SysBase_aFncHook, _SysBase_main_title, _SysBase_tglFlscr, _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 +74329,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_ofsLeft4elm.set(this, 0);
+        _SysBase_ofsTop4elm.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 +74378,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");
@@ -74565,7 +74386,24 @@ class SysBase {
             return false;
         };
         _SysBase_main_title.set(this, '');
-        this.tgl_full_scr = () => false;
+        _SysBase_tglFlscr.set(this, hArg => {
+            if (!hArg.key) {
+                this.tglFlscr_sub();
+                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();
+                this.tglFlscr_sub();
+            }, { passive: true });
+            return false;
+        });
         this.update_check = () => false;
         this.window = () => false;
         _SysBase_info_title.set(this, '');
@@ -74604,8 +74442,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;
@@ -74648,12 +74484,13 @@ class SysBase {
         hTag.import = o => this._import(o);
         hTag.navigate_to = o => this.navigate_to(o);
         hTag.title = o => this.title(o);
-        hTag.toggle_full_screen = o => this.tgl_full_scr(o);
+        hTag.toggle_full_screen = o => __classPrivateFieldGet(this, _SysBase_tglFlscr, "f").call(this, o);
         hTag.update_check = o => this.update_check(o);
         hTag.window = o => this.window(o);
         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 +74520,79 @@ class SysBase {
             }));
         return a;
     }
+    get cvsWidth() { return __classPrivateFieldGet(this, _SysBase_cvsWidth, "f"); }
+    ;
+    get cvsHeight() { return __classPrivateFieldGet(this, _SysBase_cvsHeight, "f"); }
+    ;
+    get cvsScale() { return __classPrivateFieldGet(this, _SysBase_cvsScale, "f"); }
+    ;
+    get ofsLeft4elm() { return __classPrivateFieldGet(this, _SysBase_ofsLeft4elm, "f"); }
+    ;
+    get ofsTop4elm() { return __classPrivateFieldGet(this, _SysBase_ofsTop4elm, "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 ((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.isApp && this.isFullScr) {
+            s.width = s.height = '';
+        }
+        else {
+            s.width = ps.width;
+            s.height = ps.height;
+        }
+        __classPrivateFieldSet(this, _SysBase_ofsLeft4elm, cr.left, "f");
+        __classPrivateFieldSet(this, _SysBase_ofsTop4elm, cr.top, "f");
+        if (this.isFullScr) {
+            __classPrivateFieldSet(this, _SysBase_ofsLeft4elm, __classPrivateFieldGet(this, _SysBase_ofsLeft4elm, "f") + (w - __classPrivateFieldGet(this, _SysBase_cvsWidth, "f")) / 2, "f");
+            __classPrivateFieldSet(this, _SysBase_ofsTop4elm, __classPrivateFieldGet(this, _SysBase_ofsTop4elm, "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,28 +74637,26 @@ 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); }
     titleSub(_txt) { }
+    tglFlscr_sub() { }
     setTitleInfo(txt) {
         __classPrivateFieldSet(this, _SysBase_info_title, txt, "f");
         this.titleSub(__classPrivateFieldGet(this, _SysBase_main_title, "f") + __classPrivateFieldGet(this, _SysBase_info_title, "f"));
@@ -74765,28 +74673,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_ofsLeft4elm = new WeakMap(), _SysBase_ofsTop4elm = 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_tglFlscr = 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 +74711,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 +74722,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 +74791,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 +74804,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 +74859,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 +74904,20 @@ class SysWeb extends SysBase_1.SysBase {
     }
     init(hTag, appPixi, val, main) {
         super.init(hTag, appPixi, val, main);
+        const pCvs = appPixi.view.parentElement;
+        if ('requestFullscreen' in document.body) {
+            this.tglFlscr_sub = () => this.isFullScr
+                ? document.exitFullscreen()
+                : pCvs.requestFullscreen();
+            document.addEventListener('fullscreenchange', () => this.isFullScr = Boolean(document.fullscreenElement));
+        }
+        else {
+            const doc = document;
+            this.tglFlscr_sub = () => this.isFullScr
+                ? doc.webkitCancelFullScreen()
+                : pCvs.webkitRequestFullscreen();
+            document.addEventListener('fullscreenchange', () => this.isFullScr = Boolean(doc.webkitFullscreenElement));
+        }
         if (!this.cfg.oCfg.debug.devtool)
             window.addEventListener('devtoolschange', e => {
                 if (!e.detail.isOpen)
@@ -75082,20 +74950,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 +74974,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 +74995,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 +75289,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 +75354,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 +75526,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 +75548,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 +75565,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 +75762,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 +75789,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 +75802,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 +75843,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 +75928,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.ofsLeft4elm + __classPrivateFieldGet(this, _TxtStage_left, "f") * this.sys.cvsScale}px`;
+        s.top = `${this.sys.ofsTop4elm + 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 +75971,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 +76168,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 +76194,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 +76237,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 +76690,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 +77057,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 +77101,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 +77115,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 +77130,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);