@metadev/daga 1.0.0 → 1.2.0

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.
Files changed (33) hide show
  1. package/Changelog.md +24 -1
  2. package/README.md +1 -1
  3. package/assets/fonts/DMMono-Medium.ttf +0 -0
  4. package/assets/fonts/DMMono-Medium.woff +0 -0
  5. package/assets/fonts/DMMono-Medium.woff2 +0 -0
  6. package/assets/fonts/WonderUnitSans-Medium.ttf +0 -0
  7. package/assets/fonts/WonderUnitSans-Medium.woff +0 -0
  8. package/assets/fonts/WonderUnitSans-Medium.woff2 +0 -0
  9. package/assets/styles/_collapse-button.scss +37 -0
  10. package/assets/styles/_diagram-buttons.scss +132 -0
  11. package/assets/styles/_diagram.scss +15 -0
  12. package/assets/styles/_errors.scss +83 -0
  13. package/assets/styles/_palette.scss +12 -0
  14. package/assets/styles/_property-editor.scss +160 -0
  15. package/assets/styles/daga.scss +152 -0
  16. package/fesm2022/metadev-daga.mjs +1257 -996
  17. package/fesm2022/metadev-daga.mjs.map +1 -1
  18. package/index.d.ts +16 -7
  19. package/lib/collapse-button/collapse-button.component.d.ts +1 -0
  20. package/lib/diagram-editor/diagram/diagram-action.d.ts +10 -1
  21. package/lib/diagram-editor/diagram/diagram-canvas.d.ts +8 -1
  22. package/lib/diagram-editor/diagram/diagram-config.d.ts +8 -0
  23. package/lib/diagram-editor/diagram/diagram-connection.d.ts +12 -3
  24. package/lib/diagram-editor/diagram/diagram-element.d.ts +74 -2
  25. package/lib/diagram-editor/diagram/diagram-field.d.ts +13 -3
  26. package/lib/diagram-editor/diagram/diagram-model.d.ts +10 -42
  27. package/lib/diagram-editor/diagram/diagram-node.d.ts +12 -3
  28. package/lib/diagram-editor/diagram/diagram-port.d.ts +12 -3
  29. package/lib/diagram-editor/diagram/diagram-section.d.ts +12 -2
  30. package/lib/interfaces/canvas.d.ts +7 -1
  31. package/lib/object-editor/object-editor.component.d.ts +1 -0
  32. package/package.json +1 -1
  33. package/assets/styles/styles.scss +0 -181
