@fmsim/fmsim 0.0.49

package/dist-app/helps/board-modeller/shapes/size.zh.md

@@ -0,0 +1,8 @@
+# 大小
+
+电路板尺寸的单位是显示像素。
+因此，最有效的方法是适合要在其上显示或打印电路板的目标设备的尺寸。
+
+1. 宽度 : 看板宽度
+2. 高度 : 看板高度
+3. Rotate : 组件旋转角度

package/dist-app/helps/board-modeller/shapes/text-box.ko.md

@@ -0,0 +1,16 @@
+# 텍스트 상자
+
+- 가로정렬 : 가로정렬을 설정한다. (좌측부터 순서대로 왼쪽정렬, 가운데정렬, 우측정렬, 양쪽정렬)
+  ![align-horizontal]
+
+- 수직정렬 : 세로정렬을 설정한다. (좌측부터 순서대로 위쪽정렬, 중간정렬, 아래쪽정렬)  
+  ![align-vertical]
+
+- 텍스트개행 : 텍스트가 컴포넌트의 영역을 벗어날 경우 개행여부를 선택한다.
+
+- 여백 : 텍스트의 상하좌우 여백을 설정한다.
+  ![text-margin]
+
+[align-horizontal]: ../images/common-property-text-align-horizontal.png
+[align-vertical]: ../images/common-property-text-align-vertical.png
+[text-margin]: ../images/common-property-text-margin.png

package/dist-app/helps/board-modeller/shapes/text-box.md

@@ -0,0 +1,16 @@
+# Text Box
+
+- Horizontal alignment : Set the horizontal alignment. (It is align left, center, align right, justify in order from left.)
+  ![align-horizontal]
+
+- Vertical alignment : Set the vertical alignment. (It is align top, center, align bottom in order from left.)
+  ![align-vertical]
+
+- Text Wrap: Allow long words to be able to break and wrap onto the next line:
+
+- Margin : Set the top, bottom, left and right margins of text.
+  ![text-margin]
+
+[align-horizontal]: ../images/common-property-text-align-horizontal.png
+[align-vertical]: ../images/common-property-text-align-vertical.png
+[text-margin]: ../images/common-property-text-margin.png

package/dist-app/helps/board-modeller/shapes/text-box.zh.md

@@ -0,0 +1,16 @@
+# 文本
+
+- 水平对齐 : 设置水平对齐。（从左侧开始，按顺序是左对齐、 居中对齐、右对齐、两端对齐。）
+  ![align-horizontal]
+
+- 垂直对齐 : 设置垂直对齐。（从左侧开始，按顺序是上对齐、居中对齐、下对齐。）
+  ![align-vertical]
+
+- 文本换行 : 当文本超出组件的区域时，选择是否换行。
+
+- 边距 : 设置文本的上下左右边距。
+  ![text-margin]
+
+[align-horizontal]: ../images/common-property-text-align-horizontal.png
+[align-vertical]: ../images/common-property-text-align-vertical.png
+[text-margin]: ../images/common-property-text-margin.png

package/dist-app/helps/board-modeller/shapes/viewer-option.ko.md

@@ -0,0 +1,9 @@
+# 뷰어 설정
+
+## 맞춤
+
+- none : 맞출 설정 없음, 원본 화면 유지 (수직, 수평 스크롤바 보일 수 있음)
+- ratio : 화면 넓이 혹은 높이의 ratio가 작은 속성을 이용하여 맞춤 설정 (스크롤바 보일 수 없음)
+- both : 화면을 늘리거나 축소하여 화면의 크기에 맞춤 처리 (스크롤바 보일 수 없음)
+- width : 화면의 넓이만 맞추어서 화면의 크기에 맞추어 위측에서 부터 화면 표현 (수직 스크롤바 보일 수 있음)
+- height : 화면의 높이만 맞추어서 화면의 크기에 맞춤 처리하여 좌측에서 부터 화면 표현 (수평 스크롤바 보일 수 있음)

package/dist-app/helps/board-modeller/shapes/viewer-option.md

