@_unit/unit 1.0.25 → 1.0.27

package/src/system/platform/api/popover/TogglePopover/spec.json

@@ -1,23 +0,0 @@
-{
-  "name": "toggle popover",
-  "inputs": {
-    "component": {
-      "type": "`C`",
-      "ref": true
-    },
-    "any": {
-      "type": "any"
-    }
-  },
-  "outputs": {},
-  "metadata": {
-    "icon": "send",
-    "description": "toggle popover hidden state",
-    "complexity": 3,
-    "tags": ["platform", "api", "popover"]
-  },
-  "base": true,
-  "id": "f9be5d07-9548-4a14-b5b9-fa954599a170",
-  "type": "`U`",
-  "system": true
-}

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

@@ -1,499 +0,0 @@
-import { Component } from '../../../../client/component'
-import { componentClassFromSpecId } from '../../../../client/componentClassFromSpecId'
-import { getComponentInterface } from '../../../../client/component_'
-import { parentClass } from '../../../../client/createParent'
-import { Element } from '../../../../client/element'
-import parentElement from '../../../../client/platform/web/parentElement'
-import { ComponentClass, System } from '../../../../system'
-import { UnitBundleSpec } from '../../../../types/UnitBundleSpec'
-import { $Wrap } from '../../../../types/interface/async/$Wrap'
-import { insert, push, removeAt, unshift } from '../../../../util/array'
-
-export interface Props {
-  component?: UnitBundleSpec
-}
-
-export const DEFAULT_STYLE = {}
-
-export default class Follow extends Element<HTMLDivElement, Props, $Wrap> {
-  private _Container: ComponentClass = parentClass()
-
-  private _child_container: Component[] = []
-  private _parent_container: Component[] = []
-  private _parent_child_container: Component[] = []
-
-  constructor(props: {}, $system: System) {
-    super(props, $system)
-
-    const $element = parentElement($system)
-
-    $element.className = 'wrap'
-
-    this.$element = $element
-
-    this.$slot = {
-      default: this,
-    }
-  }
-
-  private _rewrap = (): void => {
-    for (let at = 0; at < this._child_container.length; at++) {
-      this.rewrapChild(at)
-    }
-
-    for (let at = 0; at < this._parent_container.length; at++) {
-      this.rewrapParentRoot(at)
-    }
-
-    for (let at = 0; at < this._parent_child_container.length; at++) {
-      this.rewrapParentChild(at)
-    }
-  }
-
-  private rewrapParentChild(at: number) {
-    const _at = at
-
-    const container = this._parent_child_container[at]
-
-    container.disconnect()
-
-    const child = this.$parentRoot[at]
-    const childSlot = this.$parentRootSlotName[at]
-
-    const new_container = this._connected_parent_root_container(at)
-    this._parent_child_container[at] = new_container
-
-    super.domRemoveParentChildAt(container, childSlot, at, _at)
-    super.memRemoveParentChildAt(container, childSlot, at, _at)
-
-    container.removeChild(child)
-
-    new_container.appendChild(child)
-
-    super.domAppendParentChildAt(new_container, childSlot, at, _at)
-    super.memAppendParentChild(new_container, childSlot, at, _at)
-  }
-
-  private rewrapParentRoot(at: number) {
-    const container = this._parent_container[at]
-
-    container.disconnect()
-
-    const child = this.$parentRoot[at]
-    const childSlot = this.$parentRootSlotName[at]
-
-    const new_container = this._connected_parent_root_container(at)
-    this._parent_container[at] = new_container
-
-    if (this.$mountParentRoot.includes(child)) {
-      super.domRemoveParentRootAt(container, childSlot, at, at)
-      super.postRemoveParentRootAt(container, childSlot, at, at)
-
-      container.removeChild(child)
-
-      new_container.appendChild(child)
-
-      super.domAppendParentRoot(new_container, childSlot, at)
-      super.postAppendParentRoot(new_container, childSlot, at)
-    }
-  }
-
-  private rewrapChild(at: number) {
-    const container = this._child_container[at]
-
-    container.disconnect()
-
-    const child = this.$children[at]
-    const childSlot = this.$childSlotName[at]
-
-    super.domRemoveChild(container, childSlot, at)
-    super.postRemoveChild(container, at)
-
-    container.removeChild(child)
-
-    const new_container = this._connected_child_container(at)
-
-    new_container.appendChild(child)
-
-    this._child_container[at] = new_container
-
-    super.domAppendChild(new_container, childSlot, at)
-    super.postAppendChild(new_container, childSlot, at)
-  }
-
-  private _connected_container = (at: number, method: string): Component => {
-    const container = new this._Container({}, this.$system)
-
-    const _ = getComponentInterface(container)
-
-    const containerUnit = this.$unit[`${method}`]({ at, _ })
-
-    container.connect(containerUnit)
-
-    return container
-  }
-
-  private _connected_child_container(at: number): Component {
-    return this._connected_container(at, '$refChildContainer')
-  }
-
-  private _connected_parent_root_container(at: number): Component {
-    return this._connected_container(at, '$refParentRootContainer')
-  }
-
-  private _connected_parent_child_container(at: number): Component {
-    return this._connected_container(at, '$refParentChildContainer')
-  }
-
-  public memAppendChild(child: Component, slotName: string, at: number): void {
-    const container = this._connected_child_container(at)
-
-    this._child_container.push(container)
-
-    container.memAppendChild(child, 'default', at)
-
-    super.memAppendChild(child, slotName, at)
-  }
-
-  public memAppendParentChild(
-    component: Component,
-    slotName: string,
-    at: number,
-    _at: number
-  ): void {
-    // console.log(
-    //   'Wrap',
-    //   'memAppendParentChild',
-    //   component.constructor.name,
-    //   component.$globalId,
-    //   slotName,
-    //   at,
-    //   _at
-    // )
-
-    const container = this._connected_parent_child_container(at)
-
-    push(this._parent_child_container, container)
-
-    container.memAppendChild(component, 'default', at)
-
-    super.memAppendParentChild(component, slotName, at, _at)
-  }
-
-  public domAppendParentChildAt(
-    component: Component,
-    slotName: string,
-    _at: number
-  ): void {
-    // console.log(
-    //   'Wrap',
-    //   'domAppendParentChildAt',
-    //   component.constructor.name,
-    //   component.$globalId,
-    //   slotName,
-    //   at,
-    //   _at
-    // )
-
-    const container = this._parent_child_container[_at]
-
-    container.domAppendChild(component, 'default', _at)
-
-    super.domAppendParentChildAt(container, slotName, _at, _at)
-  }
-
-  public memInsertParentChildAt(
-    component: Component,
-    slotName: string,
-    _at: number
-  ): void {
-    // console.log(
-    //   'Wrap',
-    //   'memInsertParentChildAt',
-    //   component.constructor.name,
-    //   component.$globalId,
-    //   slotName,
-    //   _at
-    // )
-
-    const container = this._connected_parent_child_container(_at)
-
-    insert(this._parent_child_container, container, _at)
-
-    container.memAppendChild(component, 'default', _at)
-
-    super.memInsertParentChildAt(component, slotName, _at)
-  }
-
-  public domInsertParentChildAt(
-    component: Component,
-    slotName: string,
-    _at: number
-  ): void {
-    // console.log(
-    //   'Wrap',
-    //   'domInsertParentChildAt',
-    //   component.constructor.name,
-    //   component.$globalId,
-    //   slotName,
-    //   at,
-    //   _at
-    // )
-
-    const container = this._parent_child_container[_at]
-
-    container.domInsertParentChildAt(component, 'default', _at)
-
-    super.domInsertParentChildAt(container, slotName, _at)
-  }
-
-  public memRemoveParentChildAt(
-    component: Component,
-    slotName: string,
-    at: number,
-    _at: number
-  ): void {
-    // console.log(
-    //   'Wrap',
-    //   'memRemoveParentChildAt',
-    //   component.constructor.name,
-    //   component.$globalId,
-    //   at,
-    //   _at
-    // )
-
-    this._parent_child_container.splice(_at, 1)
-
-    super.memRemoveParentChildAt(component, slotName, at, _at)
-  }
-
-  public domRemoveParentChildAt(
-    component: Component,
-    slotName: string,
-    at: number,
-    _at: number
-  ): void {
-    // console.log(
-    //   'Wrap',
-    //   'domRemoveParentChildAt',
-    //   component.constructor.name,
-    //   component.$globalId,
-    //   at,
-    //   _at
-    // )
-
-    const container = this._parent_child_container[_at]
-
-    container.domRemoveChild(component, 'default', at)
-
-    super.domRemoveParentChildAt(container, slotName, at, _at)
-  }
-
-  public domAppendChild(child: Component, slotName: string, at: number) {
-    const container = this._child_container[at]
-
-    container.domAppendChild(child, 'default', at)
-
-    super.domAppendChild(container, slotName, at)
-  }
-
-  public postAppendChild(child: Component, slotName: string, at: number): void {
-    const container = this._child_container[at]
-
-    child.$parent = this
-
-    container.mount(this.$context)
-  }
-
-  public postAppendParentChild(
-    child: Component,
-    slotName: string,
-    at: number
-  ): void {
-    const container = this._parent_child_container[at]
-
-    container.mount(this.$context)
-  }
-
-  public domRemoveChild(child: Component, slotName: string, at: number) {
-    const container = this._child_container[at]
-
-    container.domRemoveChild(child, 'default', at)
-
-    super.domRemoveChild(container, slotName, at)
-  }
-
-  public postRemoveChild(child: Component, at: number): void {
-    const container = this._child_container[at]
-
-    container.unmount()
-
-    super.postRemoveChild(child, at)
-  }
-
-  public insertParentRoot(
-    component: Component,
-    at: number,
-    slotName: string
-  ): void {
-    // console.log('Graph', 'insertParentRoot', component, at, slotName)
-
-    const container = this._connected_parent_root_container(at)
-
-    insert(this._parent_container, container, at)
-
-    super.insertParentRoot(component, at, slotName)
-  }
-
-  public unshiftParentRoot(component: Component, slotName: string): void {
-    // console.log('Graph', 'unshiftParentRoot', component)
-
-    const container = this._connected_parent_root_container(0)
-
-    unshift(this._parent_container, container)
-
-    super.unshiftParentRoot(component, slotName)
-  }
-
-  public pullParentRoot(component: Component): void {
-    // console.log('Graph', 'pullParentRoot', component)
-
-    const at = this.$parentRoot.indexOf(component)
-
-    removeAt(this._parent_container, at)
-
-    super.pullParentRoot(component)
-  }
-
-  public memAppendParentRoot(
-    component: Component,
-    slotName: string,
-    at: number
-  ): void {
-    const container = this._connected_parent_root_container(at)
-
-    this._parent_container.push(container)
-
-    container.memAppendChild(component, 'default', at)
-
-    super.memAppendParentRoot(component, slotName, at)
-  }
-
-  public domAppendParentRoot(
-    component: Component,
-    slotName: string,
-    at: number
-  ): void {
-    // console.log('Graph', 'domAppendParentRoot', component, slotName, at)
-
-    const container = this._parent_container[at]
-
-    container.appendChild(component)
-
-    super.domAppendParentRoot(container, slotName, at)
-  }
-
-  public postAppendParentRoot(
-    component: Component,
-    slotName: string,
-    at: number
-  ): void {
-    // console.log('Graph', 'postAppendParentRoot', component, slotName, at)
-
-    const container = this._parent_container[at]
-
-    super.postAppendParentRoot(container, slotName, at)
-  }
-
-  public domRemoveParentRootAt(
-    component: Component,
-    slotName: string,
-    at: number,
-    _at: number
-  ): void {
-    // console.log('Wrap', 'domRemoveParentRootAt', component, at)
-
-    const container = this._parent_container[_at]
-
-    container.domRemoveChild(component, 'default', at)
-
-    super.domRemoveParentRootAt(container, slotName, at, _at)
-  }
-
-  public postRemoveParentRootAt(
-    component: Component,
-    slotName: string,
-    at: number,
-    _at: number
-  ): void {
-    // console.log('Wrap', 'postRemoveParentRootAt', component, at)
-
-    super.postRemoveParentRootAt(component, slotName, at, _at)
-  }
-
-  public domInsertParentRootAt(
-    component: Component,
-    at: number,
-    slotName: string
-  ): void {
-    const container = this._parent_container[at]
-
-    container.domAppendChild(component, 'default', at)
-
-    super.domInsertParentRootAt(container, at, slotName)
-  }
-
-  public postInsertParentRootAt(
-    component: Component,
-    at: number,
-    slotName: string
-  ): void {
-    const container = this._parent_container[at]
-
-    super.postInsertParentRootAt(container, at, slotName)
-  }
-
-  public onPropChanged(name: string, current: any): void {
-    if (name === 'component') {
-      let componentClass: ComponentClass
-
-      if (current) {
-        const Class = current
-
-        const { __bundle } = Class
-
-        const { id, input } = __bundle.unit
-
-        componentClass = componentClassFromSpecId(
-          this.$system.components,
-          this.$system.specs,
-          this.$system.classes,
-          id,
-          input
-        )
-      } else {
-        componentClass = parentClass()
-      }
-
-      this._Container = componentClass
-
-      this._rewrap()
-    }
-  }
-
-  public getContainer(): ComponentClass {
-    return this._Container
-  }
-
-  public getChildContainer(at: number): Component {
-    return this._child_container[at]
-  }
-
-  public getParentChildContainer(at: number): Component {
-    return this._parent_child_container[at]
-  }
-
-  public getParentRootContainer(at: number): Component {
-    return this._parent_container[at]
-  }
-}

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

