@wcardinal/wcardinal-ui 0.241.0 → 0.243.0

package/dist/types/wcardinal/ui/d-base.d.ts

@@ -334,9 +334,17 @@ export interface DBaseOptions<THEME extends DThemeBase = DThemeBase, EMITTER = a
      * A visibility.
      * Set to true to make {@link DBase} visible.
      * Set to false to make {@link DBase} invisible.
-     * The default values is true.
+     * The default value is true.
      */
     visible?: boolean;
+    /**
+     * A renderability.
+     * Unlike {@link visible}, non-renderable element occupies a space.
+     * Set to true to make {@link DBase} renderable.
+     * Set to false to make {@link DBase} not renderable.
+     * The default value is true.
+     */
+    renderable?: boolean;
     /** A default state. */
     state?: string | string[];
     /** An interactivity option. */

package/dist/types/wcardinal/ui/shape/e-shape-connector-edge-impl.d.ts

@@ -26,6 +26,7 @@ export declare class EShapeConnectorEdgeImpl implements EShapeConnectorEdge {
     constructor(parent: EShapeConnector, onChange: () => void);
     lock(): void;
     unlock(): void;
+    get parent(): EShapeConnector;
     get acceptor(): EShapeConnectorEdgeAcceptor;
     get local(): IPoint;
     get localId(): number;

package/dist/types/wcardinal/ui/shape/e-shape-connector-edge.d.ts

@@ -1,5 +1,6 @@
 import { IPoint } from "pixi.js";
 import { EShape } from "./e-shape";
+import { EShapeConnector } from "./e-shape-connector";
 import { EShapeConnectorEdgeAcceptor } from "./e-shape-connector-edge-acceptor";
 import { EShapeResourceManagerDeserialization } from "./e-shape-resource-manager-deserialization";
 import { EShapeResourceManagerSerialization } from "./e-shape-resource-manager-serialization";
@@ -14,6 +15,7 @@ export declare type EShapeConnectorEdgeSerialized = [
     number?
 ];
 export interface EShapeConnectorEdge {
+    readonly parent: EShapeConnector;
     readonly acceptor: EShapeConnectorEdgeAcceptor;
     readonly local: IPoint;
     readonly localId: number;

package/dist/wcardinal/ui/d-base.js

@@ -150,9 +150,18 @@ var DBase = /** @class */ (function (_super) {
             _this._height = 100;
         }
         // Visibility
-        var visible = options === null || options === void 0 ? void 0 : options.visible;
-        if (visible != null) {
-            _this.visible = visible;
+        if (options != null) {
+            var visible = options.visible;
+            if (visible != null) {
+                _this.visible = visible;
+            }
+        }
+        // Renderability
+        if (options != null) {
+            var renderable = options.renderable;
+            if (renderable != null) {
+                _this.renderable = renderable;
+            }
         }
         // State
         _this._state = new DBaseStateSetImplObservable(function (newState, oldState) {
@@ -163,12 +172,14 @@ var DBase = /** @class */ (function (_super) {
         _this.interactive = !!(interactive & DBaseInteractive.SELF);
         _this.interactiveChildren = !!(interactive & DBaseInteractive.CHILDREN);
         // Events
-        var on = options === null || options === void 0 ? void 0 : options.on;
-        if (on) {
-            for (var name_1 in on) {
-                var handler = on[name_1];
-                if (handler) {
-                    _this.on(name_1, handler);
+        if (options != null) {
+            var on = options.on;
+            if (on != null) {
+                for (var name_1 in on) {
+                    var handler = on[name_1];
+                    if (handler) {
+                        _this.on(name_1, handler);
+                    }
                 }
             }
         }
@@ -182,9 +193,12 @@ var DBase = /** @class */ (function (_super) {
         _this._onShadowUpdateBound = function () {
             DApplications.update(_this);
         };
-        var shadow = options === null || options === void 0 ? void 0 : options.shadow;
-        if (shadow === undefined) {
-            shadow = theme.getShadow();
+        var shadow;
+        if (options != null) {
+            shadow = options.shadow;
+            if (shadow === undefined) {
+                shadow = theme.getShadow();
+            }
         }
         if (shadow) {
             if (isString(shadow)) {
@@ -249,33 +263,42 @@ var DBase = /** @class */ (function (_super) {
         _this.init(options);
         // State Override
         theme.newState(_this._state);
-        var state = options === null || options === void 0 ? void 0 : options.state;
-        if (state != null) {
-            if (isString(state)) {
-                _this._state.add(state);
-            }
-            else {
-                _this._state.addAll(state);
+        if (options != null) {
+            var state = options.state;
+            if (state != null) {
+                if (isString(state)) {
+                    _this._state.add(state);
+                }
+                else {
+                    _this._state.addAll(state);
+                }
             }
         }
         // Parent
-        var parent = options === null || options === void 0 ? void 0 : options.parent;
-        if (parent != null) {
-            parent.addChild(_this);
+        if (options != null) {
+            var parent_1 = options.parent;
+            if (parent_1 != null) {
+                parent_1.addChild(_this);
+            }
         }
         // Children
-        var children = options === null || options === void 0 ? void 0 : options.children;
-        if (children != null) {
-            for (var i = 0, imax = children.length; i < imax; ++i) {
-                var child = children[i];
-                if (child != null) {
-                    _this.addChild(child);
+        if (options != null) {
+            var children = options.children;
+            if (children != null) {
+                for (var i = 0, imax = children.length; i < imax; ++i) {
+                    var child = children[i];
+                    if (child != null) {
+                        _this.addChild(child);
+                    }
                 }
             }
         }
         // Cursor
-        var cursor = options === null || options === void 0 ? void 0 : options.cursor;
-        _this._cursor = cursor;
+        var cursor;
+        if (options != null) {
+            cursor = options.cursor;
+            _this._cursor = cursor;
+        }
         _this.cursor = _this.toCursor(cursor, _this._state);
         // Done
         _this.emit("init", _this);
@@ -361,9 +384,9 @@ var DBase = /** @class */ (function (_super) {
             var scalarSet = this._scalarSet;
             if (scalarSet.x != null) {
                 var position = this._position;
-                var parent_1 = this.getParentOfSize();
-                if (parent_1) {
-                    this._position.x = scalarSet.x(parent_1.width, newWidth, parent_1.padding.getLeft(), position.x);
+                var parent_2 = this.getParentOfSize();
+                if (parent_2) {
+                    this._position.x = scalarSet.x(parent_2.width, newWidth, parent_2.padding.getLeft(), position.x);
                 }
             }
         }
@@ -371,9 +394,9 @@ var DBase = /** @class */ (function (_super) {
             var scalarSet = this._scalarSet;
             if (scalarSet.y != null) {
                 var position = this._position;
-                var parent_2 = this.getParentOfSize();
-                if (parent_2) {
-                    this._position.y = scalarSet.y(parent_2.height, newHeight, parent_2.padding.getTop(), position.y);
+                var parent_3 = this.getParentOfSize();
+                if (parent_3) {
+                    this._position.y = scalarSet.y(parent_3.height, newHeight, parent_3.padding.getTop(), position.y);
                 }
             }
         }
@@ -530,9 +553,9 @@ var DBase = /** @class */ (function (_super) {
                     this.onResize(width, height, oldWidth, height);
                     if (scalarSet.x != null) {
                         var position = this._position;
-                        var parent_3 = this.getParentOfSize();
-                        if (parent_3) {
-                            position.x = scalarSet.x(parent_3.width, width, parent_3.padding.getLeft(), position.x);
+                        var parent_4 = this.getParentOfSize();
+                        if (parent_4) {
+                            position.x = scalarSet.x(parent_4.width, width, parent_4.padding.getLeft(), position.x);
                         }
                     }
                 }
@@ -585,9 +608,9 @@ var DBase = /** @class */ (function (_super) {
                     this.onResize(width, height, width, oldHeight);
                     if (scalarSet.y != null) {
                         var position = this._position;
-                        var parent_4 = this.getParentOfSize();
-                        if (parent_4) {
-                            position.y = scalarSet.y(parent_4.height, height, parent_4.padding.getTop(), position.y);
+                        var parent_5 = this.getParentOfSize();
+                        if (parent_5) {
+                            position.y = scalarSet.y(parent_5.height, height, parent_5.padding.getTop(), position.y);
                         }
                     }
                 }
@@ -1072,11 +1095,11 @@ var DBase = /** @class */ (function (_super) {
             return true;
         }
         else if (target != null && !(target instanceof DBase && target.interactive)) {
-            var parent_5 = target.parent;
-            while (parent_5 != null && !(parent_5 instanceof DBase && parent_5.interactive)) {
-                parent_5 = parent_5.parent;
+            var parent_6 = target.parent;
+            while (parent_6 != null && !(parent_6 instanceof DBase && parent_6.interactive)) {
+                parent_6 = parent_6.parent;
             }
-            return parent_5 === this;
+            return parent_6 === this;
         }
         return false;
     };