@@ -0,0 +1,9 @@
+# Viewer Option
+
+## Fit
+
+- none : No settings to fit, keep original screen (Vertical and horizontal scrollbars may be visible)
+- ratio : using the property of a smaller ratio of screen width or height (Scrollbar not visible)
+- both : Increase or decrease the screen to fit the size of the screen (Scrollbar not visible)
+- width : Display the screen from the top according to the size of the screen by fitting only the width of the screen (Vertical scrollbar may be visible)
+- height : Display the screen from the left by matching only the height of the screen to the size of the screen (Horizontal scrollbar may be visible)

package/dist-app/helps/board-modeller/shapes/viewer-option.zh.md

@@ -0,0 +1,9 @@
+# Viewer 配置
+
+## 匹配
+
+- none : 没有匹配设置，保持原始屏幕(垂直和水平滚动条可能可见)
+- ratio : 通过使用小屏幕宽度或高度比例的属性进行匹配(滚动条不可见)
+- both : 放大或缩小屏幕以适合屏幕尺寸(滚动条不可见)
+- width : 通过仅使用屏幕宽度，根据屏幕从顶部显示界面(垂直滚动条可能可见)
+- height : 通过仅使屏幕高度适合屏幕尺寸，从左侧显示屏幕(水平滚动条可能可见)

package/dist-app/helps/board-modeller/styles/fill-style.ko.md

@@ -0,0 +1,18 @@
+# 채우기 스타일
+
+- 비우기 : 배경을 투명하게 한다.
+- 단색 : 배경을 단색으로 채운다.
+- 그라디언트 : 배경에 그라디언트를 적용한다.
+  - 타입 : 선형 그라데이션 (선을 따라 한 색상에서 다른 색상으로 음영처리), 방사형 그라데이션 (원형 패턴을 따라 내부의 한 색상과 외부의 다른 색상이 음영처리).
+  - 회전 : 그라디언트를 적용한 배경을 설정한 각도만큼 회전시킨다.
+  - 방향 : 드롭다운 리스트 중에서 원하는 각도(45도 기준으로 증감)의 배경을 선택할 수 있다.
+  - 컬러스탑 : 그라디언트 슬라이더의 양쪽에서 색상을 지정해 주는 색상자이다.
+- 패턴 : 이미지를 패턴으로 삽입한다.
+  - 이미지 : 파일 저장소에 있는 이미지를 선택한다.
+  - 정렬 : 왼쪽 상단, 상단, 오른쪽 상단, 왼쪽, 가운데, 오른쪽, 왼쪽 하단, 하단, 오른쪽 하단 맞춤
+  - Offset X : 전체 배경을 시작점으로부터 특정 값만큼 수평으로 이동한다.
+  - Offset Y : 전체 배경을 시작점으로부터 특정 값만큼 수직으로 이동한다.
+  - 넓이 : 패턴 이미지가 배경으로써 보여질 폭을 설정한다.
+  - 높이 : 패턴 이미지가 배경으로써 보여질 높이를 설정한다.
+  - 맞춤 : 패턴 이미지를 해당 컴포넌트의 크기에 맞춰서 배경으로 보여지도록 한다.
+  - 반복없음 : 패턴 이미지가 배경에서 연속적으로 그려지지않고 한번만 그려지도록 한다.

package/dist-app/helps/board-modeller/styles/fill-style.md

@@ -0,0 +1,18 @@
+# Fill Style
+
+- No Fill: Clear the background.
+- Solid: Fill the background with a solid color.
+- Gradient: Apply the gradient to background.
+  - Type: Linear Gradient (Shade from one color to another along a line), Radial Gradient (Shade one interior color and the other exterior color along a circular pattern)
+  - Rotation: Rotate the background by the set angle.
+  - Direction: Can select a background of a desired angle (increase/decrease by 45 degrees) from the dropdown list.
+  - Color stop: It is a color wheel that specifies the color on both sides of the gradient slider.
+- Pattern: Insert the image as pattern.
+  - Image: Select the image in the file store.
+  - Align: Align Left Top, Top, Right Top, Left, Center, Right, Left Bottom, Bottom, Right Bottom.
+  - Offset X: Move the entire background horizontally by a certain value from the starting point.
+  - Offset Y: Move the entire background vertically by a certain value from the starting point.
+  - Width: Sets the width of the pattern image to be displayed as a background.
+  - Height: Sets the height at which the pattern image will be displayed as the background.
+  - Fit: The pattern image is displayed as a background according to the size of the component.
+  - No Repeat : Make sure that the pattern image is drawn only once rather than continuously in the background.