package/assets/styles/styles.scss DELETED
@@ -1,181 +0,0 @@
1
- :root {
2
- --font-color: #233154;
3
- --panel-background-color: #ffffff;
4
- --panel-secondary-color: #f7f8fc;
5
- --panel-border-color: #e6e6e6;
6
- --property-background-color: #f5f8fa;
7
- --property-border-color: #e1e4ff;
8
- --modal-border-color: #e5e5e5;
9
- --button-color: #d7dee5;
10
- --error-color: #ff6363;
11
- --accept-color: #63ff63;
12
- --button-text-color: #000000;
13
- --metadev-blue-1: #0e74b6;
14
-
15
- --font-color-disabled: #808080;
16
- --monospace-font-family: 'DM Mono', monospace;
17
- --lux-disabled-border-color: var(--property-border-color);
18
- --lux-disabled-color: var(--property-background-color);
19
- --lux-input-border-color: var(--property-border-color);
20
- --lux-radiogroup-color: var(--font-color);
21
- --lux-radiogroup-selected-background-color: #0095f9;
22
- --lux-border-radius: 0.25rem;
23
- --lux-autocomplete-input-padding: 0 0.5rem;
24
- --lux-autocomplete-icon-clear: url(../icon/action/filter-clear.png) no-repeat
25
- center;
26
- --lux-autocomplete-icon-dropdown: url(../icon/action/drop-down-arrow.svg)
27
- no-repeat center;
28
- }
29
-
30
- header,
31
- footer,
32
- div,
33
- h1,
34
- p,
35
- li,
36
- button,
37
- input,
38
- option {
39
- font-family: 'Wonder Unit Sans', sans-serif;
40
- }
41
- code {
42
- font-family: var(--monospace-font-family);
43
- }
44
-
45
- .prevent-user-select {
46
- user-select: none;
47
- }
48
-
49
- .top-left {
50
- left: 0;
51
- top: 0;
52
- }
53
- .top-right {
54
- right: 0;
55
- top: 0;
56
- }
57
- .bottom-left {
58
- bottom: 0;
59
- left: 0;
60
- }
61
- .bottom-right {
62
- bottom: 0;
63
- right: 0;
64
- }
65
- .panel {
66
- &.bottom {
67
- flex-flow: column;
68
- }
69
- &.top {
70
- flex-flow: column-reverse;
71
- }
72
- &.right {
73
- flex-flow: row;
74
- }
75
- &.left {
76
- flex-flow: row-reverse;
77
- }
78
- background-color: var(--panel-secondary-color);
79
- border: 1px solid var(--panel-border-color);
80
- border-radius: 1rem;
81
- box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
82
- display: flex;
83
- flex-direction: column;
84
- height: fit-content;
85
- margin: 1rem;
86
- max-height: calc(100% - 2rem);
87
- max-width: calc(100% - 2rem);
88
- position: absolute;
89
- width: fit-content;
90
- .collapse-button {
91
- &.bottom {
92
- border-radius: 0.75rem 0.75rem 0 0;
93
- }
94
- &.top {
95
- border-radius: 0 0 0.75rem 0.75rem;
96
- }
97
- &.right {
98
- border-radius: 0.75rem 0 0 0.75rem;
99
- }
100
- &.left {
101
- border-radius: 0 0.75rem 0.75rem 0;
102
- }
103
- }
104
- .panel-content {
105
- background-color: var(--panel-background-color);
106
- border: 0;
107
- border-radius: 1rem;
108
- flex: 1 1 auto;
109
- overflow: auto;
110
- }
111
- .panel-tabs {
112
- background-color: var(--panel-secondary-color);
113
- display: flex;
114
- flex-direction: row;
115
- overflow-x: auto;
116
- padding-top: 0.5rem;
117
- .panel-tab {
118
- &.current-tab {
119
- background-color: var(--panel-background-color);
120
- border-top-left-radius: 0.5rem;
121
- border-top-right-radius: 0.5rem;
122
- }
123
- flex-grow: 1;
124
- flex-shrink: 0;
125
- padding: 0.5rem;
126
- text-align: center;
127
- user-select: none;
128
- }
129
- }
130
- }
131
-
132
- daga-property-editor {
133
- .property {
134
- color: var(--font-color);
135
- :disabled,
136
- .disabled {
137
- color: var(--font-color-disabled);
138
- }
139
- input,
140
- select,
141
- textarea,
142
- button,
143
- .radio-item {
144
- background-color: var(--property-background-color);
145
- border: 1px solid var(--property-border-color);
146
- font-weight: 500;
147
- font-size: 0.8rem;
148
- }
149
- input,
150
- select,
151
- textarea {
152
- border-radius: var(--lux-border-radius);
153
- box-sizing: border-box;
154
- font-family: var(--monospace-font-family);
155
- width: 100%;
156
- }
157
- input,
158
- select {
159
- height: 1.5rem;
160
- }
161
- select {
162
- padding: 0 0.5rem;
163
- }
164
- textarea {
165
- height: 5rem;
166
- padding: var(--lux-input-padding, 0rem 0.5rem);
167
- resize: none;
168
- }
169
- .radio-item {
170
- &.radio-start {
171
- border-bottom-left-radius: var(--lux-border-radius);
172
- border-top-left-radius: var(--lux-border-radius);
173
- }
174
- &.radio-end {
175
- border-bottom-right-radius: var(--lux-border-radius);
176
- border-top-right-radius: var(--lux-border-radius);
177
- }
178
- width: 50%;
179
- }
180
- }
181
- }