@hatiolab/things-scene 9.0.0-beta.2 → 9.0.0-beta.21

package/dist/types.js

@@ -0,0 +1,368 @@
+const MODE_VIEW = 0;
+const MODE_EDIT = 1;
+const MODE_SHIFT = 2;
+const MODE_ADD = 3;
+var SCENE_MODE;
+(function (SCENE_MODE) {
+    SCENE_MODE[SCENE_MODE["VIEW"] = 0] = "VIEW";
+    SCENE_MODE[SCENE_MODE["EDIT"] = 1] = "EDIT";
+    SCENE_MODE[SCENE_MODE["SHIFT"] = 2] = "SHIFT";
+    SCENE_MODE[SCENE_MODE["ADD"] = 3] = "ADD";
+})(SCENE_MODE || (SCENE_MODE = {}));
+export {};
+// interface Model {
+//   static compile(model: Model, context?: any): Component
+//   type?: string
+//   [key: string]: any
+// }
+// class ApplicationContext {
+//   readonly refProvider: ReferenceProvider
+//   readonly dataStorage: PersistentDataStorage
+//   readonly dataSubscriptionProvider: DataSubscriptionProvider
+//   readonly isViewMode: boolean
+//   readonly isEditMode: boolean
+//   mode: SCENE_MODE
+//   baseUrl: string
+//   url(x: string): string
+//   dispose(): void
+// }
+/* mixins */
+// function RectPath<TBase extends Constructor>(Base: TBase): TBase
+// function ValueHolder<TBase extends Constructor>(
+//   Base: TBase
+// ): {
+//   new (...args: any[]): {
+//     value: number
+//     animValue: number
+//     animOnValueChange(value: number, animFromBase: boolean, base: number): void
+//   }
+// } & TBase
+// function DataSource<TBase extends Constructor>(
+//   Base: TBase
+// ): {
+//   new (...args: any[]): {
+//     isDataSource(): boolean
+//     _convertDataFormat(data: any, format: 'json' | 'text' | 'jsonp' | string): any
+//   }
+// } & TBase
+// function MoveHandle<TBase extends Constructor>(Base: TBase): TBase
+// function Connectable<TBase extends Constructor>(
+//   Base: TBase
+// ): {
+//   new (...args: any[]): {
+//     findOutletLines(anchorName: string): Line[]
+//     findOutletEnds(anchorName: string): Component[]
+//     findInletLines(anchorName: string): Line[]
+//     findInletEnds(anchorName: string): Component[]
+//   }
+// } & TBase
+// function MixinHTMLElement<TBase extends Constructor>(
+//   Base: TBase
+// ): {
+//   new (...args: any[]): {
+//     get tagName(): string
+//     element: HTMLElement
+//     createElement(): void
+//     userInputEventHandler(e: Event): void
+//     reposition(): void
+//     disposeElement(): void
+//   }
+// } & TBase
+// function MixinEvent<TBase extends Constructor>(
+//   Base: TBase
+// ): {
+//   new (...args: any[]): {
+//     on(name: string, callback: Function, context?: any): void
+//     off(name: string, callback: Function, context?: any): void
+//     once(name: string, callback: Function, context?: any): void
+//     trigger(name: string, ...others: any[]): void
+//   }
+// } & TBase
+/* components */
+// class Component extends MixinEvent(Object) {
+//   static register(type: string, Clazz?: typeof Component): void
+//   static memoize(base: any, property: string, needClone: boolean): void
+//   static drawStroke(context: CanvasRenderingContext2D, style: Style): void
+//   static buildSubstitutor(
+//     expression: string,
+//     component: Component,
+//     customObjToVal?: (obj: any) => any
+//   ): () => string | undefined
+//   static reposition(component: Component): void
+//   static registerDecorator(name: string, decorator: Decorator): void
+//   static createCanvas(width: number, height: number): HTMLCanvasElement
+//   state: Properties
+//   bounds: BOUNDS
+//   root: RootContainer
+//   rootModel: ModelLayer
+//   parent: Container
+//   app: ApplicationContext
+//   hidden: boolean
+//   get nature(): ComponentNature
+//   get model(): Model
+//   get hierarchy(): Model
+//   get font(): string
+//   get data(): any
+//   set data(data: any)
+//   get value(): any
+//   set value(value: any)
+//   get text(): string
+//   set text(text: string)
+//   get textBounds(): BOUNDS
+//   get textRotation(): number
+//   get path(): Array<DIMENSION>
+//   set path(path: Array<DIMENSION>)
+//   get center(): POINT
+//   set center(point: POINT)
+//   get anchors(): Array<Anchor>
+//   get controls(): Array<Control> | undefined
+//   get hasTextProperty(): boolean
+//   get textSubstitutor(): () => string
+//   get decorators(): Array<string | Decorator>
+//   isRootModel(): boolean
+//   isContainer(): boolean
+//   isLine(): boolean
+//   isLayer(): boolean
+//   is3dish(): boolean
+//   isHTMLElement(): boolean
+//   isConnectable(): boolean
+//   ready(): void
+//   dispose(): void
+//   getState(prop: string): any
+//   setState(props: Properties | any, value?: any): void
+//   get(prop: string): any
+//   contains(x: number, y: number): boolean
+//   set(props: Properties | string, value?: any): void
+//   reposition(): void
+//   clearCache(): void
+//   prepareIf(condition: boolean): void
+//   mutatePath(
+//     beforeLogic: ((path: Array<DIMENSION>) => void) | null,
+//     afterLogic: ((path: Array<DIMENSION>) => void) | null,
+//     context?: any
+//   ): void
+//   transcoordP2S(x: number, y: number): POSITION
+//   transcoordC2S(x: number, y: number, top?: RootContainer): POSITION
+//   transcoordS2T(x: number, y: number): POSITION
+//   prerender(context: CanvasRenderingContext2D): void
+//   render(context: CanvasRenderingContext2D): void
+//   postrender(context: CanvasRenderingContext2D): void
+//   executeMappings(force?: boolean): void
+//   invalidate(): void
+//   animate(config: AnimationConfig): {
+//     start: Function
+//     stop: Function
+//   }
+//   access(expression: string): any
+//   substitute(expression: string, customObjToVal?: (obj: any) => any): string
+//   onchange(after: Properties, before: Properties): void
+//   onchangeData(after: Properties, before: Properties): void
+//   onchangeMappings(after: Properties, before: Properties): void
+//   drawImage(
+//     context: CanvasRenderingContext2D,
+//     image: HTMLImageElement,
+//     left: number,
+//     top: number,
+//     width: number,
+//     height: number
+//   ): void
+//   drawStroke(context: CanvasRenderingContext2D, override?: { [prop: string]: any }): void
+//   drawFill(context: CanvasRenderingContext2D, override?: { [prop: string]: any }): void
+//   drawText(context: CanvasRenderingContext2D): void
+//   ondblclick(e: MouseEvent): void
+//   closeScene(data: any): void
+// }
+// class ContainerAbstract extends MoveHandle(RectPath(Component)) {
+//   indexOf(component: Component): number
+//   size(): number
+//   addComponent(target: Component, ghost?: boolean): void
+//   removeComponent(target: Component, ghost?: boolean): void
+//   insertComponentAt(target: Component, idx: number, ghost?: boolean): void
+//   findById(id: string): Component | undefined
+//   getAt(at: number): Component | undefined
+//   reflow(): void
+//   add(components: Component[] | Component, ghost?: boolean): Container
+//   remove(components: Component[] | Component, ghost?: boolean): Container
+//   components: Component[]
+// }
+// class Container extends MixinHTMLElement(ContainerAbstract) {}
+// class RootContainer extends Container {
+//   get selected(): Component[]
+//   set selected(selected: Component[])
+// }
+// class Layer extends ContainerAbstract {
+//   target: HTMLElement | null
+//   canvas: HTMLCanvasElement | null
+//   getContext(): CanvasRenderingContext2D
+// }
+// class ModelLayer extends Layer {
+//   overlay: HTMLDivElement
+// }
+// class Text extends RectPath(Component) {}
+// class Shape extends Component {}
+// class Ellipse extends Shape {}
+// class Polygon extends Shape {}
+// class Line extends Component {
+//   get fromEnd(): LinkEnd | undefined
+//   get toEnd(): LinkEnd | undefined
+//   get from(): LinkEndConfig
+//   get to(): LinkEndConfig
+// }
+// class OrthoLine extends Line {}
+// class Donut extends Ellipse {}
+// class Rect extends RectPath(Shape) {}
+// class HTMLOverlayElement extends MixinHTMLElement(RectPath(Component)) {}
+// class HTMLOverlayContainer extends Container {
+//   readonly layout: any
+// }
+// /* Scene API */
+// class Scene {
+//   static readonly residents: WeakSet<Scene>
+//   /**
+//    * scene에 컴포넌트를 추가한다.
+//    * @param models {object} - Component Model Object
+//    * @param boundsOrOffset {object} - x, y, cx, cy, ...
+//    * @param onto {string} - onto
+//    */
+//   add(
+//     models: Model,
+//     boundsOrOffset?: {
+//       left?: number
+//       top?: number
+//       width?: number
+//       height?: number
+//       x?: number
+//       y?: number
+//       cx?: number
+//       cy?: number
+//     },
+//     onto?: string
+//   ): Component
+//   /**
+//    * scene에 컴포넌트를 추가하는 모드를 시작한다.
+//    * @param models {object} - Component Model Object
+//    */
+//   startAddMode(models: Model): void
+//   /**
+//    * scene의 컴포넌트를 복제한다.
+//    * 현재 선택되어있는 컴포넌트가 복제되므로, 컴포넌트를 복제하기 위해서는
+//    * 먼저 복제하고자하는 컴포넌트를 선택된 상태로 만든 후에(참조. {@link select} 메쏘드) 이 메쏘드를 호출한다.
+//    */
+//   duplicate(): void
+//   /**
+//    * scene의 컴포넌트를 삭제한다.
+//    * 현재 선택되어있는 컴포넌트가 삭제되므로, 컴포넌트를 삭제하기 위해서는
+//    * 먼저 삭제하고자하는 컴포넌트를 선택된 상태로 만든 후에(참조. {@link select} 메쏘드) 이 메쏘드를 호출한다.
+//    */
+//   remove(): void
+//   animate(config: AnimationConfig): {
+//     start: Function /* start function */
+//     stop: Function /* stop function */
+//   }
+//   /**
+//    * scene이 그려지고 있는 컨테이너를 전체화면 모드에서 표시되도록 한다.
+//    */
+//   fullscreen(): void
+//   /**
+//    * 파라미터로 주어지는 id를 가진 컴포넌트의 data 값을 변경한다.
+//    * @param id {string} - component id
+//    * @param value {any} - data value
+//    */
+//   variable(id: string, value: any): any
+//   target: HTMLElement | null
+//   scale: SCALE
+//   translate: TRANSLATE
+//   readonly unit: string /* 'px' */
+//   readonly PPM: number
+//   readonly PPI: number
+//   readonly DPPX: number
+//   mode: SCENE_MODE
+//   /**
+//    * Scene 모델의 단위(unit)을 감안한 기본 Scale 값을 제공한다.
+//    * 통산 'mm', 'cm' 단위의 Scene은 각 값에 10배를 곱한 수치로 모델링된다.(값을 10으로 나눈값이 실제 단위와 일치한다.)
+//    * unitScale의 의미는 scene에 unitScale값으로 scale하면, 각 단위값이 화면과 일치한다는 의미이다.
+//    *
+//    * 모델링의 수치단위가 픽셀이 아니고, mm, cm, inch 등의 단위인 경우에,
+//    * 화면에서의 크기가 실물과 유사하게 보이는 수준의 기본 스케일을 제공하는 기능이다.
+//    * 이 값은 내부적으로는, Ruler에서 눈금을 실제 자의 눈금과 일치시키기 위해서 사용한다.
+//    */
+//   readonly unitScale: string
+//   /**
+//    * scene이 그려질 모니터 화면의 크기정보 (inch)
+//    * 예시) 17, 20, 24, 27, 30, ...
+//    * @type {number}
+//    */
+//   screen: number
+//   /**
+//    * 컨테이너의 크기에 맞게 크기를 조정한다.
+//    */
+//   resize(): void
+//   release(): void
+//   dispose(): void
+//   /* Selection Based API - Modeling APIs */
+//   /**
+//    * scene 내에서 선택된 컴포넌트의 리스트
+//    * @type {object-array}
+//    */
+//   selected: Array<Component>
+//   /**
+//    * scene이 그리고 있는 컴포넌트 모델정보
+//    * @type {object}
+//    */
+//   model: Component
+//   /*
+//    * root는 모델의 최상위 컨테이너인 모델레이어를 의미한다.
+//    */
+//   readonly root: Container
+//   /*
+//    * selector에 해당하는 모든 컴포넌트들을 찾는다.
+//    * @params selector {string}
+//    */
+//   findAll(selector: string, component?: Component): Array<Component>
+//   /*
+//    * selector에 해당하는 첫번째 컴포넌트를 찾는다.
+//    * @params selector {string}
+//    */
+//   findFirst(selector: string, ...others: any[]): Component
+//   /*
+//    * id를 갖는 컴포넌트를 찾는다.
+//    * @params id {string}
+//    */
+//   findById(id: string): Component
+//   /*
+//    * scene이 그리는 모델 오브젝트를 JSON 텍스트로 리턴한다.
+//    */
+//   serialize(): string
+//   on(event: string, listener: Function, context?: any): void
+//   once(event: string, listener: Function, context?: any): void
+//   off(event: string, listener?: Function, context?: any): void
+//   toDataURL(): string
+//   fit(type: FITMODE): void
+//   readonly fitMode: FITMODE
+//   readonly ids: { [id: string]: any }[]
+//   copy(): string
+//   cut(): string
+//   redo(): void
+//   undo(): void
+//   move(component: Component, to_container: Container, to_index: number): void
+//   select(selector: string | Function, ...others: (string | Function)[]): Component[]
+//   paste(clipboard: string): void
+//   align(type: 'left' | 'right' | 'center' | 'top' | 'bottom' | 'middle' | string): void
+//   distribute(type: string): void
+//   symmetryX(): void
+//   symmetryY(): void
+//   group(): void
+//   ungroup(): void
+//   change(f: ChangeFunction): void
+//   undoableChange(f: () => void): void
+//   zorder(type: 'forward' | 'backward' | 'front' | string): void
+//   data: object
+//   dataByRefid: object
+//   values: object
+//   valuesByRefid: object
+//   anchorStarterTemplate: object
+//   // @deprecated
+//   variables: object
+//   baseUrl: string
+// }
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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","sourcesContent":["import Component from './components/component'\nimport Container from './components/container'\nimport { Scene } from './things-scene'\n\nexport type Properties = { [key: string]: any }\ntype State = Properties\ntype Style = Properties\n// type Decorator = (component: Component, context: CanvasRenderingContext2D) => boolean\ntype PopupOptions = {\n  data: any\n  location: 'center' | 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom'\n  modal: boolean\n  closable: boolean\n  output: boolean\n}\n\ntype ChangeFunction = (selector: string, value: any, self: any) => Component[]\n\nconst MODE_VIEW = 0\nconst MODE_EDIT = 1\nconst MODE_SHIFT = 2\nconst MODE_ADD = 3\n\nenum SCENE_MODE {\n  VIEW = 0,\n  EDIT = 1,\n  SHIFT = 2,\n  ADD = 3\n}\n\ntype FITMODE = 'both' | 'ratio' | 'width' | 'height' | 'center' | 'none'\ntype DIMENSION = { x: number; y: number }\ntype SCALE = DIMENSION\ntype TRANSLATE = DIMENSION\ntype POSITION = DIMENSION\ntype POINT = DIMENSION\ntype LOCATION = DIMENSION\ntype BOUNDS = { left: number; top: number; width: number; height: number }\n\nexport type ComponentNature = {\n  mutable?: boolean\n  resizable?: boolean\n  rotatable?: boolean\n  properties?: {\n    type: string\n    label: string\n    name: string\n    placeholder?: string\n    observe?: (this: HTMLElement, value: any) => void\n    property?:\n      | {\n          options?: any\n          [key: string]: any\n        }\n      | string\n  }[]\n  'value-property'?: string\n  valueProperty?: string\n  help?: string\n}\n\ntype ReferenceProvider = {\n  get ids(): string[]\n  add(id: string, target?: any): Promise<Scene & { release: () => void }>\n  get(id: string, createIf?: boolean): Promise<Scene & { release: () => void }>\n}\n\ntype DataSubscriptionProvider = {\n  subscribe(tag: string, component: Component): Promise<{ unsubscribe: () => void }>\n  dispose(): void\n}\n\ninterface LAYOUT {\n  reflow: (container: Container) => void\n  capturables?: (container: Container) => Component[]\n  drawables?: (container: Container) => Component[]\n  isStuck?: (component: Container) => boolean\n  keyNavigate?: (container: Container, component: Component, e: KeyboardEvent) => Component | undefined\n  joinType?: boolean\n}\n\ninterface LayoutRegistry {\n  register(name: string, layout: LAYOUT): void\n  unregister(name: string): void\n  get(name: string): LAYOUT\n  list(): { [name: string]: LAYOUT }\n}\n\n// const Layout: LayoutRegistry\n\n// const AbsoluteLayout: LAYOUT & { ABSOLUTE: boolean }\n// const TableLayout: LAYOUT\n// const CardLayout: LAYOUT\n// const HTMLAbsoluteLayout: LAYOUT\n// const LinearHorizontalLayout: LAYOUT\n// const LinearVerticalLayout: LAYOUT\n\ninterface PersistentDataStorage {\n  load(key: object): Promise<any>\n  save(key: object, value: any): Promise<void>\n  clear(key: object): Promise<void>\n}\n\ntype AnimationConfig = {\n  duration?: number\n  delay?: number\n  step: Function\n  delta: 'linear' | 'quad' | 'circ' | 'back' | 'bounce' | 'elastic' | Function\n  ease: 'out' | 'inout'\n  options?: object\n  repeat?: boolean\n}\n\ntype ControlHandler = {\n  ondragstart?(point: POSITION, index: number, component: Component): void\n  ondragmove?(point: POSITION, index: number, component: Component): void\n  ondragend?(point: POSITION, index: number, component: Component): void\n}\n\ninterface Control extends DIMENSION {\n  handler: ControlHandler\n}\n\ntype create = ({\n  target,\n  model,\n  style,\n  layers,\n  handlers,\n  mode,\n  refProvider,\n  dataSubscriptionProvider,\n  dataStorage,\n  baseUrl,\n  fitMode\n}: {\n  target?: HTMLElement\n  model: Object\n  style?: any\n  layers?: Array<any>\n  handlers?: Array<any>\n  mode?: SCENE_MODE\n  refProvider?: ReferenceProvider\n  dataSubscriptionProvider?: DataSubscriptionProvider\n  dataStorage?: PersistentDataStorage\n  baseUrl?: string | undefined\n  fitMode?: FITMODE\n}) => Scene\n\n// function error(...args: any[]): void\n// function warn(...args: any[]): void\n// function debug(...args: any[]): void\n\n// function FPS(): number\n\n// class ReferenceMap {\n//   constructor(\n//     creator: (boardId: string, resolve: any, reject: any) => Promise<any>,\n//     disposer: (id: string, ref: any) => Promise<void>\n//   )\n//   get(id: string, createIf?: boolean): Promise<any>\n//   get ids(): string[]\n//   add(id: string, target: any): Promise<any>\n// }\n\n// class ScriptLoader {\n//   static load(scripts: string | Array<string>, styles?: string | Array<string>): Promise<void>\n// }\n// class ScenePopup {\n//   static hideAll(root: Component): void\n//   static hide(component: Component): void\n//   static show(component: Component, ref: string, options: PopupOptions): void\n// }\n\nexport type Anchor = {\n  name: string\n  position: POSITION\n  bounds?: BOUNDS\n  inout?: 'in' | 'out' | 'inout'\n  type?: string\n  multiplicity?: number\n  draw?: (this: Anchor, context: CanvasRenderingContext2D, component: Component) => void\n  filter?: (this: Anchor, linkEnd?: LinkEnd) => boolean\n  template?: any\n  [prop: string]: any\n}\n\ntype LinkEndConfig = {\n  component: string /** end component refid */\n  anchor: string /** end anchor name of end component */\n  position: POSITION /** position of the link end */\n}\n\ntype LinkEnd = {\n  component: Component\n  anchor: Anchor\n  position: POSITION\n  fromto: 'from' | 'to'\n}\n\n// interface Model {\n//   static compile(model: Model, context?: any): Component\n\n//   type?: string\n//   [key: string]: any\n// }\n\n// class ApplicationContext {\n//   readonly refProvider: ReferenceProvider\n//   readonly dataStorage: PersistentDataStorage\n//   readonly dataSubscriptionProvider: DataSubscriptionProvider\n//   readonly isViewMode: boolean\n//   readonly isEditMode: boolean\n\n//   mode: SCENE_MODE\n//   baseUrl: string\n\n//   url(x: string): string\n//   dispose(): void\n// }\n\n/* mixins */\n\n// function RectPath<TBase extends Constructor>(Base: TBase): TBase\n\n// function ValueHolder<TBase extends Constructor>(\n//   Base: TBase\n// ): {\n//   new (...args: any[]): {\n//     value: number\n//     animValue: number\n//     animOnValueChange(value: number, animFromBase: boolean, base: number): void\n//   }\n// } & TBase\n\n// function DataSource<TBase extends Constructor>(\n//   Base: TBase\n// ): {\n//   new (...args: any[]): {\n//     isDataSource(): boolean\n//     _convertDataFormat(data: any, format: 'json' | 'text' | 'jsonp' | string): any\n//   }\n// } & TBase\n\n// function MoveHandle<TBase extends Constructor>(Base: TBase): TBase\n\n// function Connectable<TBase extends Constructor>(\n//   Base: TBase\n// ): {\n//   new (...args: any[]): {\n//     findOutletLines(anchorName: string): Line[]\n//     findOutletEnds(anchorName: string): Component[]\n//     findInletLines(anchorName: string): Line[]\n//     findInletEnds(anchorName: string): Component[]\n//   }\n// } & TBase\n\n// function MixinHTMLElement<TBase extends Constructor>(\n//   Base: TBase\n// ): {\n//   new (...args: any[]): {\n//     get tagName(): string\n//     element: HTMLElement\n\n//     createElement(): void\n//     userInputEventHandler(e: Event): void\n//     reposition(): void\n//     disposeElement(): void\n//   }\n// } & TBase\n\n// function MixinEvent<TBase extends Constructor>(\n//   Base: TBase\n// ): {\n//   new (...args: any[]): {\n//     on(name: string, callback: Function, context?: any): void\n//     off(name: string, callback: Function, context?: any): void\n//     once(name: string, callback: Function, context?: any): void\n//     trigger(name: string, ...others: any[]): void\n//   }\n// } & TBase\n\n/* components */\n\n// class Component extends MixinEvent(Object) {\n//   static register(type: string, Clazz?: typeof Component): void\n//   static memoize(base: any, property: string, needClone: boolean): void\n//   static drawStroke(context: CanvasRenderingContext2D, style: Style): void\n//   static buildSubstitutor(\n//     expression: string,\n//     component: Component,\n//     customObjToVal?: (obj: any) => any\n//   ): () => string | undefined\n//   static reposition(component: Component): void\n//   static registerDecorator(name: string, decorator: Decorator): void\n//   static createCanvas(width: number, height: number): HTMLCanvasElement\n\n//   state: Properties\n//   bounds: BOUNDS\n//   root: RootContainer\n//   rootModel: ModelLayer\n//   parent: Container\n//   app: ApplicationContext\n//   hidden: boolean\n\n//   get nature(): ComponentNature\n\n//   get model(): Model\n//   get hierarchy(): Model\n\n//   get font(): string\n\n//   get data(): any\n//   set data(data: any)\n\n//   get value(): any\n//   set value(value: any)\n\n//   get text(): string\n//   set text(text: string)\n\n//   get textBounds(): BOUNDS\n//   get textRotation(): number\n\n//   get path(): Array<DIMENSION>\n//   set path(path: Array<DIMENSION>)\n\n//   get center(): POINT\n//   set center(point: POINT)\n\n//   get anchors(): Array<Anchor>\n//   get controls(): Array<Control> | undefined\n//   get hasTextProperty(): boolean\n//   get textSubstitutor(): () => string\n\n//   get decorators(): Array<string | Decorator>\n\n//   isRootModel(): boolean\n//   isContainer(): boolean\n//   isLine(): boolean\n//   isLayer(): boolean\n//   is3dish(): boolean\n//   isHTMLElement(): boolean\n//   isConnectable(): boolean\n\n//   ready(): void\n//   dispose(): void\n//   getState(prop: string): any\n//   setState(props: Properties | any, value?: any): void\n//   get(prop: string): any\n//   contains(x: number, y: number): boolean\n//   set(props: Properties | string, value?: any): void\n//   reposition(): void\n//   clearCache(): void\n\n//   prepareIf(condition: boolean): void\n//   mutatePath(\n//     beforeLogic: ((path: Array<DIMENSION>) => void) | null,\n//     afterLogic: ((path: Array<DIMENSION>) => void) | null,\n//     context?: any\n//   ): void\n\n//   transcoordP2S(x: number, y: number): POSITION\n//   transcoordC2S(x: number, y: number, top?: RootContainer): POSITION\n//   transcoordS2T(x: number, y: number): POSITION\n\n//   prerender(context: CanvasRenderingContext2D): void\n//   render(context: CanvasRenderingContext2D): void\n//   postrender(context: CanvasRenderingContext2D): void\n\n//   executeMappings(force?: boolean): void\n//   invalidate(): void\n//   animate(config: AnimationConfig): {\n//     start: Function\n//     stop: Function\n//   }\n\n//   access(expression: string): any\n//   substitute(expression: string, customObjToVal?: (obj: any) => any): string\n\n//   onchange(after: Properties, before: Properties): void\n//   onchangeData(after: Properties, before: Properties): void\n//   onchangeMappings(after: Properties, before: Properties): void\n\n//   drawImage(\n//     context: CanvasRenderingContext2D,\n//     image: HTMLImageElement,\n//     left: number,\n//     top: number,\n//     width: number,\n//     height: number\n//   ): void\n//   drawStroke(context: CanvasRenderingContext2D, override?: { [prop: string]: any }): void\n//   drawFill(context: CanvasRenderingContext2D, override?: { [prop: string]: any }): void\n//   drawText(context: CanvasRenderingContext2D): void\n\n//   ondblclick(e: MouseEvent): void\n\n//   closeScene(data: any): void\n// }\n\n// class ContainerAbstract extends MoveHandle(RectPath(Component)) {\n//   indexOf(component: Component): number\n//   size(): number\n//   addComponent(target: Component, ghost?: boolean): void\n//   removeComponent(target: Component, ghost?: boolean): void\n//   insertComponentAt(target: Component, idx: number, ghost?: boolean): void\n//   findById(id: string): Component | undefined\n//   getAt(at: number): Component | undefined\n\n//   reflow(): void\n\n//   add(components: Component[] | Component, ghost?: boolean): Container\n//   remove(components: Component[] | Component, ghost?: boolean): Container\n\n//   components: Component[]\n// }\n// class Container extends MixinHTMLElement(ContainerAbstract) {}\n// class RootContainer extends Container {\n//   get selected(): Component[]\n//   set selected(selected: Component[])\n// }\n\n// class Layer extends ContainerAbstract {\n//   target: HTMLElement | null\n//   canvas: HTMLCanvasElement | null\n\n//   getContext(): CanvasRenderingContext2D\n// }\n\n// class ModelLayer extends Layer {\n//   overlay: HTMLDivElement\n// }\n\n// class Text extends RectPath(Component) {}\n// class Shape extends Component {}\n// class Ellipse extends Shape {}\n// class Polygon extends Shape {}\n// class Line extends Component {\n//   get fromEnd(): LinkEnd | undefined\n//   get toEnd(): LinkEnd | undefined\n//   get from(): LinkEndConfig\n//   get to(): LinkEndConfig\n// }\n// class OrthoLine extends Line {}\n// class Donut extends Ellipse {}\n// class Rect extends RectPath(Shape) {}\n// class HTMLOverlayElement extends MixinHTMLElement(RectPath(Component)) {}\n\n// class HTMLOverlayContainer extends Container {\n//   readonly layout: any\n// }\n\n// /* Scene API */\n\n// class Scene {\n//   static readonly residents: WeakSet<Scene>\n\n//   /**\n//    * scene에 컴포넌트를 추가한다.\n//    * @param models {object} - Component Model Object\n//    * @param boundsOrOffset {object} - x, y, cx, cy, ...\n//    * @param onto {string} - onto\n//    */\n//   add(\n//     models: Model,\n//     boundsOrOffset?: {\n//       left?: number\n//       top?: number\n//       width?: number\n//       height?: number\n//       x?: number\n//       y?: number\n//       cx?: number\n//       cy?: number\n//     },\n//     onto?: string\n//   ): Component\n\n//   /**\n//    * scene에 컴포넌트를 추가하는 모드를 시작한다.\n//    * @param models {object} - Component Model Object\n//    */\n//   startAddMode(models: Model): void\n\n//   /**\n//    * scene의 컴포넌트를 복제한다.\n//    * 현재 선택되어있는 컴포넌트가 복제되므로, 컴포넌트를 복제하기 위해서는\n//    * 먼저 복제하고자하는 컴포넌트를 선택된 상태로 만든 후에(참조. {@link select} 메쏘드) 이 메쏘드를 호출한다.\n//    */\n//   duplicate(): void\n\n//   /**\n//    * scene의 컴포넌트를 삭제한다.\n//    * 현재 선택되어있는 컴포넌트가 삭제되므로, 컴포넌트를 삭제하기 위해서는\n//    * 먼저 삭제하고자하는 컴포넌트를 선택된 상태로 만든 후에(참조. {@link select} 메쏘드) 이 메쏘드를 호출한다.\n//    */\n//   remove(): void\n\n//   animate(config: AnimationConfig): {\n//     start: Function /* start function */\n//     stop: Function /* stop function */\n//   }\n\n//   /**\n//    * scene이 그려지고 있는 컨테이너를 전체화면 모드에서 표시되도록 한다.\n//    */\n//   fullscreen(): void\n\n//   /**\n//    * 파라미터로 주어지는 id를 가진 컴포넌트의 data 값을 변경한다.\n//    * @param id {string} - component id\n//    * @param value {any} - data value\n//    */\n//   variable(id: string, value: any): any\n\n//   target: HTMLElement | null\n//   scale: SCALE\n//   translate: TRANSLATE\n\n//   readonly unit: string /* 'px' */\n//   readonly PPM: number\n//   readonly PPI: number\n//   readonly DPPX: number\n\n//   mode: SCENE_MODE\n\n//   /**\n//    * Scene 모델의 단위(unit)을 감안한 기본 Scale 값을 제공한다.\n//    * 통산 'mm', 'cm' 단위의 Scene은 각 값에 10배를 곱한 수치로 모델링된다.(값을 10으로 나눈값이 실제 단위와 일치한다.)\n//    * unitScale의 의미는 scene에 unitScale값으로 scale하면, 각 단위값이 화면과 일치한다는 의미이다.\n//    *\n//    * 모델링의 수치단위가 픽셀이 아니고, mm, cm, inch 등의 단위인 경우에,\n//    * 화면에서의 크기가 실물과 유사하게 보이는 수준의 기본 스케일을 제공하는 기능이다.\n//    * 이 값은 내부적으로는, Ruler에서 눈금을 실제 자의 눈금과 일치시키기 위해서 사용한다.\n//    */\n//   readonly unitScale: string\n\n//   /**\n//    * scene이 그려질 모니터 화면의 크기정보 (inch)\n//    * 예시) 17, 20, 24, 27, 30, ...\n//    * @type {number}\n//    */\n//   screen: number\n\n//   /**\n//    * 컨테이너의 크기에 맞게 크기를 조정한다.\n//    */\n//   resize(): void\n\n//   release(): void\n//   dispose(): void\n\n//   /* Selection Based API - Modeling APIs */\n\n//   /**\n//    * scene 내에서 선택된 컴포넌트의 리스트\n//    * @type {object-array}\n//    */\n//   selected: Array<Component>\n\n//   /**\n//    * scene이 그리고 있는 컴포넌트 모델정보\n//    * @type {object}\n//    */\n//   model: Component\n\n//   /*\n//    * root는 모델의 최상위 컨테이너인 모델레이어를 의미한다.\n//    */\n//   readonly root: Container\n\n//   /*\n//    * selector에 해당하는 모든 컴포넌트들을 찾는다.\n//    * @params selector {string}\n//    */\n//   findAll(selector: string, component?: Component): Array<Component>\n\n//   /*\n//    * selector에 해당하는 첫번째 컴포넌트를 찾는다.\n//    * @params selector {string}\n//    */\n//   findFirst(selector: string, ...others: any[]): Component\n\n//   /*\n//    * id를 갖는 컴포넌트를 찾는다.\n//    * @params id {string}\n//    */\n//   findById(id: string): Component\n\n//   /*\n//    * scene이 그리는 모델 오브젝트를 JSON 텍스트로 리턴한다.\n//    */\n//   serialize(): string\n\n//   on(event: string, listener: Function, context?: any): void\n//   once(event: string, listener: Function, context?: any): void\n//   off(event: string, listener?: Function, context?: any): void\n\n//   toDataURL(): string\n\n//   fit(type: FITMODE): void\n\n//   readonly fitMode: FITMODE\n//   readonly ids: { [id: string]: any }[]\n\n//   copy(): string\n//   cut(): string\n//   redo(): void\n//   undo(): void\n//   move(component: Component, to_container: Container, to_index: number): void\n\n//   select(selector: string | Function, ...others: (string | Function)[]): Component[]\n//   paste(clipboard: string): void\n//   align(type: 'left' | 'right' | 'center' | 'top' | 'bottom' | 'middle' | string): void\n//   distribute(type: string): void\n//   symmetryX(): void\n//   symmetryY(): void\n\n//   group(): void\n//   ungroup(): void\n\n//   change(f: ChangeFunction): void\n//   undoableChange(f: () => void): void\n//   zorder(type: 'forward' | 'backward' | 'front' | string): void\n\n//   data: object\n//   dataByRefid: object\n\n//   values: object\n//   valuesByRefid: object\n\n//   anchorStarterTemplate: object\n\n//   // @deprecated\n//   variables: object\n\n//   baseUrl: string\n// }\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hatiolab/things-scene",
-  "version": "9.0.0-beta.2",
+  "version": "9.0.0-beta.21",
   "description": "2D graphic library",
   "main": "src/index.js",
   "module": "things-scene.mjs",