package/dist-app/helps/board-modeller/styles/fill-style.zh.md

@@ -0,0 +1,18 @@
+# 填充样式
+
+- 清空：清空背景。
+- 纯色：用纯色填充背景。
+- 渐变：在背景中，适用渐变。
+  - 类型：线型渐变（沿着一条线，遮蔽一种颜色到另一种颜色），径向渐变（沿着圆形图案，遮蔽内部的一种颜色和外部的另一种颜色）。
+  - 旋转：旋转设定角度。
+  - 方向：可以从下拉列表中选择所需角度（基于 45 度而增减）的背景。
+  - 起止颜色：它是一个颜色轮，指定渐变滑块两边的颜色。
+- 模式：将图片插入为图案。
+  - 图像：选择在文件存储器的图像。
+  - 排序：左上角，上，右上角，左，中，右，左下角，下，右下角对齐。
+  - 偏移 X：将整个背景从起始点水平移动一定距离。
+  - 偏移 Y：将整个背景从起始点垂直移动一定距离。
+  - 宽度：设置作为背景显示的图案图像的宽度。
+  - 高度：设置图案图像作为背景显示的高度。
+  - 适用：图案图像根据组件的大小显示为背景。
+  - [zh] No Repeat : 确保图案图像只绘制一次，而不是在背景中连续绘制。

package/dist-app/helps/board-modeller/styles/line-style.ko.md

@@ -0,0 +1,19 @@
+# 라인 스타일
+
+  - 두께 : 선의 두께를 설정한다.
+  - 색상 : 선의 색상을 설정한다.
+  - 선 스타일 : 선 스타일을 설정한다. (직선, 점선 등)
+  - 선끝 스타일 : 선 끝의 스타일을 설정한다. (square : 각진 선끝, round : 둥근 선끝)
+  - 연결 스타일 : 선과 선이 연결되는 점의 스타일을 설정한다.  
+    (miter : ![miter][miter], round : ![round][round], bevel : ![bevel][bevel])
+  - 시작 모양 : 선의 시작 모양을 설정한다.
+  - 시작 크기 : 선의 시작 크기를 설정한다.
+  - 끝 모양 : 선의 끝 모양을 설정한다.
+  - 끝 크기 : 선의 끝 크기를 설정한다.
+
+
+[miter]: ../images/join-type-miter.png
+
+[round]: ../images/join-type-round.png
+
+[bevel]: ../images/join-type-bevel.png

package/dist-app/helps/board-modeller/styles/line-style.md

@@ -0,0 +1,23 @@
+# Line Style
+
+  - Thickness: Set the thickness of line.
+  - Color: Set the color of line.
+  - Line style: Set the line style. (Straight line, dotted line)
+  - Line end style: Set the line end style. (Square, round)
+  - Lined style: Set the style of point where lines are connected.  
+    (miter : ![miter][miter], round : ![round][round], bevel : ![bevel][bevel])
+  - Start shape: Set the start shape of line.
+  - Start size: Set the start size of line.
+  - End shape: Set the end shape of line.
+  - End size: Set the end size of line.
+
+
+
+[miter]: ../images/join-type-miter.png
+
+
+[round]: ../images/join-type-round.png
+
+
+[bevel]: ../images/join-type-bevel.png
+

package/dist-app/helps/board-modeller/styles/line-style.zh.md

