@_unit/unit 1.0.26 → 1.0.28

package/src/system/platform/component/Button/index.ts

@@ -4,7 +4,6 @@ import { ID_BUTTON } from '../../../_ids'
 
 export interface I {
   style: object
-  attr: object
 }
 
 export interface O {}
@@ -13,7 +12,7 @@ export default class Button extends Element_<I, O> {
   constructor(system: System) {
     super(
       {
-        i: ['style', 'attr'],
+        i: ['style'],
         o: [],
       },
       {},

package/src/system/platform/component/Button/spec.json

@@ -8,13 +8,6 @@
       "metadata": {
         "examples": ["{}"]
       }
-    },
-    "attr": {
-      "type": "object",
-      "optional": true,
-      "metadata": {
-        "examples": ["{}"]
-      }
     }
   },
   "outputs": {},

package/src/system/platform/component/Render/Component.ts

@@ -80,7 +80,7 @@ export default class Render extends Element<HTMLDivElement, Props> {
 
     this._prop_handler = {
       ...htmlPropHandler(this, this.$element, DEFAULT_STYLE),
-      unit: (component: $Component) => {
+      component: (component: $Component) => {
         if (this._unlisten) {
           this._unlisten()
 

package/src/system/platform/component/Render/index.ts

@@ -1,11 +1,11 @@
-import { $ } from '../../../../Class/$'
 import { Element_ } from '../../../../Class/Element'
 import { System } from '../../../../system'
-import { $U } from '../../../../types/interface/async/$U'
+import { Component_ } from '../../../../types/interface/Component'
 import { ID_RENDER } from '../../../_ids'
 
 export interface I {
-  unit: $U & $
+  component: Component_
+  className: string
   style: object
 }
 
@@ -15,7 +15,7 @@ export default class Render extends Element_<I, O> {
   constructor(system: System) {
     super(
       {
-        i: ['style', 'unit'],
+        i: ['style', 'component'],
         o: [],
       },
       {

package/src/system/platform/component/Render/spec.json

@@ -9,15 +9,15 @@
         "examples": ["{}"]
       }
     },
-    "unit": {
-      "type": "`U`",
+    "component": {
+      "type": "`C`",
       "ref": true
     }
   },
   "outputs": {},
   "metadata": {
     "icon": "square",
-    "description": "render a unit",
+    "description": "render a component",
     "complexity": 43,
     "tags": ["platform", "component"]
   },

package/src/types/global/IPositionObserver.ts

@@ -2,15 +2,15 @@ import { IOElement } from '../../client/IOElement'
 import { PositionObserver } from '../../client/PositionObserver'
 
 export interface IPositionObserverCostructor {
-  new (system: any, callback: PositionObserverCallback): PositionObserver
+  new (system: any, callback: IPositionCallback): PositionObserver
 }
 
 export interface IPositionObserver {
-  observe(element: IOElement): PositionObserverEntry
+  observe(element: IOElement): IPositionEntry
   disconnect(): void
 }
 
-export interface PositionObserverCallback {
+export interface IPositionCallback {
   (
     x: number,
     y: number,
@@ -26,7 +26,7 @@ export interface PositionObserverCallback {
   ): void
 }
 
-export interface PositionObserverEntry {
+export interface IPositionEntry {
   x: number
   y: number
   sx: number

package/lib/client/event/toggle.d.ts

@@ -1,5 +0,0 @@
-import { Listenable } from '../Listenable';
-import { Listener } from '../Listener';
-export type IOToggleEvent = boolean;
-export declare function makeToggleListener(listener: (data: IOToggleEvent, _event: ToggleEvent) => void): Listener;
-export declare function listenToggle(component: Listenable, onWheel: (event: IOToggleEvent, _event: ToggleEvent) => void): () => void;

package/lib/client/event/toggle.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listenToggle = exports.makeToggleListener = void 0;
-function makeToggleListener(listener) {
-    return (component) => {
-        return listenToggle(component, (event, _event) => {
-            listener(event, _event);
-        });
-    };
-}
-exports.makeToggleListener = makeToggleListener;
-function listenToggle(component, onWheel) {
-    const { $element } = component;
-    const toggleListener = (_event) => {
-        const { oldState, newState } = _event;
-        if (newState !== oldState) {
-            const shown = newState === 'open' ? true : false;
-            onWheel(shown, _event);
-        }
-    };
-    $element.addEventListener('toggle', toggleListener, { passive: false });
-    return () => {
-        $element.removeEventListener('toggle', toggleListener);
-    };
-}
-exports.listenToggle = listenToggle;
-//# sourceMappingURL=toggle.js.map

package/lib/client/event/toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.js","sourceRoot":"src/","sources":["client/event/toggle.ts"],"names":[],"mappings":";;;AAMA,SAAgB,kBAAkB,CAChC,QAA4D;IAE5D,OAAO,CAAC,SAAS,EAAE,EAAE;QACnB,OAAO,YAAY,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;YAC/C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC;AARD,gDAQC;AAED,SAAgB,YAAY,CAC1B,SAAqB,EACrB,OAA4D;IAE5D,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAmC,CAAA;IAExD,MAAM,cAAc,GAAG,CAAC,MAAmB,EAAE,EAAE;QAC7C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;QAErC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,MAAM,KAAK,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;YAEhD,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IACvE,OAAO,GAAG,EAAE;QACV,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;IACxD,CAAC,CAAA;AACH,CAAC;AApBD,oCAoBC"}

package/lib/system/platform/api/observer/PositionObserver/index.d.ts

@@ -1,20 +0,0 @@
-import { Semifunctional } from '../../../../../Class/Semifunctional';
-import { System } from '../../../../../system';
-import { Component_ } from '../../../../../types/interface/Component';
-export type I = {
-    component: Component_;
-};
-export type O = {
-    entry: {
-        x: number;
-        y: number;
-    };
-};
-export default class PositionObserver_ extends Semifunctional<I, O> {
-    private _observer;
-    constructor(system: System);
-    private _unlisten;
-    f({ component }: I): Promise<void>;
-    d(): void;
-    onIterDataInputData(name: string, data: any): void;
-}

package/lib/system/platform/api/observer/PositionObserver/index.js

@@ -1,65 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Semifunctional_1 = require("../../../../../Class/Semifunctional");
-const _ids_1 = require("../../../../_ids");
-const globalComponent_1 = require("../../../../globalComponent");
-class PositionObserver_ extends Semifunctional_1.Semifunctional {
-    constructor(system) {
-        super({
-            fi: ['component', 'opt'],
-            fo: [],
-            i: ['done'],
-            o: ['entry'],
-        }, {
-            input: {
-                component: {
-                    ref: true,
-                },
-            },
-        }, system, _ids_1.ID_POSITION_OBSERVER);
-    }
-    f({ component }) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { api: { document: { PositionObserver }, }, } = this.__system;
-            const globalId = component.getGlobalId();
-            const component_ = (yield (0, globalComponent_1.firstGlobalComponentPromise)(this.__system, globalId));
-            if (!this._observer) {
-                const observer_callback = (x, y) => {
-                    this._output.entry.push({ x, y });
-                };
-                const observer = new PositionObserver(this.__system, observer_callback);
-                this._observer = observer;
-            }
-            const leaf = component_.getFirstRootLeaf();
-            const { $element } = leaf;
-            this._observer.observe($element);
-        });
-    }
-    d() {
-        // TODO
-    }
-    onIterDataInputData(name, data) {
-        // if (name === 'done') {
-        if (this._observer) {
-            this._observer.disconnect();
-        }
-        if (this._unlisten) {
-            this._unlisten();
-            this._unlisten = undefined;
-        }
-        this._done();
-        this.pullInput('done');
-        // }
-    }
-}
-exports.default = PositionObserver_;
-//# sourceMappingURL=index.js.map

package/lib/system/platform/api/observer/PositionObserver/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["system/platform/api/observer/PositionObserver/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,wEAAoE;AAOpE,2CAAuD;AACvD,iEAAyE;AAUzE,MAAqB,iBAAkB,SAAQ,+BAAoB;IAGjE,YAAY,MAAc;QACxB,KAAK,CACH;YACE,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC;YACxB,EAAE,EAAE,EAAE;YACN,CAAC,EAAE,CAAC,MAAM,CAAC;YACX,CAAC,EAAE,CAAC,OAAO,CAAC;SACb,EACD;YACE,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,GAAG,EAAE,IAAI;iBACV;aACF;SACF,EACD,MAAM,EACN,2BAAoB,CACrB,CAAA;IACH,CAAC;IAIK,CAAC,CAAC,EAAE,SAAS,EAAK;;YACtB,MAAM,EACJ,GAAG,EAAE,EACH,QAAQ,EAAE,EAAE,gBAAgB,EAAE,GAC/B,GACF,GAAG,IAAI,CAAC,QAAQ,CAAA;YAEjB,MAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,EAAE,CAAA;YAExC,MAAM,UAAU,GAAG,CAAC,MAAM,IAAA,6CAA2B,EACnD,IAAI,CAAC,QAAQ,EACb,QAAQ,CACT,CAA2B,CAAA;YAE5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,MAAM,iBAAiB,GAA6B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC3D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;gBACnC,CAAC,CAAA;gBAED,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;gBAEvE,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;YAC3B,CAAC;YAED,MAAM,IAAI,GAAG,UAAU,CAAC,gBAAgB,EAA4B,CAAA;YAEpE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;YAEzB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAClC,CAAC;KAAA;IAED,CAAC;QACC,OAAO;IACT,CAAC;IAEM,mBAAmB,CAAC,IAAY,EAAE,IAAS;QAChD,yBAAyB;QACzB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,EAAE,CAAA;YAChB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;QAC5B,CAAC;QAED,IAAI,CAAC,KAAK,EAAE,CAAA;QAEZ,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QACtB,IAAI;IACN,CAAC;CACF;AA5ED,oCA4EC"}

package/lib/system/platform/api/popover/HidePopover/index.d.ts

@@ -1,15 +0,0 @@
-import { Element_ } from '../../../../../Class/Element';
-import { Functional } from '../../../../../Class/Functional';
-import { Done } from '../../../../../Class/Functional/Done';
-import { System } from '../../../../../system';
-interface I<T> {
-    component: Element_;
-    any: any;
-}
-interface O<T> {
-}
-export default class HidePopover<T> extends Functional<I<T>, O<T>> {
-    constructor(system: System);
-    f({ component }: I<T>, done: Done<O<T>>): Promise<void>;
-}
-export {};

package/lib/system/platform/api/popover/HidePopover/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Functional_1 = require("../../../../../Class/Functional");
-const _ids_1 = require("../../../../_ids");
-class HidePopover extends Functional_1.Functional {
-    constructor(system) {
-        super({
-            i: ['component', 'any'],
-            o: [],
-        }, {
-            input: {
-                component: {
-                    ref: true,
-                },
-            },
-        }, system, _ids_1.ID_HIDE_POPOVER);
-    }
-    f({ component }, done) {
-        return __awaiter(this, void 0, void 0, function* () {
-            component.emit('call', {
-                method: 'hidePopover',
-                data: [],
-            });
-            done();
-        });
-    }
-}
-exports.default = HidePopover;
-//# sourceMappingURL=index.js.map

package/lib/system/platform/api/popover/HidePopover/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["system/platform/api/popover/HidePopover/index.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,gEAA4D;AAG5D,2CAAkD;AASlD,MAAqB,WAAe,SAAQ,uBAAsB;IAChE,YAAY,MAAc;QACxB,KAAK,CACH;YACE,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC;YACvB,CAAC,EAAE,EAAE;SACN,EACD;YACE,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,GAAG,EAAE,IAAI;iBACV;aACF;SACF,EACD,MAAM,EACN,sBAAe,CAChB,CAAA;IACH,CAAC;IAEK,CAAC,CAAC,EAAE,SAAS,EAAQ,EAAE,IAAgB;;YAC3C,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE;gBACrB,MAAM,EAAE,aAAa;gBACrB,IAAI,EAAE,EAAE;aACT,CAAC,CAAA;YAEF,IAAI,EAAE,CAAA;QACR,CAAC;KAAA;CACF;AA3BD,8BA2BC"}

package/lib/system/platform/api/popover/ShowPopover/index.d.ts

@@ -1,15 +0,0 @@
-import { Element_ } from '../../../../../Class/Element';
-import { Functional } from '../../../../../Class/Functional';
-import { Done } from '../../../../../Class/Functional/Done';
-import { System } from '../../../../../system';
-interface I<T> {
-    component: Element_;
-    any: any;
-}
-interface O<T> {
-}
-export default class ShowPopover<T> extends Functional<I<T>, O<T>> {
-    constructor(system: System);
-    f({ component }: I<T>, done: Done<O<T>>): Promise<void>;
-}
-export {};

package/lib/system/platform/api/popover/ShowPopover/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Functional_1 = require("../../../../../Class/Functional");
-const _ids_1 = require("../../../../_ids");
-class ShowPopover extends Functional_1.Functional {
-    constructor(system) {
-        super({
-            i: ['component', 'any'],
-            o: [],
-        }, {
-            input: {
-                component: {
-                    ref: true,
-                },
-            },
-        }, system, _ids_1.ID_SHOW_POPOVER);
-    }
-    f({ component }, done) {
-        return __awaiter(this, void 0, void 0, function* () {
-            component.emit('call', {
-                method: 'showPopover',
-                data: [],
-            });
-            done();
-        });
-    }
-}
-exports.default = ShowPopover;
-//# sourceMappingURL=index.js.map

package/lib/system/platform/api/popover/ShowPopover/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["system/platform/api/popover/ShowPopover/index.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,gEAA4D;AAG5D,2CAAkD;AASlD,MAAqB,WAAe,SAAQ,uBAAsB;IAChE,YAAY,MAAc;QACxB,KAAK,CACH;YACE,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC;YACvB,CAAC,EAAE,EAAE;SACN,EACD;YACE,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,GAAG,EAAE,IAAI;iBACV;aACF;SACF,EACD,MAAM,EACN,sBAAe,CAChB,CAAA;IACH,CAAC;IAEK,CAAC,CAAC,EAAE,SAAS,EAAQ,EAAE,IAAgB;;YAC3C,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE;gBACrB,MAAM,EAAE,aAAa;gBACrB,IAAI,EAAE,EAAE;aACT,CAAC,CAAA;YAEF,IAAI,EAAE,CAAA;QACR,CAAC;KAAA;CACF;AA3BD,8BA2BC"}

package/lib/system/platform/api/popover/TogglePopover/index.d.ts

@@ -1,15 +0,0 @@
-import { Element_ } from '../../../../../Class/Element';
-import { Functional } from '../../../../../Class/Functional';
-import { Done } from '../../../../../Class/Functional/Done';
-import { System } from '../../../../../system';
-interface I<T> {
-    component: Element_;
-    any: any;
-}
-interface O<T> {
-}
-export default class TogglePopover<T> extends Functional<I<T>, O<T>> {
-    constructor(system: System);
-    f({ component }: I<T>, done: Done<O<T>>): Promise<void>;
-}
-export {};

package/lib/system/platform/api/popover/TogglePopover/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Functional_1 = require("../../../../../Class/Functional");
-const _ids_1 = require("../../../../_ids");
-class TogglePopover extends Functional_1.Functional {
-    constructor(system) {
-        super({
-            i: ['component', 'any'],
-            o: [],
-        }, {
-            input: {
-                component: {
-                    ref: true,
-                },
-            },
-        }, system, _ids_1.ID_TOGGLE_POPOVER);
-    }
-    f({ component }, done) {
-        return __awaiter(this, void 0, void 0, function* () {
-            component.emit('call', {
-                method: 'togglePopover',
-                data: [],
-            });
-            done();
-        });
-    }
-}
-exports.default = TogglePopover;
-//# sourceMappingURL=index.js.map

package/lib/system/platform/api/popover/TogglePopover/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["system/platform/api/popover/TogglePopover/index.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,gEAA4D;AAG5D,2CAAoD;AASpD,MAAqB,aAAiB,SAAQ,uBAAsB;IAClE,YAAY,MAAc;QACxB,KAAK,CACH;YACE,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC;YACvB,CAAC,EAAE,EAAE;SACN,EACD;YACE,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,GAAG,EAAE,IAAI;iBACV;aACF;SACF,EACD,MAAM,EACN,wBAAiB,CAClB,CAAA;IACH,CAAC;IAEK,CAAC,CAAC,EAAE,SAAS,EAAQ,EAAE,IAAgB;;YAC3C,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE;gBACrB,MAAM,EAAE,eAAe;gBACvB,IAAI,EAAE,EAAE;aACT,CAAC,CAAA;YAEF,IAAI,EAAE,CAAA;QACR,CAAC;KAAA;CACF;AA3BD,gCA2BC"}

package/lib/system/platform/component/Follow/Component.d.ts

@@ -1,51 +0,0 @@
-import { Component } from '../../../../client/component';
-import { Element } from '../../../../client/element';
-import { ComponentClass, System } from '../../../../system';
-import { UnitBundleSpec } from '../../../../types/UnitBundleSpec';
-import { $Wrap } from '../../../../types/interface/async/$Wrap';
-export interface Props {
-    component?: UnitBundleSpec;
-}
-export declare const DEFAULT_STYLE: {};
-export default class Follow extends Element<HTMLDivElement, Props, $Wrap> {
-    private _Container;
-    private _child_container;
-    private _parent_container;
-    private _parent_child_container;
-    constructor(props: {}, $system: System);
-    private _rewrap;
-    private rewrapParentChild;
-    private rewrapParentRoot;
-    private rewrapChild;
-    private _connected_container;
-    private _connected_child_container;
-    private _connected_parent_root_container;
-    private _connected_parent_child_container;
-    memAppendChild(child: Component, slotName: string, at: number): void;
-    memAppendParentChild(component: Component, slotName: string, at: number, _at: number): void;
-    domAppendParentChildAt(component: Component, slotName: string, _at: number): void;
-    memInsertParentChildAt(component: Component, slotName: string, _at: number): void;
-    domInsertParentChildAt(component: Component, slotName: string, _at: number): void;
-    memRemoveParentChildAt(component: Component, slotName: string, at: number, _at: number): void;
-    domRemoveParentChildAt(component: Component, slotName: string, at: number, _at: number): void;
-    domAppendChild(child: Component, slotName: string, at: number): void;
-    postAppendChild(child: Component, slotName: string, at: number): void;
-    postAppendParentChild(child: Component, slotName: string, at: number): void;
-    domRemoveChild(child: Component, slotName: string, at: number): void;
-    postRemoveChild(child: Component, at: number): void;
-    insertParentRoot(component: Component, at: number, slotName: string): void;
-    unshiftParentRoot(component: Component, slotName: string): void;
-    pullParentRoot(component: Component): void;
-    memAppendParentRoot(component: Component, slotName: string, at: number): void;
-    domAppendParentRoot(component: Component, slotName: string, at: number): void;
-    postAppendParentRoot(component: Component, slotName: string, at: number): void;
-    domRemoveParentRootAt(component: Component, slotName: string, at: number, _at: number): void;
-    postRemoveParentRootAt(component: Component, slotName: string, at: number, _at: number): void;
-    domInsertParentRootAt(component: Component, at: number, slotName: string): void;
-    postInsertParentRootAt(component: Component, at: number, slotName: string): void;
-    onPropChanged(name: string, current: any): void;
-    getContainer(): ComponentClass;
-    getChildContainer(at: number): Component;
-    getParentChildContainer(at: number): Component;
-    getParentRootContainer(at: number): Component;
-}