@@ -1,21 +0,0 @@
-import { Element_ } from '../../../../Class/Element'
-import { System } from '../../../../system'
-import { UnitBundle } from '../../../../types/UnitBundle'
-import { ID_WRAP } from '../../../_ids'
-
-export type I = {
-  component: UnitBundle
-}
-
-export type O = {}
-
-export default class Follow extends Element_<I, O> {
-  constructor(system: System) {
-    super(
-      { i: ['component'], o: ['parent'] },
-      { output: { parent: { ref: true } } },
-      system,
-      ID_WRAP
-    )
-  }
-}

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

@@ -1,25 +0,0 @@
-{
-  "name": "follow",
-  "inputs": {
-    "component": {
-      "type": "`C`",
-      "ref": true
-    }
-  },
-  "outputs": {},
-  "metadata": {
-    "icon": "square",
-    "description": "wrap all children with `component`",
-    "complexity": 43,
-    "tags": ["platform", "component"]
-  },
-  "id": "b3b92c9a-dcfb-4c88-b5c0-2e65ad4305a7",
-  "base": true,
-  "component": {
-    "defaultWidth": 240,
-    "defaultHeight": 240
-  },
-  "type": "`U`&`C`&`V`&`J`",
-  "system": true,
-  "render": true
-}

package/src/system/platform/core/api/event/OnToggle/spec.json

@@ -1,49 +0,0 @@
-{
-  "name": "on toggle",
-  "units": {
-    "listen": {
-      "id": "367241d8-ad12-11ea-beed-9777f31699a8",
-      "input": {
-        "event": {
-          "data": "'toggle'"
-        },
-        "remove": {
-          "ignored": false
-        }
-      }
-    }
-  },
-  "merges": {},
-  "inputs": {
-    "element": {
-      "plug": {
-        "0": {
-          "unitId": "listen",
-          "pinId": "emitter"
-        }
-      },
-      "type": "`C`",
-      "ref": true
-    }
-  },
-  "outputs": {
-    "event": {
-      "plug": {
-        "0": {
-          "unitId": "listen",
-          "pinId": "data"
-        }
-      },
-      "type": "boolean"
-    }
-  },
-  "metadata": {
-    "icon": "square",
-    "description": "listen to `element` click event",
-    "complexity": 5,
-    "tags": ["platform", "core", "api", "event"]
-  },
-  "id": "9649cf39-fd6e-4437-a268-c0b4def6bcbd",
-  "type": "`U`&`G`",
-  "system": true
-}