@fmsim/board 2.0.0-beta.7 → 2.0.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +947 -975
- package/dist/src/modeller/edit-toolbar-style.js +43 -3
- package/dist/src/modeller/edit-toolbar-style.js.map +1 -1
- package/dist/src/modeller/edit-toolbar.d.ts +8 -14
- package/dist/src/modeller/edit-toolbar.js +208 -211
- package/dist/src/modeller/edit-toolbar.js.map +1 -1
- package/dist/src/ox-board-modeller.js +1 -3
- package/dist/src/ox-board-modeller.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/icons/icon-htoolbar.png +0 -0
- package/package.json +2 -2
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
import { css } from 'lit';
|
|
5
5
|
export const style = css `
|
|
6
6
|
:host {
|
|
7
|
-
color:
|
|
8
|
-
background-color: var(--edit-toolbar-background-color, #394e64);
|
|
7
|
+
background-color: var(--edit-toolbar-background-color, var(--md-sys-color-secondary, #394e64));
|
|
9
8
|
|
|
10
9
|
overflow-x: hidden;
|
|
11
10
|
}
|
|
@@ -13,7 +12,7 @@ export const style = css `
|
|
|
13
12
|
[tools] {
|
|
14
13
|
display: flex;
|
|
15
14
|
align-items: center;
|
|
16
|
-
overflow:
|
|
15
|
+
overflow: hidden;
|
|
17
16
|
padding: 0px 10px;
|
|
18
17
|
}
|
|
19
18
|
|
|
@@ -170,6 +169,10 @@ export const style = css `
|
|
|
170
169
|
background-position-y: -1142px;
|
|
171
170
|
}
|
|
172
171
|
|
|
172
|
+
#databind-copy {
|
|
173
|
+
background-position-y: -1692px;
|
|
174
|
+
}
|
|
175
|
+
|
|
173
176
|
#context-menu {
|
|
174
177
|
background-position-y: -692px;
|
|
175
178
|
}
|
|
@@ -198,6 +201,43 @@ export const style = css `
|
|
|
198
201
|
background-position-y: -1593px;
|
|
199
202
|
}
|
|
200
203
|
|
|
204
|
+
#align-z-front {
|
|
205
|
+
background-position-y: -142px;
|
|
206
|
+
filter: hue-rotate(180deg);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
#align-z-middle {
|
|
210
|
+
background-position-y: -192px;
|
|
211
|
+
filter: hue-rotate(180deg);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
#align-z-back {
|
|
215
|
+
background-position-y: -242px;
|
|
216
|
+
filter: hue-rotate(180deg);
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
#distribute-z {
|
|
220
|
+
background-position-y: -1593px;
|
|
221
|
+
filter: hue-rotate(180deg);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
.gizmo-btn {
|
|
225
|
+
background: none !important;
|
|
226
|
+
color: rgba(255, 255, 255, 0.5);
|
|
227
|
+
min-width: 24px;
|
|
228
|
+
display: inline-flex;
|
|
229
|
+
align-items: center;
|
|
230
|
+
justify-content: center;
|
|
231
|
+
cursor: pointer;
|
|
232
|
+
border-radius: 3px;
|
|
233
|
+
padding: 2px;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.gizmo-btn[disabled] {
|
|
237
|
+
opacity: 0.3;
|
|
238
|
+
pointer-events: none;
|
|
239
|
+
}
|
|
240
|
+
|
|
201
241
|
#toggle-property {
|
|
202
242
|
background-position-y: -1392px;
|
|
203
243
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edit-toolbar-style.js","sourceRoot":"","sources":["../../../src/modeller/edit-toolbar-style.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"edit-toolbar-style.js","sourceRoot":"","sources":["../../../src/modeller/edit-toolbar-style.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0QvB,CAAA","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css } from 'lit'\n\nexport const style = css`\n :host {\n background-color: var(--edit-toolbar-background-color, var(--md-sys-color-secondary, #394e64));\n\n overflow-x: hidden;\n }\n\n [tools] {\n display: flex;\n align-items: center;\n overflow: hidden;\n padding: 0px 10px;\n }\n\n [tools] > * {\n padding: 0px;\n }\n\n [tools] > span[button] {\n min-width: 30px;\n }\n\n [tools] > span[padding] {\n flex: 1;\n }\n\n [tools] > .vline {\n display: block;\n flex: none;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n border-right: 1px solid rgba(0, 0, 0, 0.15);\n width: 0px;\n height: 18px;\n margin: 0 3px;\n }\n\n span[button] {\n min-height: 35px;\n\n background: var(--url-icon-htoolbar) no-repeat;\n background-position-x: 50%;\n opacity: 0.8;\n }\n span[button]:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n\n #fullscreen,\n #toggle-property {\n flex: none;\n }\n\n #align-left {\n background-position-y: 8px;\n }\n\n #align-center {\n background-position-y: -42px;\n }\n\n #align-right {\n background-position-y: -92px;\n }\n\n #align-top {\n background-position-y: -142px;\n }\n\n #align-middle {\n background-position-y: -192px;\n }\n\n #align-bottom {\n background-position-y: -242px;\n }\n\n #undo {\n background-position-y: -592px;\n }\n\n #redo {\n background-position-y: -642px;\n }\n\n #front {\n background-position-y: -292px;\n }\n\n #back {\n background-position-y: -342px;\n }\n\n #forward {\n background-position-y: -392px;\n }\n\n #backward {\n background-position-y: -442px;\n }\n\n #symmetry-x {\n background-position-y: -492px;\n }\n\n #symmetry-y {\n background-position-y: -542px;\n }\n\n #group {\n background-position-y: -492px;\n }\n\n #ungroup {\n background-position-y: -542px;\n }\n\n #fullscreen {\n background-position-y: -692px;\n }\n\n #toggle-property {\n background-position-y: -692px;\n float: right;\n }\n\n #zoomin {\n background-position-y: -742px;\n }\n\n #zoomout {\n background-position-y: -792px;\n }\n\n #fit-scene {\n background-position-y: -1492px;\n }\n\n #cut {\n background-position-y: -842px;\n }\n\n #copy {\n background-position-y: -892px;\n }\n\n #paste {\n background-position-y: -942px;\n }\n\n #delete {\n background-position-y: -992px;\n }\n\n #font-increase {\n background-position-y: -1042px;\n }\n\n #font-decrease {\n background-position-y: -1092px;\n }\n\n #style-copy {\n background-position-y: -1142px;\n }\n\n #databind-copy {\n background-position-y: -1692px;\n }\n\n #context-menu {\n background-position-y: -692px;\n }\n\n #symmetry-x {\n background-position-y: -1192px;\n }\n\n #symmetry-y {\n background-position-y: -1242px;\n }\n\n #rotate-cw {\n background-position-y: -1292px;\n }\n\n #rotate-ccw {\n background-position-y: -1342px;\n }\n\n #distribute-horizontal {\n background-position-y: -1542px;\n }\n\n #distribute-vertical {\n background-position-y: -1593px;\n }\n\n #align-z-front {\n background-position-y: -142px;\n filter: hue-rotate(180deg);\n }\n\n #align-z-middle {\n background-position-y: -192px;\n filter: hue-rotate(180deg);\n }\n\n #align-z-back {\n background-position-y: -242px;\n filter: hue-rotate(180deg);\n }\n\n #distribute-z {\n background-position-y: -1593px;\n filter: hue-rotate(180deg);\n }\n\n .gizmo-btn {\n background: none !important;\n color: rgba(255, 255, 255, 0.5);\n min-width: 24px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: 3px;\n padding: 2px;\n }\n\n .gizmo-btn[disabled] {\n opacity: 0.3;\n pointer-events: none;\n }\n\n #toggle-property {\n background-position-y: -1392px;\n }\n\n #preview {\n background-position-y: -1640px;\n }\n\n /* bigger buttons */\n #fullscreen {\n background: var(--url-icon-fullscreen) 50% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property {\n background: var(--url-icon-collapse) 80% 10px no-repeat;\n width: var(--edit-toolbar-bigger-icon-size);\n height: var(--edit-toolbar-bigger-icon-size);\n border-left: var(--edit-toolbar-bigger-icon-line);\n }\n\n #toggle-property[active] {\n background: var(--url-icon-collapse-active) 80% 10px no-repeat;\n }\n\n #generate-model {\n background-position-y: -1492px;\n }\n`\n"]}
|
|
@@ -8,21 +8,9 @@ export declare class EditToolbar extends LitElement {
|
|
|
8
8
|
scene?: Scene;
|
|
9
9
|
selected: any[];
|
|
10
10
|
hideProperty: boolean;
|
|
11
|
+
private _dimension;
|
|
12
|
+
private _gizmoAttached;
|
|
11
13
|
private cliped?;
|
|
12
|
-
private redo;
|
|
13
|
-
private undo;
|
|
14
|
-
private fullscreen;
|
|
15
|
-
private cut;
|
|
16
|
-
private copy;
|
|
17
|
-
private paste;
|
|
18
|
-
private delete;
|
|
19
|
-
private forward;
|
|
20
|
-
private backward;
|
|
21
|
-
private front;
|
|
22
|
-
private back;
|
|
23
|
-
private aligners;
|
|
24
|
-
private zorders;
|
|
25
|
-
private distributes;
|
|
26
14
|
firstUpdated(): void;
|
|
27
15
|
updated(changes: PropertyValues<this>): void;
|
|
28
16
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -31,13 +19,19 @@ export declare class EditToolbar extends LitElement {
|
|
|
31
19
|
getSymbol(key: string): string;
|
|
32
20
|
private getShortcutString;
|
|
33
21
|
onShortcut(e: KeyboardEvent): boolean;
|
|
22
|
+
private _setDisabled;
|
|
34
23
|
onExecute(command: string, undoable: boolean, redoable: boolean): void;
|
|
35
24
|
onUndo(undoable: boolean, redoable: boolean): void;
|
|
36
25
|
onRedo(undoable: boolean, redoable: boolean): void;
|
|
37
26
|
onSceneChanged(after?: Scene, before?: Scene): void;
|
|
27
|
+
private _onDimensionChanged;
|
|
28
|
+
private _onGizmoAttachChanged;
|
|
29
|
+
private _setGizmoMode;
|
|
38
30
|
onSelectedChanged(after: Component[], before: Component[]): void;
|
|
39
31
|
onTapUndo(): void;
|
|
40
32
|
onTapRedo(): void;
|
|
33
|
+
onStartStylePasteMode(): void;
|
|
34
|
+
onStartDatabindPasteMode(): void;
|
|
41
35
|
onTapCut(): void;
|
|
42
36
|
onTapCopy(): Promise<void>;
|
|
43
37
|
onTapPaste(): void;
|