@@ -0,0 +1,19 @@
+# 线型
+
+  - 厚度：设置线的厚度。
+  - 颜色：设置线的颜色。
+  - 线的样式：设置线的样式。（直线、虚线等）
+  - 线端的样式：设置线端的样式。（square：方形线端，round：圆形线端）
+  - 连接样式：设置线与线相连接的点的样式。  
+    (锐角相交 : ![miter][miter], 弧形 : ![round][round], 斜角相交 : ![bevel][bevel])
+  - 开始形状：设置线的开始形状。
+  - 开始大小：设置线的开始大小。
+  - 结束形状：设置线的结束形状。
+  - 结束大小：设置线的结束大小。
+
+
+[miter]: ../images/join-type-miter.png
+
+[round]: ../images/join-type-round.png
+
+[bevel]: ../images/join-type-bevel.png

package/dist-app/helps/board-modeller/styles/opacity.ko.md

@@ -0,0 +1,3 @@
+# 투명도
+
+컴포넌트의 투명한 정도를 설정한다. (0 ~ 1, 0 : 안보임, 1 : 보임)

package/dist-app/helps/board-modeller/styles/opacity.md

@@ -0,0 +1,3 @@
+# Opacity
+
+- Set the transparency of component. (0 ~ 1, 0: Invisible, 1: Visible)

package/dist-app/helps/board-modeller/styles/opacity.zh.md

@@ -0,0 +1,3 @@
+# 透明度
+
+设置组件的透明度。（0~1, 0: 透明, 1: 不透明）

package/dist-app/helps/board-modeller/styles/text-style.ko.md

@@ -0,0 +1,8 @@
+# 텍스트 스타일
+
+  - 폰트 : 컴포넌트 텍스트의 폰트를 설정한다.  
+  - 크기 : 컴포넌트 텍스트의 크기를 설정한다.  
+  - 줄간격 : 컴포넌트 텍스트의 줄사이 간격을 설정한다.  
+  - 색상 : 컴포넌트 텍스트의 색상을 설정한다.
+  - 굵기 : 컴포넌트 텍스트를 굵게 설정한다.
+  - 기울기 : 컴포넌트 텍스트를 기울임꼴로 설정한다.

package/dist-app/helps/board-modeller/styles/text-style.md

@@ -0,0 +1,8 @@
+# Text Style
+
+  - Font: Set the font of component text.
+  - Font size: Set the size of component text.
+  - Line spacing: Set the line spacing of component text.
+  - Color: Set the color of component text.
+  - Bold: Set the text of component bold.
+  - Italic: Set the text of component italic.

package/dist-app/helps/board-modeller/styles/text-style.zh.md

@@ -0,0 +1,8 @@
+# 文本样式
+
+  - 字体：设置组件文本的字体。
+  - 字体大小：设置组件文本的大小。
+  - 行间隔：设置组件文本的行间隔。
+  - 颜色：设置组件文本的颜色。
+  - 粗体：加粗组件文本。
+  - 斜体：加斜组件文本。

package/dist-app/helps/board-service/board-template.md