@@ -28,6 +28,7 @@
     "serve:dev": "things-factory-dev",
     "serve:simple-http-server": "webpack-dev-server --config webpack.config.dev.js --hot --inline --host 0.0.0.0",
     "build": "webpack && rollup -c",
+    "build:clean": "rm yarn.lock || echo 'yarn.lock not found.' && yarn install && yarn build",
     "build:client": "npm run clean:client && webpack --config node_modules/@things-factory/shell/webpack.config.js",
     "clean:client": "rm -rf dist-client",
     "prepublish": "webpack && rollup -c",
@@ -80,11 +81,13 @@
   },
   "homepage": "https://github.com/hatiolab/things-scene#readme",
   "dependencies": {
+    "@material/web": "^2.2.0",
     "@wizpanda/super-gif": "^0.0.6",
     "canvas-roundrect-polyfill": "^0.0.1",
     "core-js": "^3.26.0",
     "jsonata": "^1.8.6",
-    "lodash-es": "^4.17.20"
+    "lodash-es": "^4.17.20",
+    "pdfjs-dist": "^4.10.38"
   },
   "resolutions": {
     "@azure/storage-blob": "12.18.0",

package/schema.graphql

@@ -712,6 +712,7 @@ input DomainGeneratorInput {
 
 input DomainInput {
   description: String
+  extType: String
   name: String!
 }
 
@@ -726,6 +727,7 @@ input DomainPatch {
   brandName: String
   contentImage: String
   description: String
+  extType: String
   id: String
   name: String
   owner: String
@@ -3646,6 +3648,9 @@ type Query {
   """To fetch domain"""
   domain(id: String!): Domain!
 
+  """To fetch domain"""
+  domainTypes: [String!]!
+
   """To fetch all domains (Only superuser is granted this privilege.)"""
   domains(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): DomainList!