@design.estate/dees-catalog 3.37.0 → 3.38.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.
@@ -3,6 +3,6 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@design.estate/dees-catalog',
6
- version: '3.37.0',
6
+ version: '3.38.0',
7
7
  description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
8
8
  }
@@ -90,10 +90,26 @@ export class DeesInputCode extends DeesInputBase<string> {
90
90
  }
91
91
 
92
92
  :host {
93
- display: block;
93
+ display: flex;
94
+ flex-direction: column;
95
+ min-height: 0;
96
+ }
97
+
98
+ .input-wrapper,
99
+ :host([label-position="top"]) .input-wrapper,
100
+ :host([label-position="left"]) .input-wrapper,
101
+ :host([label-position="right"]) .input-wrapper {
102
+ display: flex;
103
+ flex-direction: column;
104
+ flex: 1;
105
+ min-height: 0;
94
106
  }
95
107
 
96
108
  .code-container {
109
+ display: flex;
110
+ flex-direction: column;
111
+ flex: 1;
112
+ min-height: 0;
97
113
  border: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
98
114
  border-radius: 6px;
99
115
  overflow: hidden;
@@ -206,10 +222,13 @@ export class DeesInputCode extends DeesInputBase<string> {
206
222
 
207
223
  .editor-wrapper {
208
224
  position: relative;
225
+ flex: 1;
226
+ min-height: 0;
209
227
  }
210
228
 
211
229
  dees-workspace-monaco {
212
230
  display: block;
231
+ height: 100%;
213
232
  }
214
233
 
215
234
  .toolbar-divider {
@@ -231,7 +250,7 @@ export class DeesInputCode extends DeesInputBase<string> {
231
250
 
232
251
  return html`
233
252
  <style>
234
- .editor-wrapper {
253
+ :host {
235
254
  height: ${this.height};
236
255
  }
237
256
  </style>
@@ -70,12 +70,22 @@ export class DeesWorkspaceMonaco extends DeesElement {
70
70
  css`
71
71
  /* TODO: Migrate hardcoded values to --dees-* CSS variables */
72
72
  :host {
73
+ display: block;
74
+ position: relative;
75
+ height: 100%;
76
+ width: 100%;
73
77
  }
74
78
 
75
79
  * {
76
80
  box-sizing: border-box;
77
81
  }
78
82
 
83
+ .mainbox {
84
+ position: relative;
85
+ height: 100%;
86
+ width: 100%;
87
+ }
88
+
79
89
  #container {
80
90
  position: absolute;
81
91
  height: 100%;