@@ -0,0 +1,160 @@
+# BoardTemplate
+
+Paragraphs are separated by a blank line.
+
+2nd paragraph. _Italic_, **bold**, and `monospace`. Itemized lists
+look like:
+
+- this one
+- that one
+- the other one
+
+Note that --- not considering the asterisk --- the actual text
+content starts at 4-columns in.
+
+> Block quotes are
+> written like so.
+>
+> They can span multiple paragraphs,
+> if you like.
+
+Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all
+in chapters 12--14"). Three dots ... will be converted to an ellipsis.
+Unicode is supported. ☺
+
+## An h2 header
+
+Here's a numbered list:
+
+1. first item
+2. second item
+3. third item
+
+Note again how the actual text starts at 4 columns in (4 characters
+from the left side). Here's a code sample:
+
+# Let me re-iterate ...
+
+for i in 1 .. 10 { do-something(i) }
+
+As you probably guessed, indented 4 spaces. By the way, instead of
+indenting the block, you can use delimited blocks, if you like:
+
+```
+define foobar() {
+print "Welcome to flavor country!";
+}
+```
+
+(which makes copying & pasting easier). You can optionally mark the
+delimited block for Pandoc to syntax highlight it:
+
+```python
+import time
+# Quick, count to ten!
+for i in range(10):
+# (but not *too* quick)
+time.sleep(0.5)
+print(i)
+```
+
+### An h3 header
+
+Now a nested list:
+
+1. First, get these ingredients:
+
+- carrots
+- celery
+- lentils
+
+2. Boil some water.
+
+3. Dump everything in the pot and follow
+   this algorithm:
+
+find wooden spoon
+uncover pot
+stir
+cover pot
+balance wooden spoon precariously on pot handle
+wait 10 minutes
+goto first step (or shut off burner when done)
+
+Do not bump wooden spoon or it will fall.
+
+Notice again how text always lines up on 4-space indents (including
+that last line which continues item 3 above).
+
+Here's a link to [a website](http://foo.bar), to a [local
+doc](local-doc.html), and to a [section heading in the current
+doc](#an-h2-header). Here's a footnote [^1].
+
+[^1]: Some footnote text.
+
+Tables can look like this:
+
+Name Size Material Color
+
+---
+
+All Business 9 leather brown
+Roundabout 10 hemp canvas natural
+Cinderella 11 glass transparent
+
+Table: Shoes sizes, materials, and colors.
+
+(The above is the caption for the table.) Pandoc also supports
+multi-line tables:
+
+---
+
+Keyword Text
+
+---
+
+red Sunsets, apples, and
+other red or reddish
+things.
+
+green Leaves, grass, frogs
+and other things it's
+not easy being.
+
+---
+
+A horizontal rule follows.
+
+---
+
+Here's a definition list:
+
+apples
+: Good for making applesauce.
+
+oranges
+: Citrus!
+
+tomatoes
+: There's no "e" in tomatoe.
+
+Again, text is indented 4 spaces. (Put a blank line between each
+term and its definition to spread things out more.)
+
+Here's a "line block" (note how whitespace is honored):
+
+| Line one
+| Line too
+| Line tree
+
+and images can be specified like so:
+
+![example image](example-image.jpg 'An exemplary image')
+
+Inline math equation: $\omega = d\phi / dt$. Display
+math should get its own line like so:
+
+$$I = \int \rho R^{2} dV$$
+
+And note that you can backslash-escape any punctuation characters
+which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.

package/dist-app/helps/codelingua/codelingua.md

@@ -0,0 +1,160 @@
+# Codelingua
+
+Paragraphs are separated by a blank line.
+
+2nd paragraph. _Italic_, **bold**, and `monospace`. Itemized lists
+look like:
+
+- this one
+- that one
+- the other one
+
+Note that --- not considering the asterisk --- the actual text
+content starts at 4-columns in.
+
+> Block quotes are
+> written like so.
+>
+> They can span multiple paragraphs,
+> if you like.
+
+Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all
+in chapters 12--14"). Three dots ... will be converted to an ellipsis.
+Unicode is supported. ☺
+
+## An h2 header
+
+Here's a numbered list:
+
+1. first item
+2. second item
+3. third item
+
+Note again how the actual text starts at 4 columns in (4 characters
+from the left side). Here's a code sample:
+
+# Let me re-iterate ...
+
+for i in 1 .. 10 { do-something(i) }
+
+As you probably guessed, indented 4 spaces. By the way, instead of
+indenting the block, you can use delimited blocks, if you like:
+
+```
+define foobar() {
+print "Welcome to flavor country!";
+}
+```
+
+(which makes copying & pasting easier). You can optionally mark the
+delimited block for Pandoc to syntax highlight it:
+
+```python
+import time
+# Quick, count to ten!
+for i in range(10):
+# (but not *too* quick)
+time.sleep(0.5)
+print(i)
+```
+
+### An h3 header
+
+Now a nested list:
+
+1. First, get these ingredients:
+
+- carrots
+- celery
+- lentils
+
+2. Boil some water.
+
+3. Dump everything in the pot and follow
+   this algorithm:
+
+find wooden spoon
+uncover pot
+stir
+cover pot
+balance wooden spoon precariously on pot handle
+wait 10 minutes
+goto first step (or shut off burner when done)
+
+Do not bump wooden spoon or it will fall.
+
+Notice again how text always lines up on 4-space indents (including
+that last line which continues item 3 above).
+
+Here's a link to [a website](http://foo.bar), to a [local
+doc](local-doc.html), and to a [section heading in the current
+doc](#an-h2-header). Here's a footnote [^1].
+
+[^1]: Some footnote text.
+
+Tables can look like this:
+
+Name Size Material Color
+
+---
+
+All Business 9 leather brown
+Roundabout 10 hemp canvas natural
+Cinderella 11 glass transparent
+
+Table: Shoes sizes, materials, and colors.
+
+(The above is the caption for the table.) Pandoc also supports
+multi-line tables:
+
+---
+
+Keyword Text
+
+---
+
+red Sunsets, apples, and
+other red or reddish
+things.
+
+green Leaves, grass, frogs
+and other things it's
+not easy being.
+
+---
+
+A horizontal rule follows.
+
+---
+
+Here's a definition list:
+
+apples
+: Good for making applesauce.
+
+oranges
+: Citrus!
+
+tomatoes
+: There's no "e" in tomatoe.
+
+Again, text is indented 4 spaces. (Put a blank line between each
+term and its definition to spread things out more.)
+
+Here's a "line block" (note how whitespace is honored):
+
+| Line one
+| Line too
+| Line tree
+
+and images can be specified like so:
+
+![example image](example-image.jpg 'An exemplary image')
+
+Inline math equation: $\omega = d\phi / dt$. Display
+math should get its own line like so:
+
+$$I = \int \rho R^{2} dV$$
+
+And note that you can backslash-escape any punctuation characters
+which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc.

package/dist-app/helps/components/oops-progress.md

@@ -0,0 +1,73 @@
+# OOPS Progress 컴포넌트
+
+긴 시간 진행되는 작업의 진행 상황을 표현해주기 위해 서버에 진행율을 Subscribe하는 클라이언트 컴포넌트이다.
+이 컴포넌트는 자체적으로 시각적 요소를 포함하지 않지만, 시각적 표현을 위해서 자식 노드(Light DOM)를 포함할 수는 있다.
+
+## properties
+
+- tag: String 서브스크립션 태그이며, 서버의 'publishProgress'의 tag와 일치시키도록 한다.
+- subscription: String (readonly) 이 속성이 값을 가지고 있으면, 서브스크립션 중임을 의미한다.
+
+## methods
+
+- startSubscribe() 진행율 구독을 시작한다.
+- stopSubscribe() 진행율 구독을 종료한다.(서버쪽 작업의 종료를 의미하지 않으며, 클라이언트에서 구독을 종료한다는 의미임.)
+
+## event
+
+- progress(event) 서버로부터 진행율이 Subscribe 되었을 때 발생한다.
+  - event.detail : progress 값을 갖는다.
+- finish(event) 진행율이 100% 도달하면 발생한다.
+
+## 예시
+
+### 클라이언트 사이드
+
+```
+  <oops-progress
+    .tag='progress-pending-job'
+    @progress=${e => {
+      this.progress = e.detail
+    }}
+    @finish=${() => {
+      console.log('complete')
+    }}
+    ?hidden=${progress < 0 || progress > 100}
+  >
+    <div>
+      <mwc-linear-progress .progress=${progress / 100}></mwc-linear-progress>
+      <span>Progress : ${progress} % (${message})</span>
+    </div>
+  </oops-progress>
+
+```
+
+### 서버사이드
+
+```
+import { sleep } from '@things-factory/utils'
+
+...
+
+@Mutation(returns => String, { description: 'To reference of pending job progress' })
+async referencePendingJob(
+  @Root() _,
+  @Ctx() context: any
+) : Promise<string> {
+
+  const { domain } = context.state
+
+  for(var i = 0;i <= 100;i++) {
+    await sleep(100)
+
+    publishProgress({
+      domain,
+      tag: 'progress-pending-job',
+      progress: i,
+      message: `${i * 10} / 1000`
+    })
+  }
+
+  return 'success'
+}
+```